@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

:root {
  --e-global-typography-100f124-font-family: "Poppins", sans-serif;
}

body {
  font-family: var(--e-global-typography-100f124-font-family);
}


g-container,
g-row,
g-col {
    box-sizing: border-box
}

g-container {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    max-width: 67.875rem;
    padding: 0 .75rem;
    width: 100%
}

@media(max-width: 479px) {

    g-container,
    .on-grid {
        width: 100%
    }
}

@media(min-width: 480px) {

    g-container,
    .on-grid {
        width: calc(100% - calc(0rem + ((1vw - 0.3rem) * 13.1148)))
    }
}

@media(min-width: 1701px) {

    g-container,
    .on-grid {
        width: calc(100% - 10rem)
    }
}

g-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

g-col {
    background-clip: padding-box !important;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    padding: 0 .75rem;
    position: relative;
    width: 100%
}

g-container img {
    box-sizing: border-box;
    display: block;
    height: auto !important;
    width: 100%
}

.col-0 {
    display: none !important
}

.col-1 {
    width: 11.1111%
}

.col-2 {
    width: 22.2222%
}

.col-3 {
    width: 33.3333%
}

.col-4 {
    width: 44.4444%
}

.col-5 {
    width: 55.5555%
}

.col-6 {
    width: 66.6666%
}

.col-7 {
    width: 77.7777%
}

.col-8 {
    width: 88.8888%
}

* {
    outline: 0
}

html {
    background: #f9f9f2;
    overflow: hidden;
    overflow-y: scroll
}

body {
    box-sizing: border-box;
    color: #000810;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    margin: 0;
    min-width: 320px;
    position: relative;
    transition: padding-left 500ms ease;
    width: 100%;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
}

body.has-timeline {
    padding-left: 7.375rem
}

@media(max-width: 479px) {
    body.has-timeline {
        padding-left: 4.5rem
    }
}

@media(max-width: 372px) {
    body {
        padding-left: 0 !important
    }
}

a,
i,
button,
label {
    color: inherit;
    outline: none !important;
    text-decoration: none
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

img {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor
}

img {
    border: 0
}

figure,
picture {
    display: block;
    margin: 0;
    overflow: hidden;
    position: relative
}

figure:not(.uncropped):not(.wp-caption) img {
    height: calc(100% + 4px) !important;
    width: calc(100% + 4px) !important;
    image-rendering: auto;
    opacity: 1;
    object-position: center;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

figure.uncropped img {
    display: block;
    height: auto !important;
    width: 100%
}

.wp-caption {
    width: 100% !important
}

.wp-caption img {
    display: block;
    height: auto !important;
    width: 100%
}

figure.fallback {
    background-size: cover !important;
    background-position: center !important
}

figure.fallback img {
    display: none !important
}

figure figcaption {
    color: #000810;
    display: block;
    font-size: .813rem;
    line-height: 160%;
    margin-top: 1rem
}

#cn-notice-text {
    font-family: futura-pt, sans-serif !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    font-style: normal !important
}

.btn {
    border-radius: .3125rem;
    box-sizing: border-box;
    cursor: pointer;
    display: table;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    font-style: normal;
    margin: 0;
    position: relative;
    transition: background 200ms ease, border 200ms ease, color 200ms ease;
    z-index: 2
}

.btn.fill {
    border-color: transparent;
    background: #ff5964;
    color: #fff;
    padding: .625rem .9375rem
}

.btn.border {
    border: 1px solid #ff5964;
    background: transparent;
    color: #ff5964;
    padding: .563rem .875rem
}

.btn.white {
    background: #fff;
    color: #000810;
    display: inline-block;
    margin-left: 1rem;
    padding: .75rem 1.375rem .813rem 1.375rem
}

.btn:hover {
    background: #000810;
    color: #fff
}

.btn.border:hover {
    border: 1px solid #000810
}

section.flex {
    display: block;
    position: relative
}

section.flex g-container {
    position: relative;
    z-index: 2
}

@media(max-width: 479px) {
    section.flex:not(.custom-padding) {
        padding: 2.5rem 0
    }
}

@media(min-width: 480px) {
    section.flex:not(.custom-padding) {
        padding: calc(2.5rem + ((1vw - 0.3rem) * 1.9672)) 0
    }
}

@media(min-width: 1701px) {
    section.flex:not(.custom-padding) {
        padding: 4rem 0
    }
}

section.flex:not(.custom-padding):not(.has-background)+section.flex:not(.custom-padding):not(.has-background),
section.has-background+section.has-background {
    padding-top: 0
}

h1,
.h1,
h2,
.h2 {
    color: #000810;
    font-family: "Gloock", serif;
    font-weight: 400;
    font-style: normal;
    margin: 0
}

h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    color: #000810;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-style: normal;
    margin: 0
}

h1,
.h1 {
    line-height: 100%
}

h2,
.h2 {
    line-height: 100%
}

h3,
.h3 {
    line-height: 115%
}

h4,
.h4 {
    line-height: 120%
}

h5,
.h5 {
    line-height: 125%
}

h6,
.h6 {
    line-height: 130%
}

*+h1,
*+h2,
*+h3,
*+h4,
*+h5,
*+h6 {
    margin-top: 3rem
}

.wysiwyg *+h1 {
    margin-top: 3rem
}

.wysiwyg *+h2 {
    margin-top: 2.75rem
}

.wysiwyg *+h3 {
    margin-top: 2.25rem
}

.wysiwyg *+h4 {
    margin-top: 1.75rem
}

.wysiwyg *+h5 {
    margin-top: 1.625rem
}

.wysiwyg *+h6 {
    margin-top: 1.5rem
}

.wysiwyg h1+*,
.wysiwyg h2+*,
.wysiwyg h3+*,
.wysiwyg h4+*,
.wysiwyg h5+*,
.wysiwyg h6+* {
    margin-top: 1rem
}

@media(max-width: 479px) {

    h1,
    .h1 {
        font-size: 3rem
    }
}

@media(min-width: 480px) {

    h1,
    .h1 {
        font-size: calc(3rem + ((1vw - 0.3rem) * 2.6230))
    }
}

@media(min-width: 1701px) {

    h1,
    .h1 {
        font-size: 5rem
    }
}

@media(max-width: 479px) {

    h2,
    .h2 {
        font-size: 2.25rem
    }
}

@media(min-width: 480px) {

    h2,
    .h2 {
        font-size: calc(2.25rem + ((1vw - 0.3rem) * 1.6393))
    }
}

@media(min-width: 1701px) {

    h2,
    .h2 {
        font-size: 3.5rem
    }
}

@media(max-width: 479px) {

    h3,
    .h3 {
        font-size: 1.25rem
    }
}

@media(min-width: 480px) {

    h3,
    .h3 {
        font-size: calc(1.25rem + ((1vw - 0.3rem) * 0.3279))
    }
}

@media(min-width: 1701px) {

    h3,
    .h3 {
        font-size: 1.5rem
    }
}

@media(max-width: 479px) {

    h5,
    .h5 {
        font-size: 1.125rem
    }
}

@media(min-width: 480px) {

    h5,
    .h5 {
        font-size: calc(1.125rem + ((1vw - 0.3rem) * 0.3279))
    }
}

@media(min-width: 1701px) {

    h5,
    .h5 {
        font-size: 1.375rem
    }
}

h5,
.h5 {
    font-size: 1.25rem
}

h6,
.h6 {
    font-size: 1.125rem
}

p,
ul,
ol {
    color: #000810;
    font-family: "Open Sans", sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    margin: 1.25rem 0 0 0
}

p:first-child,
ul:first-child,
ol:first-child {
    margin-top: 0
}

.wysiwyg * a:not(.btn) {
    color: #ff5964;
    font-weight: 700;
    text-decoration: none;
    transition: color 250ms ease
}

.wysiwyg * a:not(.btn):hover {
    color: #ff5964
}

.flex.theme-dark .wysiwyg * a:not(.btn) {
    text-decoration-color: rgba(255, 255, 255, .15) !important
}

.flex.theme-dark .wysiwyg * a:not(.btn):hover {
    color: #fff !important;
    text-decoration-color: #ff5964 !important
}

.wysiwyg blockquote {
    margin: 1.5rem 0;
    padding: 0;
    position: relative
}

.wysiwyg blockquote>* {
    color: #ff5964;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: .2px;
    line-height: 90%;
    text-transform: uppercase
}

@media(max-width: 479px) {
    .wysiwyg blockquote>* {
        font-size: 1.75rem
    }
}

@media(min-width: 480px) {
    .wysiwyg blockquote>* {
        font-size: calc(1.75rem + ((1vw - 0.3rem) * 1.8033))
    }
}

@media(min-width: 1701px) {
    .wysiwyg blockquote>* {
        font-size: 3.125rem
    }
}

.wysiwyg blockquote:first-child {
    margin: 0 !important
}

.wysiwyg blockquote p a,
.wysiwyg blockquote ul a,
.wysiwyg blockquote ol a {
    font-weight: 400 !important
}

.wysiwyg ul {
    list-style-type: none;
    padding: 0
}

.wysiwyg ul li {
    display: block;
    line-height: 162.5%;
    padding: 0 0 0 2rem;
    position: relative
}

.wysiwyg ul li+li {
    margin-top: .5rem
}

.wysiwyg ul li:before {
    background-color: #ff5964;
    border-radius: 50%;
    content: "";
    height: .438rem;
    left: .625rem;
    position: absolute;
    top: .688rem;
    width: .438rem
}

.wysiwyg ul ol,
.wysiwyg ul ul {
    margin-top: .625rem
}

.wysiwyg ol {
    counter-reset: count;
    list-style-type: none;
    padding: 0
}

.wysiwyg ol[start="1"] {
    counter-reset: count 0
}

.wysiwyg ol[start="2"] {
    counter-reset: count 1
}

.wysiwyg ol[start="3"] {
    counter-reset: count 2
}

.wysiwyg ol[start="4"] {
    counter-reset: count 3
}

.wysiwyg ol[start="5"] {
    counter-reset: count 4
}

.wysiwyg ol[start="6"] {
    counter-reset: count 5
}

.wysiwyg ol[start="7"] {
    counter-reset: count 6
}

.wysiwyg ol[start="8"] {
    counter-reset: count 7
}

.wysiwyg ol[start="9"] {
    counter-reset: count 8
}

.wysiwyg ol[start="10"] {
    counter-reset: count 9
}

.wysiwyg ol[start="11"] {
    counter-reset: count 10
}

.wysiwyg ol[start="12"] {
    counter-reset: count 11
}

.wysiwyg ol[start="13"] {
    counter-reset: count 12
}

.wysiwyg ol[start="14"] {
    counter-reset: count 13
}

.wysiwyg ol[start="15"] {
    counter-reset: count 14
}

.wysiwyg ol[start="16"] {
    counter-reset: count 15
}

.wysiwyg ol[start="17"] {
    counter-reset: count 16
}

.wysiwyg ol[start="18"] {
    counter-reset: count 17
}

.wysiwyg ol[start="19"] {
    counter-reset: count 18
}

.wysiwyg ol[start="20"] {
    counter-reset: count 19
}

.wysiwyg ol[start="21"] {
    counter-reset: count 20
}

.wysiwyg ol[start="22"] {
    counter-reset: count 21
}

.wysiwyg ol[start="23"] {
    counter-reset: count 22
}

.wysiwyg ol[start="24"] {
    counter-reset: count 23
}

.wysiwyg ol[start="25"] {
    counter-reset: count 24
}

.wysiwyg ol[start="26"] {
    counter-reset: count 25
}

.wysiwyg ol[start="27"] {
    counter-reset: count 26
}

.wysiwyg ol[start="28"] {
    counter-reset: count 27
}

.wysiwyg ol[start="29"] {
    counter-reset: count 28
}

.wysiwyg ol[start="30"] {
    counter-reset: count 29
}

.wysiwyg ol[start="31"] {
    counter-reset: count 30
}

.wysiwyg ol[start="32"] {
    counter-reset: count 31
}

.wysiwyg ol[start="33"] {
    counter-reset: count 32
}

.wysiwyg ol[start="34"] {
    counter-reset: count 33
}

.wysiwyg ol[start="35"] {
    counter-reset: count 34
}

.wysiwyg ol[start="36"] {
    counter-reset: count 35
}

.wysiwyg ol[start="37"] {
    counter-reset: count 36
}

.wysiwyg ol[start="38"] {
    counter-reset: count 37
}

.wysiwyg ol[start="39"] {
    counter-reset: count 38
}

.wysiwyg ol[start="40"] {
    counter-reset: count 39
}

.wysiwyg ol[start="41"] {
    counter-reset: count 40
}

.wysiwyg ol[start="42"] {
    counter-reset: count 41
}

.wysiwyg ol[start="43"] {
    counter-reset: count 42
}

.wysiwyg ol[start="44"] {
    counter-reset: count 43
}

.wysiwyg ol[start="45"] {
    counter-reset: count 44
}

.wysiwyg ol[start="46"] {
    counter-reset: count 45
}

.wysiwyg ol[start="47"] {
    counter-reset: count 46
}

.wysiwyg ol[start="48"] {
    counter-reset: count 47
}

.wysiwyg ol[start="49"] {
    counter-reset: count 48
}

.wysiwyg ol[start="50"] {
    counter-reset: count 49
}

.wysiwyg ol[start="51"] {
    counter-reset: count 50
}

.wysiwyg ol[start="52"] {
    counter-reset: count 51
}

.wysiwyg ol[start="53"] {
    counter-reset: count 52
}

.wysiwyg ol[start="54"] {
    counter-reset: count 53
}

.wysiwyg ol[start="55"] {
    counter-reset: count 54
}

.wysiwyg ol[start="56"] {
    counter-reset: count 55
}

.wysiwyg ol[start="57"] {
    counter-reset: count 56
}

.wysiwyg ol[start="58"] {
    counter-reset: count 57
}

.wysiwyg ol[start="59"] {
    counter-reset: count 58
}

.wysiwyg ol[start="60"] {
    counter-reset: count 59
}

.wysiwyg ol[start="61"] {
    counter-reset: count 60
}

.wysiwyg ol[start="62"] {
    counter-reset: count 61
}

.wysiwyg ol[start="63"] {
    counter-reset: count 62
}

.wysiwyg ol[start="64"] {
    counter-reset: count 63
}

.wysiwyg ol[start="65"] {
    counter-reset: count 64
}

.wysiwyg ol[start="66"] {
    counter-reset: count 65
}

.wysiwyg ol[start="67"] {
    counter-reset: count 66
}

.wysiwyg ol[start="68"] {
    counter-reset: count 67
}

.wysiwyg ol[start="69"] {
    counter-reset: count 68
}

.wysiwyg ol[start="70"] {
    counter-reset: count 69
}

.wysiwyg ol[start="71"] {
    counter-reset: count 70
}

.wysiwyg ol[start="72"] {
    counter-reset: count 71
}

.wysiwyg ol[start="73"] {
    counter-reset: count 72
}

.wysiwyg ol[start="74"] {
    counter-reset: count 73
}

.wysiwyg ol[start="75"] {
    counter-reset: count 74
}

.wysiwyg ol[start="76"] {
    counter-reset: count 75
}

.wysiwyg ol[start="77"] {
    counter-reset: count 76
}

.wysiwyg ol[start="78"] {
    counter-reset: count 77
}

.wysiwyg ol[start="79"] {
    counter-reset: count 78
}

.wysiwyg ol[start="80"] {
    counter-reset: count 79
}

.wysiwyg ol[start="81"] {
    counter-reset: count 80
}

.wysiwyg ol[start="82"] {
    counter-reset: count 81
}

.wysiwyg ol[start="83"] {
    counter-reset: count 82
}

.wysiwyg ol[start="84"] {
    counter-reset: count 83
}

.wysiwyg ol[start="85"] {
    counter-reset: count 84
}

.wysiwyg ol[start="86"] {
    counter-reset: count 85
}

.wysiwyg ol[start="87"] {
    counter-reset: count 86
}

.wysiwyg ol[start="88"] {
    counter-reset: count 87
}

.wysiwyg ol[start="89"] {
    counter-reset: count 88
}

.wysiwyg ol[start="90"] {
    counter-reset: count 89
}

.wysiwyg ol[start="91"] {
    counter-reset: count 90
}

.wysiwyg ol[start="92"] {
    counter-reset: count 91
}

.wysiwyg ol[start="93"] {
    counter-reset: count 92
}

.wysiwyg ol[start="94"] {
    counter-reset: count 93
}

.wysiwyg ol[start="95"] {
    counter-reset: count 94
}

.wysiwyg ol[start="96"] {
    counter-reset: count 95
}

.wysiwyg ol[start="97"] {
    counter-reset: count 96
}

.wysiwyg ol[start="98"] {
    counter-reset: count 97
}

.wysiwyg ol[start="99"] {
    counter-reset: count 98
}

.wysiwyg ol[start="100"] {
    counter-reset: count 99
}

.wysiwyg ol li {
    counter-increment: count;
    display: block;
    line-height: 160%;
    padding: 0 0 0 2.5rem;
    position: relative
}

.wysiwyg ol li+li {
    margin-top: .5rem
}

.wysiwyg ol>li:before {
    color: #ff5964;
    content: counter(count) ".";
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
    position: absolute;
    text-align: right;
    top: 0;
    right: calc(100% - 1.5rem)
}

.wysiwyg ol ul,
.wysiwyg ol ol {
    margin-top: .625rem
}

#cmplz-document h2,
.editor-styles-wrapper .cmplz-unlinked-mode h2 {
    margin-top: 2.5rem !important
}

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,
#cmplz-document .cmplz-dropdown .cookies-per-purpose div,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div {
    background-color: #f9f9f2
}

body:before {
    background: #000810;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition: opacity 375ms ease;
    z-index: 997
}

body.sidebar-open:before {
    pointer-events: all;
    opacity: .33
}

nav-trigger {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 999
}

nav-trigger button {
    background: #ff5964;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 100%;
    cursor: pointer;
    display: block;
    height: 4rem;
    margin: 0;
    padding: 0;
    transition: background 250ms ease, border 250ms ease;
    width: 4rem
}

nav-trigger button:hover,
.sidebar-open nav-trigger button {
    border: 1px solid rgba(255, 255, 255, 0);
    background: #000810
}

.sidebar-open nav-trigger button {
    border-color: #fff
}

nav-trigger button svg {
    display: block;
    height: 1.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 1;
    transform: translate3d(-50%, -50%, 0);
    stroke: #fff;
    transition: opacity 125ms ease;
    width: 1.5rem
}

nav-trigger button svg.open {
    opacity: 1
}

nav-trigger button svg.close {
    opacity: 0
}

.sidebar-open nav-trigger button svg.open {
    opacity: 0
}

.sidebar-open nav-trigger button svg.close {
    opacity: 1
}

header {
    background: #f9f9f2;
    display: block;
    max-width: 27.5rem;
    overflow: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    transform: translate3d(100%, 0, 0);
    transition: transform 375ms ease-out;
    width: 100%;
    z-index: 998
}

header h2 {
    font-family: "Gloock", serif !important;
    font-weight: 400 !important
}

@media(max-width: 479px) {
    header h2 {
        font-size: 1.375rem
    }
}

@media(min-width: 480px) {
    header h2 {
        font-size: calc(1.375rem + ((1vw - 0.3rem) * 1.1475))
    }
}

@media(min-width: 1701px) {
    header h2 {
        font-size: 2.25rem
    }
}

.admin-bar header {
    top: 2rem
}

.sidebar-open header {
    transform: translate3d(0, 0, 0)
}

header-inner {
    box-sizing: border-box;
    display: block;
    padding: 2rem;
    position: relative
}

@media(max-width: 479px) {
    header-inner {
        padding: 1.5rem
    }
}

header strong.h4:before {
    background: #ff5964;
    content: "";
    display: block;
    height: 2px;
    margin: 2rem 0 1.5rem 0;
    width: calc(100% + 2rem)
}

header ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: .75rem 0 0 -0.25rem;
    padding: 0;
    width: calc(100% + 0.5rem)
}

header ul li {
    display: block;
    margin: .25rem
}

header ul a {
    background: #000810;
    border-radius: .313rem;
    box-sizing: border-box;
    color: #f9f9f2;
    cursor: pointer;
    display: block;
    line-height: 1.375rem;
    padding: .5rem 1rem;
    position: relative;
    transition: background 200ms ease
}

header ul a:hover {
    background: transparent;
    color: #000810
}

header ul.party a {
    padding-left: 1.75rem
}

header ul.party a span {
    border-radius: 100%;
    content: "";
    height: .5rem;
    position: absolute;
    top: 50%;
    left: .625rem;
    transform: translateY(-50%);
    width: .5rem
}

header select-wrap {
    display: block;
    position: relative
}

header select {
    background: #d9dae4;
    border: 0;
    box-sizing: border-box;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 1.063rem;
    font-style: normal;
    margin-top: 1rem;
    padding: 1rem 3rem 1rem 1rem;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none
}

header select-wrap svg {
    height: 1.5rem;
    position: absolute;
    pointer-events: none;
    top: 50%;
    right: .75rem;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 250ms ease;
    width: 1.5rem;
    z-index: 1
}

header select-wrap.open svg {
    transform: translateY(-50%) rotate(180deg)
}

@media(max-width: 479px) {
    header select-wrap {
        width: calc(100% - 5.5rem)
    }
}

#timeline {
    background: #000810;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 7.375rem
}

#timeline:before {
    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0) 15%, black 100%); */
    content: "";
    height: 3.5rem;
    position: absolute;
    pointer-events: none;
    top: -2px;
    left: 0;
    width: 7.375rem;
    z-index: 2
}

#timeline:after {
    /* background: linear-gradient(0deg, black 15%, rgba(0, 0, 0, 0) 100%); */
    content: "";
    height: 3.5rem;
    position: absolute;
    pointer-events: none;
    bottom: -2px;
    left: 0;
    width: 7.375rem;
    z-index: 2
}

#timeline ul {
    box-sizing: border-box !important;
    height: 100%;
    list-style-type: none;
    margin: 0;
    z-index: 1
}

@media(max-width: 479px) {
    #timeline ul {
        padding: 2.5rem 0
    }
}

@media(min-width: 480px) {
    #timeline ul {
        padding: calc(2.5rem + ((1vw - 0.3rem) * 1.9672)) 0
    }
}

@media(min-width: 1701px) {
    #timeline ul {
        padding: 4rem 0
    }
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 90px;

  /* make scrolling feel softer */
  overscroll-behavior: none;
}

body {
  scroll-behavior: smooth;
}

#timeline button {
    background-color: transparent;
    align-items: center;
    background-image: url("./../img/timeline-notches-white.svg");
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    border: 0;
    color: #f9f9f2;
    cursor: pointer;
    display: flex;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    font-style: normal;
    height: 6rem;
    justify-content: center;
    margin: 0;
    padding: 0 0 0 2rem;
    position: relative;
    transition: background-color 125ms ease, color 125ms ease;
    width: 7.375rem
}

@media(min-width: 480px) {
    #timeline button:hover {
        background-color: rgba(255, 255, 255, .1);
        color: #ff5964
    }
}

#timeline .scroll-wrapper {
    height: 100%
}

#timeline nav-position {
    background: #ff5964;
    height: 4px;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-1px);
    transition: top 250ms ease;
    width: 2.25rem;
    z-index: 2
}

#timeline .scroll-element_outer {
    display: none !important
}

@media(max-width: 479px) {

    #timeline,
    #timeline button {
        width: 4.5rem
    }

    #timeline button {
        background-size: 3rem 100%;
        font-size: .875rem;
        justify-content: flex-end;
        padding: 0 .875rem 0 0
    }

    #timeline:before,
    #timeline:after {
        width: 4.5rem
    }
}

@media(max-width: 372px) {
    #timeline {
        display: none
    }
}

footer {
    background: #000810;
    overflow: hidden;
    position: relative
}

footer * {
    color: #fff !important
}

@media(max-width: 479px) {
    footer {
        margin-top: 4rem;
        padding: 4rem 0 1.375rem 0
    }
}

@media(min-width: 480px) {
    footer {
        margin-top: calc(4rem + ((1vw - 0.3rem) * 5.2459));
        padding: calc(4rem + ((1vw - 0.3rem) * 5.2459)) 0 1.375rem 0
    }
}

@media(min-width: 1701px) {
    footer {
        margin-top: 8rem;
        padding: 8rem 0 1.375rem 0
    }
}

footer .top g-col {
    justify-content: space-between
}

footer .top {
    padding-bottom: 4rem
}

footer text-content {
    display: block;
    width: calc(100% - 5rem - 4vw)
}

footer text-content strong {
    font-family: "Gloock", serif;
    font-weight: 400;
    line-height: 105%
}

@media(max-width: 479px) {
    footer text-content strong {
        font-size: 2.25rem
    }
}

@media(min-width: 480px) {
    footer text-content strong {
        font-size: calc(2.25rem + ((1vw - 0.3rem) * 1.6393))
    }
}

@media(min-width: 1701px) {
    footer text-content strong {
        font-size: 3.5rem
    }
}

footer text-content strong:after {
    content: ".";
    color: #ff5964
}

footer text-content a {
    display: table;
    margin-top: 2rem;
    padding: 0;
    transition: color 200ms ease
}

footer text-content a svg {
    display: block;
    height: auto;
    fill: #fff;
    width: 13.75rem
}

footer .top ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

footer .top ul li {
    display: block
}

footer .top ul li~li {
    margin-top: .563rem
}

footer .top ul a {
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    padding: 0;
    position: relative;
    transition: color 200ms ease
}

footer .top ul a:hover {
    color: #ff5964 !important
}

@media(max-width: 479px) {
    footer .top g-col {
        justify-content: flex-start
    }

    footer text-content {
        width: 100%
    }

    footer .top ul {
        margin-top: 2.625rem
    }
}

footer .bottom {
    padding-top: 1.375rem
}

footer .bottom:before {
    background: #fff;
    content: "";
    opacity: .22;
    position: absolute;
    top: 0;
    right: -50vw;
    height: 1px;
    left: -50vw
}

footer .bottom g-col {
    align-items: center;
    gap: 1rem;
    width: 50%
}

footer .bottom g-col:last-child {
    justify-content: flex-end
}

footer .bottom a {
    cursor: pointer;
    transition: color 200ms ease;
    font-weight: 700
}

footer .bottom a:hover {
    color: #ff5964 !important
}

footer .copyright {
    font-size: 1.063rem
}

.built-by-blue-stag {
    display: block;
    height: 1.875rem;
    position: relative;
    width: 1.5rem
}

.built-by-blue-stag svg {
    display: block;
    height: 1.875rem;
    fill: #fff;
    transform: scale(1);
    transition: transform 125ms ease;
    width: 1.5rem
}

.built-by-blue-stag:hover {
    opacity: 1
}

.built-by-blue-stag:hover svg {
    transform: scale(1.2)
}

.slick-slider {
    box-sizing: border-box;
    display: block;
    min-width: 100%;
    position: relative;
    touch-action: pan-y;
    user-select: none;
    width: 0
}

.slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 2
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    display: block;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    top: 0;
    left: 0
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    position: relative
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slideshow-container ul li:before {
    display: none
}

.hero {
    padding-bottom: 0 !important
}

@media(max-width: 479px) {
    .hero:not(.home) {
        padding-top: 5.6875rem !important
    }
}

@media(min-width: 480px) {
    .hero:not(.home) {
        padding-top: calc(5.6875rem + ((1vw - 0.3rem) * 3.0328)) !important
    }
}

@media(min-width: 1701px) {
    .hero:not(.home) {
        padding-top: 8rem !important
    }
}

.hero hero-wrapper {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    width: 100%
}

.hero:not(.basic) hero-wrapper {
    min-height: 24rem
}

.hero.basic hero-wrapper {
    min-height: 10rem
}

.hero:not(.home) g-col {
    margin: 0 auto;
    max-width: 52.75rem;
    width: 100%
}

.hero hero-wrapper text-content {
    box-sizing: border-box;
    display: block;
    order: 1;
    padding: 0 2rem 0 0;
    width: 100%
}

.hero hero-wrapper text-content>* {
    /*max-width: 27rem*/
}

@media(min-width: 780px) {
    .hero hero-wrapper figure {
        height: 100%;
        order: 2;
        width: 42.86%
    }

    .hero hero-wrapper figure+text-content {
        width: 57.14%
    }
}

@media(max-width: 779px) {
    .hero hero-wrapper {
        display: block
    }

    .hero hero-wrapper figure {
        width: 100%;
        height: 0;
        padding-bottom: 53.25%
    }

    .hero hero-wrapper text-content {
        width: 100%
    }
}

@media(max-width: 479px) {
    .hero hero-wrapper figure {
        padding-bottom: 75%
    }

    .hero hero-wrapper text-content {
        padding: 1.5rem 0 0 0
    }
}

.hero .social-links {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 2rem 0 0 0;
    padding: 0
}

.hero .social-links li {
    display: block
}

.hero .social-links li~li {
    margin-left: .5rem
}

.hero .social-links a {
    display: block;
    height: 1rem;
    width: 1rem
}

.hero .social-links svg {
    display: block;
    fill: #939393;
    height: 1rem;
    transition: fill 250ms ease;
    width: 1rem
}

.hero .social-links a:hover svg {
    fill: #ff5964
}

.view-all {
    background: #ff5964;
    border-radius: .3125rem;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: 400;
    left: 1.5rem;
    padding: .625rem 1.25rem .625rem 2.75rem;
    position: absolute;
    transition: background 125ms ease, border 125ms ease, color 125ms ease;
    top: 1.5rem
}

.view-all svg {
    stroke: #fff;
    height: 1.375rem;
    left: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: stroke 125ms ease;
    width: 1.375rem
}

.view-all:hover {
    background: #000810;
    color: #fff
}

.view-all:hover svg {
    stroke: #fff
}

a.home {
    background: transparent;
    border-radius: .3125rem;
    color: #000810;
    cursor: pointer;
    display: block;
    font-weight: 500;
    height: 2.688rem;
    left: 1.5rem;
    padding: 0;
    position: absolute;
    transition: background 125ms ease, border 125ms ease, color 125ms ease;
    top: 1.5rem;
    width: 2.688rem
}

a.home svg {
    height: 1.375rem;
    left: 50%;
    stroke: #000810;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: stroke 125ms ease;
    width: 1.375rem
}

a.home:hover {
    background: #ff5964;
    color: #fff
}

a.home:hover svg {
    stroke: #fff
}

.view-all+a.home {
    left: 9.813rem
}

.hero.home h1:after {
    content: ".";
    color: #ff5964
}

.flex.filter-list {
    padding: 2rem 0 0 0 !important
}

.filter-list ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: -0.25rem 0 0 -0.25rem;
    max-width: 40rem;
    padding: 0;
    width: calc(100% + 0.5rem)
}

.flex.filter-list.election g-col {
    margin: 0 auto;
    max-width: 52.75rem
}

.filter-list ul li {
    display: block;
    margin: .25rem
}

.filter-list ul a {
    border-radius: .313rem;
    background: #000810;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 1.375rem;
    padding: .5rem 1rem;
    position: relative;
    transition: background 200ms ease
}

.filter-list ul a:hover {
    background: transparent;
    color: #000810
}

.flex.filter-list.election ul a:hover,
.flex.filter-list.filtered ul a.selected {
    background: #ff5964;
    color: #fff
}

.filter-list.party ul a {
    padding-left: 1.75rem
}

.filter-list.party ul a span {
    border-radius: 100%;
    content: "";
    height: .5rem;
    position: absolute;
    top: 50%;
    left: .625rem;
    transform: translateY(-50%);
    width: .5rem
}

.post-list h2 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1.5rem;
    padding: 4rem 0;
    position: relative;
    text-align: left;
    width: 100%
}

.post-list h2:after {
    background: #ff5964;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 100%
}

.post-list.flat g-col {
    margin: 0 auto;
    max-width: 52.75rem;
    width: 100%
}

.post-list g-col>ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.post-list:not(.flat) g-col>ul li {
    background: #000810;
    display: block;
    margin-left: 1.5rem
}

@media(min-width: 801px) {
    .post-list:not(.flat) g-col>ul li {
        width: calc((100% - 3.01rem) / 3)
    }

    .post-list:not(.flat) g-col>ul li:nth-child(3n+1) {
        margin-left: 0
    }

    .post-list:not(.flat) g-col>ul li:nth-child(3n)~li {
        margin-top: 1.5rem
    }
}

@media(max-width: 800px) {
    .post-list:not(.flat) g-col>ul li {
        width: calc((100% - 1.51rem) / 2)
    }

    .post-list:not(.flat) g-col>ul li:nth-child(odd) {
        margin-left: 0
    }

    .post-list:not(.flat) g-col>ul li:nth-child(2n)~li {
        margin-top: 1.5rem
    }
}

@media(max-width: 480px) {
    .post-list:not(.flat) g-col>ul li {
        margin-left: 0;
        width: 100%
    }

    .post-list:not(.flat) g-col>ul li~li {
        margin-top: 1.5rem
    }
}

.post-list.flat g-col>ul li {
    background: #fff;
    box-shadow: inset 0 0 0 1px #eaeaea;
    display: block;
    width: 100%
}

a.tile {
    display: block;
    position: relative
}

a.tile figure {
    display: block;
    height: 0;
    padding-bottom: 62.5%;
    position: relative
}

a.tile figure img {
    left: 50%;
    transform: translate3d(-50%, -50%, 0) scale(1) !important;
    transition: transform 500ms ease
}

a.tile:hover figure img {
    transform: translate3d(-50%, -50%, 0) scale(1.1) !important
}

a.tile text-content {
    box-sizing: border-box;
    display: block;
    padding: 1rem
}

a.tile text-content h3~p {
    color: #f9f9f2;
    margin: .75rem 0 0 2rem
}

a.tile text-content h3 {
    align-items: flex-start;
    color: #f9f9f2;
    display: flex;
    flex-wrap: nowrap;
    font-size: 1.188rem;
    transition: color 125ms ease;
    width: 100%
}

a.tile text-content h3>span {
    display: block;
    order: 2
}

a.tile:hover text-content h3 {
    color: #ff5964
}

a.tile text-content h3>party-icons {
    display: flex;
    order: 1;
    padding-right: 1rem;
    position: relative;
    top: .125rem;
    flex-wrap: nowrap
}

a.tile text-content h3>party-icons span {
    border-radius: 100%;
    display: block;
    height: 1rem;
    width: 1rem
}

a.tile text-content h3>party-icons span:not(:last-child) {
    margin-right: -15%
}

post-tile {
    display: flex;
    flex-wrap: nowrap;
    min-height: 16.25rem;
    position: relative;
    width: 100%
}

post-tile>a {
    display: block;
    position: relative;
    width: 42.86%
}

post-tile figure {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

post-tile figure img {
    left: 50%;
    transform: translate3d(-50%, -50%, 0) scale(1) !important;
    transition: transform 500ms ease
}

post-tile>a:hover figure img {
    transform: translate3d(-50%, -50%, 0) scale(1.1) !important
}

post-tile text-content {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    padding: 2rem;
    width: 57.14%
}

post-tile text-content h3~p {
    margin-top: .5rem
}

post-tile text-content h3 {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    font-size: 1.375rem;
    transition: color 125ms ease;
    width: 100%
}

post-tile text-content h3>a {
    display: block;
    transition: color 125ms ease;
    order: 2
}

post-tile text-content h3 a:hover {
    color: #ff5964
}

post-tile text-content h3>party-icons {
    display: flex;
    order: 1;
    padding-right: 1rem;
    flex-wrap: nowrap
}

post-tile text-content h3>party-icons span {
    border-radius: 100%;
    display: block;
    height: 1rem;
    width: 1rem
}

post-tile text-content h3>party-icons span:not(:last-child) {
    margin-right: -15%
}

post-tile button-list {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 1.5rem
}

post-tile button-list a {
    width: auto
}

post-tile button-list a+a {
    margin-left: .5rem !important
}

.post-list.flat ul li~li {
    margin-top: 1.5rem
}

@media(max-width: 720px) {
    post-tile {
        display: block
    }

    post-tile>a {
        height: 0;
        padding-bottom: 75%;
        width: 100%
    }

    post-tile text-content {
        display: block;
        width: 100%
    }
}

@media(max-width: 480px) {
    post-tile button-list {
        display: block
    }

    post-tile text-content {
        padding: 1.5rem
    }

    post-tile button-list a+a {
        margin: .5rem 0 0 0 !important
    }
}

a.logo {
    height: 69px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 14rem;
    z-index: 10
}

a.logo svg {
    fill: #f9f9f2;
    height: auto;
    position: absolute;
    width: 14rem
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative
}

.scroll-wrapper>.scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-element {
    display: none
}

.scroll-element,
.scroll-element div {
    box-sizing: content-box
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default
}

.scroll-textarea {
    border: 1px solid #ccc;
    border-top-color: #999
}

.scroll-textarea>.scroll-content {
    overflow: hidden !important
}

.scroll-textarea>.scroll-content>textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-wrapper>.scroll-element,
.scroll-wrapper>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scroll-wrapper>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scroll-wrapper>.scroll-element.scroll-x {
    bottom: 2px;
    height: 4px;
    left: 0;
    width: 100%
}

.scroll-wrapper>.scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 8px
}

.scroll-wrapper>.scroll-element .scroll-element_outer,
.scroll-wrapper>.scroll-element .scroll-element_track,
.scroll-wrapper>.scroll-element .scroll-bar {
    border-radius: 1px
}

.scroll-wrapper>.scroll-element .scroll-element_track,
.scroll-wrapper>.scroll-element .scroll-bar {
    opacity: 1;
    transition: opacity 250ms ease, background-color 250ms ease
}

.scroll-element_outer {
    border-radius: .35rem !important;
    overflow: hidden
}

.scroll-wrapper>.scroll-element .scroll-element_track {
    background-color: rgba(126, 126, 126, .1)
}

.scroll-wrapper>.scroll-element .scroll-bar {
    background-color: #f9f9f2;
    border-radius: .35rem !important;
    min-height: 4rem;
    max-height: 4rem
}

.scroll-wrapper>.scroll-element:hover .scroll-bar {
    opacity: 1;
    cursor: ns-resize
}

.scroll-wrapper>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #ff5964
}

.scroll-wrapper>.scroll-element .scroll-bar:before {
    content: "";
    position: absolute;
    top: -0.5rem;
    right: 0;
    bottom: -0.5rem;
    left: 0
}

.scroll-wrapper>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px
}

.scroll-wrapper>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px
}

.scroll-wrapper>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px
}

.scroll-wrapper>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px
}

@media(max-width: 479px) {
    .document-hero {
        padding-top: 5.6875rem !important
    }
}

@media(min-width: 480px) {
    .document-hero {
        padding-top: calc(5.6875rem + ((1vw - 0.3rem) * 3.0328)) !important
    }
}

@media(min-width: 1701px) {
    .document-hero {
        padding-top: 8rem !important
    }
}

.document-hero h1+p {
    margin-top: 2rem
}

.document-hero hero-wrapper {
    align-items: center;
    background: #f9f9f2;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    min-height: 21.25rem;
    width: 100%
}

.document-hero hero-wrapper hero-image {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap
}

.document-hero hero-wrapper text-content {
    box-sizing: border-box;
    display: block;
    padding: 0 2rem;
    width: 100%
}

.document-hero a.btn {
    margin: 2.5rem 0 .75rem 0
}

.document-hero:after {
    background: #ff5964;
    content: "";
    display: block;
    height: 2px;
    width: 80vw;
    position: relative
}

@media(max-width: 479px) {
    .document-hero:after {
        margin-top: 2.5rem
    }
}

@media(min-width: 480px) {
    .document-hero:after {
        margin-top: calc(2.5rem + ((1vw - 0.3rem) * 1.9672))
    }
}

@media(min-width: 1701px) {
    .document-hero:after {
        margin-top: 4rem
    }
}

@media(min-width: 680px) {
    .document-hero hero-wrapper hero-image img {
        position: sticky;
        top: 0
    }

    .document-hero hero-wrapper hero-image {
        height: 100%;
        width: 33%
    }

    .document-hero hero-wrapper hero-image+text-content {
        width: 66%
    }
}

@media(max-width: 679px) {
    .document-hero hero-wrapper hero-image {
        height: 100%;
        width: 40%
    }

    .document-hero hero-wrapper hero-image+text-content {
        width: 60%
    }
}

@media(max-width: 479px) {
    .document-hero hero-wrapper {
        display: block
    }

    .document-hero hero-wrapper hero-image,
    .document-hero hero-wrapper text-content {
        height: auto;
        width: 100% !important
    }

    .document-hero hero-wrapper text-content {
        padding: 2rem 1.5rem
    }

    .document-hero a.btn {
        margin-top: 2rem
    }
}

.supporting-document hero-wrapper {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    width: 100%
}

.supporting-document hero-wrapper hero-image {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap
}

.supporting-document hero-wrapper text-content {
    box-sizing: border-box;
    display: block;
    padding: 2rem;
    width: 100%
}

.supporting-document a.btn {
    margin-top: 1.75rem
}

@media(min-width: 680px) {
    .supporting-document hero-wrapper hero-image img {
        position: sticky;
        top: 0
    }

    .supporting-document hero-wrapper hero-image {
        height: 100%;
        width: 33%
    }

    .supporting-document hero-wrapper hero-image+text-content {
        width: 66%
    }
}

@media(max-width: 679px) {
    .supporting-document hero-wrapper hero-image {
        height: 100%;
        width: 40%
    }

    .supporting-document hero-wrapper hero-image+text-content {
        width: 60%
    }
}

@media(max-width: 479px) {
    .supporting-document hero-wrapper {
        display: block
    }

    .supporting-document hero-wrapper hero-image,
    .supporting-document hero-wrapper text-content {
        height: auto;
        width: 100% !important
    }

    .supporting-document hero-wrapper text-content {
        padding: 2rem 1.5rem
    }
}

.other-docs {
    padding-bottom: 0 !important
}

.other-docs .slide {
    box-sizing: border-box;
    padding: 0 .75rem
}

.other-docs a.tile:before {
    background: #000810;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.other-docs .slideshow-container {
    margin: 0 auto;
    width: calc(100% - 1.5rem)
}

.other-docs g-container {
    margin-bottom: 2.5rem
}

.other-docs g-col {
    align-items: center;
    justify-content: space-between
}

.other-docs h2 {
    padding-right: 3rem
}

@media(max-width: 414px) {
    .other-docs h2 {
        margin-bottom: 2rem
    }
}

.other-docs slide-arrows {
    display: flex;
    flex-wrap: nowrap
}

.other-docs button.arrow {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: block;
    font-size: .1px;
    height: 3rem;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    transition: background 250ms ease;
    width: 3rem
}

.other-docs button.arrow+button {
    margin-left: .5rem
}

.other-docs button.arrow svg {
    height: 2.5rem;
    left: 50%;
    position: absolute;
    fill: #ff5964;
    transition: fill 250ms ease;
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    width: 2.5rem
}

.other-docs button.arrow:hover svg {
    fill: #000810
}

.other-docs .slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.other-docs .slick-slide {
    height: inherit
}

.other-docs .slick-slide a {
    background: transparent;
    min-height: 100%
}

.error-404 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 100vh;
    min-width: 320px;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media(max-width: 479px) {
    .error-404 {
        padding: 2.5rem
    }
}

@media(min-width: 480px) {
    .error-404 {
        padding: calc(2.5rem + ((1vw - 0.3rem) * 1.9672))
    }
}

@media(min-width: 1701px) {
    .error-404 {
        padding: 4rem
    }
}

.admin-bar .error-404 {
    min-height: calc(100vh - 2rem)
}

.error-404 text-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 2
}

.error-404 h1 {
    display: block;
    margin-bottom: .5rem;
    text-align: center;
    width: 100%
}

.error-404 p {
    display: block;
    margin-bottom: 2.125rem;
    text-align: center;
    width: 100%
}

.is-ie .error-404 {
    height: auto;
    min-height: 0
}

.is-ie .error-404 text-content {
    padding: calc(10rem + 22vh) 0
}

.is-ie .error-404:before {
    height: 90vh;
    width: 90vh
}