html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: .8rem;
    padding-left: .8rem
}

@media(min-width:768px) {
    .container {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }
}

@media(min-width:320px) {
    .container {
        max-width: 288px
    }
}

@media(min-width:375px) {
    .container {
        max-width: 343px
    }
}

@media(min-width:414px) {
    .container {
        max-width: 382px
    }
}

@media(min-width:768px) {
    .container {
        max-width: 704px
    }
}

@media(min-width:1024px) {
    .container {
        max-width: 960px
    }
}

@media(min-width:1176px) {
    .container {
        max-width: 1116px
    }
}

.container--empty,
.container .container,
.container .container--fluid {
    padding-left: 0;
    padding-right: 0
}

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: .8rem;
    padding-left: .8rem
}

@media(min-width:768px) {
    .container-fluid {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }
}

.container-fluid .container-fluid {
    padding-left: 0;
    padding-right: 0
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -.8rem;
    margin-left: -.8rem
}

@media(min-width:768px) {
    .row {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-sm-md-1,
.col-sm-md-2,
.col-sm-md-3,
.col-sm-md-4,
.col-sm-md-5,
.col-sm-md-6,
.col-sm-md-7,
.col-sm-md-8,
.col-sm-md-9,
.col-sm-md-10,
.col-sm-md-11,
.col-sm-md-12,
.col-sm-md,
.col-sm-md-auto,
.col-sm-lg-1,
.col-sm-lg-2,
.col-sm-lg-3,
.col-sm-lg-4,
.col-sm-lg-5,
.col-sm-lg-6,
.col-sm-lg-7,
.col-sm-lg-8,
.col-sm-lg-9,
.col-sm-lg-10,
.col-sm-lg-11,
.col-sm-lg-12,
.col-sm-lg,
.col-sm-lg-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: .8rem;
    padding-left: .8rem
}

@media(min-width:768px) {
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col,
    .col-auto,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm,
    .col-sm-auto,
    .col-sm-md-1,
    .col-sm-md-2,
    .col-sm-md-3,
    .col-sm-md-4,
    .col-sm-md-5,
    .col-sm-md-6,
    .col-sm-md-7,
    .col-sm-md-8,
    .col-sm-md-9,
    .col-sm-md-10,
    .col-sm-md-11,
    .col-sm-md-12,
    .col-sm-md,
    .col-sm-md-auto,
    .col-sm-lg-1,
    .col-sm-lg-2,
    .col-sm-lg-3,
    .col-sm-lg-4,
    .col-sm-lg-5,
    .col-sm-lg-6,
    .col-sm-lg-7,
    .col-sm-lg-8,
    .col-sm-lg-9,
    .col-sm-lg-10,
    .col-sm-lg-11,
    .col-sm-lg-12,
    .col-sm-lg,
    .col-sm-lg-auto,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md,
    .col-md-auto,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg,
    .col-lg-auto,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl,
    .col-xl-auto {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media(min-width:320px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333%
    }
    .offset-sm-2 {
        margin-left: 16.66667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333%
    }
    .offset-sm-5 {
        margin-left: 41.66667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333%
    }
    .offset-sm-8 {
        margin-left: 66.66667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333%
    }
    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media(min-width:375px) {
    .col-sm-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-sm-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-sm-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-sm-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-sm-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-sm-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-sm-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-sm-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-md-first {
        order: -1
    }
    .order-sm-md-last {
        order: 13
    }
    .order-sm-md-0 {
        order: 0
    }
    .order-sm-md-1 {
        order: 1
    }
    .order-sm-md-2 {
        order: 2
    }
    .order-sm-md-3 {
        order: 3
    }
    .order-sm-md-4 {
        order: 4
    }
    .order-sm-md-5 {
        order: 5
    }
    .order-sm-md-6 {
        order: 6
    }
    .order-sm-md-7 {
        order: 7
    }
    .order-sm-md-8 {
        order: 8
    }
    .order-sm-md-9 {
        order: 9
    }
    .order-sm-md-10 {
        order: 10
    }
    .order-sm-md-11 {
        order: 11
    }
    .order-sm-md-12 {
        order: 12
    }
    .offset-sm-md-0 {
        margin-left: 0
    }
    .offset-sm-md-1 {
        margin-left: 8.33333%
    }
    .offset-sm-md-2 {
        margin-left: 16.66667%
    }
    .offset-sm-md-3 {
        margin-left: 25%
    }
    .offset-sm-md-4 {
        margin-left: 33.33333%
    }
    .offset-sm-md-5 {
        margin-left: 41.66667%
    }
    .offset-sm-md-6 {
        margin-left: 50%
    }
    .offset-sm-md-7 {
        margin-left: 58.33333%
    }
    .offset-sm-md-8 {
        margin-left: 66.66667%
    }
    .offset-sm-md-9 {
        margin-left: 75%
    }
    .offset-sm-md-10 {
        margin-left: 83.33333%
    }
    .offset-sm-md-11 {
        margin-left: 91.66667%
    }
}

@media(min-width:414px) {
    .col-sm-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-sm-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-sm-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-sm-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-sm-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-sm-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-sm-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-sm-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-lg-first {
        order: -1
    }
    .order-sm-lg-last {
        order: 13
    }
    .order-sm-lg-0 {
        order: 0
    }
    .order-sm-lg-1 {
        order: 1
    }
    .order-sm-lg-2 {
        order: 2
    }
    .order-sm-lg-3 {
        order: 3
    }
    .order-sm-lg-4 {
        order: 4
    }
    .order-sm-lg-5 {
        order: 5
    }
    .order-sm-lg-6 {
        order: 6
    }
    .order-sm-lg-7 {
        order: 7
    }
    .order-sm-lg-8 {
        order: 8
    }
    .order-sm-lg-9 {
        order: 9
    }
    .order-sm-lg-10 {
        order: 10
    }
    .order-sm-lg-11 {
        order: 11
    }
    .order-sm-lg-12 {
        order: 12
    }
    .offset-sm-lg-0 {
        margin-left: 0
    }
    .offset-sm-lg-1 {
        margin-left: 8.33333%
    }
    .offset-sm-lg-2 {
        margin-left: 16.66667%
    }
    .offset-sm-lg-3 {
        margin-left: 25%
    }
    .offset-sm-lg-4 {
        margin-left: 33.33333%
    }
    .offset-sm-lg-5 {
        margin-left: 41.66667%
    }
    .offset-sm-lg-6 {
        margin-left: 50%
    }
    .offset-sm-lg-7 {
        margin-left: 58.33333%
    }
    .offset-sm-lg-8 {
        margin-left: 66.66667%
    }
    .offset-sm-lg-9 {
        margin-left: 75%
    }
    .offset-sm-lg-10 {
        margin-left: 83.33333%
    }
    .offset-sm-lg-11 {
        margin-left: 91.66667%
    }
}

@media(min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333%
    }
    .offset-md-2 {
        margin-left: 16.66667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333%
    }
    .offset-md-5 {
        margin-left: 41.66667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333%
    }
    .offset-md-8 {
        margin-left: 66.66667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333%
    }
    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media(min-width:1024px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333%
    }
    .offset-lg-2 {
        margin-left: 16.66667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333%
    }
    .offset-lg-5 {
        margin-left: 41.66667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333%
    }
    .offset-lg-8 {
        margin-left: 66.66667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333%
    }
    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media(min-width:1176px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333%
    }
    .offset-xl-2 {
        margin-left: 16.66667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333%
    }
    .offset-xl-5 {
        margin-left: 41.66667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333%
    }
    .offset-xl-8 {
        margin-left: 66.66667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333%
    }
    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.visible-large {
    display: none!important
}

@media(min-width:1024px) {
    .visible-large {
        display: block!important
    }
}

.hidden-large {
    display: block!important
}

@media(min-width:1024px) {
    .hidden-large {
        display: none!important
    }
}

[class*=col-] {
    display: flex;
    flex-direction: column
}

[class*=col-]>* {
    flex: 1 0 auto
}

@supports(display:grid) {
    .row--grid-layout {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 1fr
    }
    .row--grid-layout>[class*=col-] {
        max-width: none;
        width: auto
    }
    @media(min-width:768px) {
        .row--grid-layout {
            grid-template-columns: 1fr 1fr 1fr
        }
    }
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

@media(min-width:320px) {
    .d-sm-none {
        display: none!important
    }
    .d-sm-inline {
        display: inline!important
    }
    .d-sm-inline-block {
        display: inline-block!important
    }
    .d-sm-block {
        display: block!important
    }
    .d-sm-table {
        display: table!important
    }
    .d-sm-table-row {
        display: table-row!important
    }
    .d-sm-table-cell {
        display: table-cell!important
    }
    .d-sm-flex {
        display: flex!important
    }
    .d-sm-inline-flex {
        display: inline-flex!important
    }
}

@media(min-width:375px) {
    .d-sm-md-none {
        display: none!important
    }
    .d-sm-md-inline {
        display: inline!important
    }
    .d-sm-md-inline-block {
        display: inline-block!important
    }
    .d-sm-md-block {
        display: block!important
    }
    .d-sm-md-table {
        display: table!important
    }
    .d-sm-md-table-row {
        display: table-row!important
    }
    .d-sm-md-table-cell {
        display: table-cell!important
    }
    .d-sm-md-flex {
        display: flex!important
    }
    .d-sm-md-inline-flex {
        display: inline-flex!important
    }
}

@media(min-width:414px) {
    .d-sm-lg-none {
        display: none!important
    }
    .d-sm-lg-inline {
        display: inline!important
    }
    .d-sm-lg-inline-block {
        display: inline-block!important
    }
    .d-sm-lg-block {
        display: block!important
    }
    .d-sm-lg-table {
        display: table!important
    }
    .d-sm-lg-table-row {
        display: table-row!important
    }
    .d-sm-lg-table-cell {
        display: table-cell!important
    }
    .d-sm-lg-flex {
        display: flex!important
    }
    .d-sm-lg-inline-flex {
        display: inline-flex!important
    }
}

@media(min-width:768px) {
    .d-md-none {
        display: none!important
    }
    .d-md-inline {
        display: inline!important
    }
    .d-md-inline-block {
        display: inline-block!important
    }
    .d-md-block {
        display: block!important
    }
    .d-md-table {
        display: table!important
    }
    .d-md-table-row {
        display: table-row!important
    }
    .d-md-table-cell {
        display: table-cell!important
    }
    .d-md-flex {
        display: flex!important
    }
    .d-md-inline-flex {
        display: inline-flex!important
    }
}

@media(min-width:1024px) {
    .d-lg-none {
        display: none!important
    }
    .d-lg-inline {
        display: inline!important
    }
    .d-lg-inline-block {
        display: inline-block!important
    }
    .d-lg-block {
        display: block!important
    }
    .d-lg-table {
        display: table!important
    }
    .d-lg-table-row {
        display: table-row!important
    }
    .d-lg-table-cell {
        display: table-cell!important
    }
    .d-lg-flex {
        display: flex!important
    }
    .d-lg-inline-flex {
        display: inline-flex!important
    }
}

@media(min-width:1176px) {
    .d-xl-none {
        display: none!important
    }
    .d-xl-inline {
        display: inline!important
    }
    .d-xl-inline-block {
        display: inline-block!important
    }
    .d-xl-block {
        display: block!important
    }
    .d-xl-table {
        display: table!important
    }
    .d-xl-table-row {
        display: table-row!important
    }
    .d-xl-table-cell {
        display: table-cell!important
    }
    .d-xl-flex {
        display: flex!important
    }
    .d-xl-inline-flex {
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }
    .d-print-inline {
        display: inline!important
    }
    .d-print-inline-block {
        display: inline-block!important
    }
    .d-print-block {
        display: block!important
    }
    .d-print-table {
        display: table!important
    }
    .d-print-table-row {
        display: table-row!important
    }
    .d-print-table-cell {
        display: table-cell!important
    }
    .d-print-flex {
        display: flex!important
    }
    .d-print-inline-flex {
        display: inline-flex!important
    }
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

@media(min-width:320px) {
    .justify-content-sm-start {
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        justify-content: center!important
    }
    .justify-content-sm-between {
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        justify-content: space-around!important
    }
}

@media(min-width:375px) {
    .justify-content-sm-md-start {
        justify-content: flex-start!important
    }
    .justify-content-sm-md-end {
        justify-content: flex-end!important
    }
    .justify-content-sm-md-center {
        justify-content: center!important
    }
    .justify-content-sm-md-between {
        justify-content: space-between!important
    }
    .justify-content-sm-md-around {
        justify-content: space-around!important
    }
}

@media(min-width:414px) {
    .justify-content-sm-lg-start {
        justify-content: flex-start!important
    }
    .justify-content-sm-lg-end {
        justify-content: flex-end!important
    }
    .justify-content-sm-lg-center {
        justify-content: center!important
    }
    .justify-content-sm-lg-between {
        justify-content: space-between!important
    }
    .justify-content-sm-lg-around {
        justify-content: space-around!important
    }
}

@media(min-width:768px) {
    .justify-content-md-start {
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        justify-content: center!important
    }
    .justify-content-md-between {
        justify-content: space-between!important
    }
    .justify-content-md-around {
        justify-content: space-around!important
    }
}

@media(min-width:1024px) {
    .justify-content-lg-start {
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        justify-content: center!important
    }
    .justify-content-lg-between {
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        justify-content: space-around!important
    }
}

@media(min-width:1176px) {
    .justify-content-xl-start {
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        justify-content: center!important
    }
    .justify-content-xl-between {
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        justify-content: space-around!important
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.cl-colors {
    padding: 1rem
}

.cl-colors__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 2rem;
    padding: 0
}

.cl-colors__item {
    list-style: none;
    padding: 1rem 2rem;
    transition: all .4s;
    flex: 1 1 20%;
    min-width: 150px;
    min-height: 150px;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.cl-colors__item--wht {
    background-color: #fff;
    background-color: var(--c-wht);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--off-white {
    background-color: #fefefe;
    background-color: var(--c-off-white);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--grey {
    background-color: #c5ccd5;
    background-color: var(--c-grey);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--dark-grey {
    background-color: #4d5366;
    background-color: var(--c-dark-grey);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--blk {
    background-color: #000;
    background-color: var(--c-blk);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--near-black {
    background-color: #161616;
    background-color: var(--c-near-black);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--form-bg {
    background-color: #e9edf2;
    background-color: var(--c-form-bg);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--form-border {
    background-color: #afb6c9;
    background-color: var(--c-form-border);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--background {
    background-color: #f3f6fa;
    background-color: var(--c-background);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--brand {
    background-color: #0b2265;
    background-color: var(--c-brand);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--brand-dark {
    background-color: #181b23;
    background-color: var(--c-brand-dark);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--text {
    background-color: #4d5366;
    background-color: var(--c-text);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--text-inverse {
    background-color: #fff;
    background-color: var(--c-text-inverse);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--background-section {
    background-color: #f3f6fa;
    background-color: var(--c-background-section);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--blue {
    background-color: #0e35ff;
    background-color: var(--c-blue);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--button-default {
    background-color: #0335ff;
    background-color: var(--c-button-default);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--button-highlight {
    background-color: #032dd9;
    background-color: var(--c-button-highlight);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--klein {
    background-color: #0724b9;
    background-color: var(--c-klein);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--sunglow {
    background-color: #ffd420;
    background-color: var(--c-sunglow);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--hawkes {
    background-color: #e4eaf2;
    background-color: var(--c-hawkes);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--cerise {
    background-color: #de3d5d;
    background-color: var(--c-cerise);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--fiord {
    background-color: #4d5266;
    background-color: var(--c-fiord);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--bay-of-many {
    background-color: #313f64;
    background-color: var(--c-bay-of-many);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--solitude {
    background-color: #d8dbe6;
    background-color: var(--c-solitude);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--echo-blue {
    background-color: #abb4cc;
    background-color: var(--c-echo-blue);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--accent {
    background-color: #ffd420;
    background-color: var(--c-accent);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--accent-high {
    background-color: #000;
    background-color: var(--c-accent-high);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--highlight {
    background-color: #d8dbe6;
    background-color: var(--c-highlight);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--highlight-high {
    background-color: #f3f6fa;
    background-color: var(--c-highlight-high);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--muted {
    background-color: #fefefe;
    background-color: var(--c-muted);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--warning {
    background-color: #ffd420;
    background-color: var(--c-warning);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--error {
    background-color: #db2e51;
    background-color: var(--c-error);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--message {
    background-color: #4d5266;
    background-color: var(--c-message);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--success {
    background-color: #8df8ad;
    background-color: var(--c-success);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--teal {
    background-color: teal;
    background-color: var(--c-teal);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--link-colour {
    background-color: #0059af;
    background-color: var(--c-link-colour);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--link-hover-colour {
    background-color: #0d2259;
    background-color: var(--c-link-hover-colour);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--link-active-colour {
    background-color: #000;
    background-color: var(--c-link-active-colour);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--link-active-outline {
    background-color: #ffd420;
    background-color: var(--c-link-active-outline);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--link-focus-color {
    background-color: #000;
    background-color: var(--c-link-focus-color);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--link-focus-bg {
    background-color: #ffd420;
    background-color: var(--c-link-focus-bg);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--dark-blue {
    background-color: #071747;
    background-color: var(--c-dark-blue);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--status-dark-green {
    background-color: #00851f;
    background-color: var(--c-status-dark-green);
    color: #fefefe;
    color: var(--c-muted)
}

.cl-colors__item--status-green {
    background-color: #b8fbc7;
    background-color: var(--c-status-green);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--status-grey {
    background-color: #b1b5c2;
    background-color: var(--c-status-grey);
    color: #000;
    color: var(--c-accent-high)
}

.cl-colors__item--table-border {
    background-color: #a5adc6;
    background-color: var(--c-table-border);
    color: #000;
    color: var(--c-accent-high)
}

html {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 62.5%;
    scroll-behavior: smooth
}

body {
    background-color: #f3f6fa;
    background-color: var(--c-background);
    color: #4d5366;
    color: var(--c-text);
    font-family: source sans pro, arial, sans-serif;
    font-size: 1.7rem;
    line-height: 1.5
}

@media(min-width:768px) {
    body {
        font-size: 1.7rem
    }
}

*,
*::after,
*::before {
    box-sizing: inherit
}

.main {
    display: block
}

.visually-hidden {
    position: absolute!important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal
}

.separator hr {
    border: 0;
    border-bottom: .1rem solid rgba(11, 34, 101, .25);
    box-shadow: none;
    outline: none;
    display: block;
    background: 0 0;
    height: .1rem;
    width: 100%;
    margin-bottom: 3.2rem
}

.component-margin {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem
}

@media(min-width:768px) {
    .component-margin {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }
}

.layout__region {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem
}

.diffimg {
    padding: 1rem;
    display: inline-block
}

.align-right.media img,
.align-left.media img,
.align-center.media img {
    margin: 1.6rem 0
}

@media(min-width:1176px) {
    .align-right.media {
        float: right;
        padding-left: 1.6rem
    }
    .align-left.media {
        float: left;
        padding-right: 1.6rem
    }
    .align-center.media img {
        margin: 1.6rem auto
    }
    .align-right.media img,
    .align-left.media img {
        max-width: 40rem
    }
}

.grid-demo .grid__item--example {
    background-color: #e4eaf2;
    background-color: var(--c-hawkes);
    min-height: 5rem;
    margin-bottom: 1.6rem
}

.button {
    border: none;
    border-radius: .45rem;
    box-shadow: 0 .2rem .6rem 0 rgba(0, 0, 0, .3);
    cursor: pointer;
    display: inline-block;
    font-size: 1.9rem;
    font-weight: 600;
    line-height: 1.25;
    outline: none;
    padding: 1rem 1.6rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    color: #fff;
    color: var(--c-wht);
    background-color: #0335ff;
    background-color: var(--c-button-default)
}

.button:active::before {
    border-radius: .45rem;
    content: '';
    display: block;
    top: -.4rem;
    left: -.4rem;
    right: -.4rem;
    bottom: -.4rem;
    position: absolute;
    z-index: -1
}

.button .ext {
    background-image: url(/themes/custom/wcc/images/icons/external-link--white.svg);
    right: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media(min-width:768px) {
    .button .ext {
        position: relative;
        transform: none;
        right: auto
    }
}

.button:hover {
    color: #fff;
    color: var(--c-wht);
    background-color: #032dd9;
    background-color: var(--c-button-highlight)
}

.button:focus {
    color: #0b2265;
    color: var(--c-brand);
    background-color: #ffd420;
    background-color: var(--c-sunglow)
}

.button:active {
    background-color: #0335ff;
    background-color: var(--c-button-default);
    color: #fff;
    color: var(--c-wht)
}

.button:active::before {
    background-color: #ffd420;
    background-color: var(--c-sunglow)
}

.button--medium {
    font-size: 1.7rem;
    line-height: 1.4
}

.button--large {
    font-size: 1.9rem;
    line-height: 2
}

.button--secondary {
    color: #0335ff;
    color: var(--c-button-default);
    background-color: #fff;
    background-color: var(--c-wht);
    border: .2rem solid #0335ff;
    border: .2rem solid var(--c-button-default);
    box-shadow: none
}

.button--secondary:hover {
    color: #fff;
    color: var(--c-wht);
    background-color: #032dd9;
    background-color: var(--c-button-highlight)
}

.button--secondary:focus {
    color: #0b2265;
    color: var(--c-brand);
    background-color: #ffd420;
    background-color: var(--c-sunglow)
}

.button--secondary:active {
    background-color: #0335ff;
    background-color: var(--c-button-default);
    color: #fff;
    color: var(--c-wht)
}

.button--secondary:active::before {
    background-color: #ffd420;
    background-color: var(--c-sunglow)
}

.button--secondary:focus {
    border-color: #ffd420;
    border-color: var(--c-sunglow)
}

input[type=submit] {
    border: none;
    border-radius: .45rem;
    box-shadow: 0 .2rem .6rem 0 rgba(0, 0, 0, .3);
    cursor: pointer;
    display: inline-block;
    font-size: 1.9rem;
    font-weight: 600;
    line-height: 1.25;
    outline: none;
    padding: 1rem 1.6rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    color: #fff;
    color: var(--c-wht);
    background-color: #0335ff;
    background-color: var(--c-button-default);
    margin-bottom: 3.2rem
}

input[type=submit]:active::before {
    border-radius: .45rem;
    content: '';
    display: block;
    top: -.4rem;
    left: -.4rem;
    right: -.4rem;
    bottom: -.4rem;
    position: absolute;
    z-index: -1
}

input[type=submit] .ext {
    background-image: url(/themes/custom/wcc/images/icons/external-link--white.svg);
    right: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media(min-width:768px) {
    input[type=submit] .ext {
        position: relative;
        transform: none;
        right: auto
    }
}

input[type=submit]:hover {
    color: #fff;
    color: var(--c-wht);
    background-color: #032dd9;
    background-color: var(--c-button-highlight)
}

input[type=submit]:focus {
    color: #0b2265;
    color: var(--c-brand);
    background-color: #ffd420;
    background-color: var(--c-sunglow)
}

input[type=submit]:active {
    background-color: #0335ff;
    background-color: var(--c-button-default);
    color: #fff;
    color: var(--c-wht)
}

input[type=submit]:active::before {
    background-color: #ffd420;
    background-color: var(--c-sunglow)
}

@media(min-width:768px) {
    .button--underlined {
        border: none;
        border-radius: .45rem;
        box-shadow: 0 .2rem .6rem 0 rgba(0, 0, 0, .3);
        cursor: pointer;
        display: inline-block;
        font-size: 1.9rem;
        font-weight: 600;
        line-height: 1.25;
        outline: none;
        padding: 1rem 1.6rem;
        position: relative;
        text-decoration: none;
        text-align: center;
        color: #fff;
        color: var(--c-wht);
        background-color: #0335ff;
        background-color: var(--c-button-default);
        background-color: transparent;
        border: none;
        color: #0335ff;
        color: var(--c-button-default);
        box-shadow: none;
        text-decoration: underline;
        padding: 0;
        font-size: 1.7rem
    }
    .button--underlined:active::before {
        border-radius: .45rem;
        content: '';
        display: block;
        top: -.4rem;
        left: -.4rem;
        right: -.4rem;
        bottom: -.4rem;
        position: absolute;
        z-index: -1
    }
    .button--underlined .ext {
        background-image: url(/themes/custom/wcc/images/icons/external-link--white.svg);
        right: 1rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media(min-width:768px) and (min-width:768px) {
    .button--underlined .ext {
        position: relative;
        transform: none;
        right: auto
    }
}

@media(min-width:768px) {
    .button--underlined:hover {
        color: #fff;
        color: var(--c-wht);
        background-color: #032dd9;
        background-color: var(--c-button-highlight)
    }
    .button--underlined:focus {
        color: #0b2265;
        color: var(--c-brand);
        background-color: #ffd420;
        background-color: var(--c-sunglow)
    }
    .button--underlined:active {
        background-color: #0335ff;
        background-color: var(--c-button-default);
        color: #fff;
        color: var(--c-wht)
    }
    .button--underlined:active::before {
        background-color: #ffd420;
        background-color: var(--c-sunglow)
    }
    .button--underlined:hover,
    .button--underlined:focus,
    .button--underlined:active {
        text-decoration: none
    }
    .button--underlined.is-active,
    .button--underlined.main-menu__link--active {
        color: #fff;
        color: var(--c-wht);
        background-color: #0335ff;
        background-color: var(--c-button-default)
    }
    .button--underlined.is-active:hover,
    .button--underlined.main-menu__link--active:hover {
        color: #fff;
        color: var(--c-wht);
        background-color: #032dd9;
        background-color: var(--c-button-highlight)
    }
    .button--underlined.is-active:focus,
    .button--underlined.main-menu__link--active:focus {
        color: #0b2265;
        color: var(--c-brand);
        background-color: #ffd420;
        background-color: var(--c-sunglow)
    }
    .button--underlined.is-active:active,
    .button--underlined.main-menu__link--active:active {
        background-color: #0335ff;
        background-color: var(--c-button-default);
        color: #fff;
        color: var(--c-wht)
    }
    .button--underlined.is-active:active::before,
    .button--underlined.main-menu__link--active:active::before {
        background-color: #ffd420;
        background-color: var(--c-sunglow)
    }
}

.button--arrowed .icon {
    color: #fff;
    color: var(--c-wht);
    width: 1.7rem;
    height: 1.7rem;
    vertical-align: middle;
    position: relative;
    transform: none;
    right: auto
}

.button--wide {
    padding: 1rem 10rem;
    font-size: 1.7rem
}

.form-item--checkboxes,
.form-item--checkbox__item {
    list-style: none;
    margin: 0;
    padding: 0
}

.form-required .form--optional {
    display: none
}

.form-item--radio__item,
.form-item--checkbox__item {
    position: relative;
    margin-bottom: 1.5rem
}

.form-item--radio__item .form--optional,
.form-item--checkbox__item .form--optional {
    display: none
}

.form-item--radio__item input,
.form-item--checkbox__item input {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: .4rem;
    width: 4rem;
    height: 4rem;
    z-index: 1;
    margin: 0;
    zoom: 1;
    opacity: 0
}

.form-item--radio__item input:checked+label::after,
.form-item--checkbox__item input:checked+label::after {
    zoom: 1;
    opacity: 1
}

.form-item--radio__item input:focus+label::before,
.form-item--checkbox__item input:focus+label::before {
    box-shadow: 0 0 0 .4rem #ffd420;
    box-shadow: 0 0 0 .4rem var(--c-sunglow)
}

.form-item--radio__item label,
.form-item--checkbox__item label {
    display: block;
    padding: .6rem 0 .4rem 4rem
}

.form-item--radio__item label::before,
.form-item--checkbox__item label::before {
    content: "";
    background: #e9edf2;
    background: var(--c-form-bg);
    border: .1rem solid #afb6c9;
    border: .1rem solid var(--c-form-border);
    border-radius: .45rem;
    width: 3.2rem;
    height: 3.2rem;
    position: absolute;
    top: .4rem;
    left: 0
}

.form-item--radio__item label::after,
.form-item--checkbox__item label::after {
    content: "";
    border: solid;
    border-color: #181b23;
    border-color: var(--c-brand-dark);
    border-width: 0 0 .3rem .3rem;
    background: 0 0;
    border-top-color: transparent;
    width: 2rem;
    height: 1rem;
    position: absolute;
    top: 1.2rem;
    left: .6rem;
    transform: rotate(-45deg);
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0
}

.form-item--radio__item.form-item--error label::before,
.form-item--checkbox__item.form-item--error label::before {
    left: .8rem
}

.form-item--radio__item.form-item--error label::after,
.form-item--checkbox__item.form-item--error label::after {
    left: 1.4rem
}

fieldset {
    border: none;
    margin: 0;
    padding: 0
}

@media screen and (-ms-high-contrast:active) {
    .form-item--radio__item label::after {
        border: 1rem solid!important
    }
    .form-item--radio__item input,
    .form-item--checkbox__item input {
        opacity: 1;
        height: 3rem;
        width: 3rem
    }
    .form-item--radio__item input:focus,
    .form-item--checkbox__item input:focus {
        outline: .2rem solid
    }
    .form-item--radio__item label::before,
    .form-item--radio__item label::after,
    .form-item--checkbox__item label::before,
    .form-item--checkbox__item label::after {
        display: none;
        outline: .2rem
    }
}

.form-item--managed_file__item:focus,
.form-managed-file:focus {
    margin-right: -1.6rem;
    margin-left: -1.6rem;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    outline: .2rem solid #ffd420;
    outline: .2rem solid var(--c-sunglow);
    box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .15)
}

.form-item--managed_file__item:focus-within,
.form-managed-file:focus-within {
    margin-right: -1.6rem;
    margin-left: -1.6rem;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    outline: .2rem solid #ffd420;
    outline: .2rem solid var(--c-sunglow)
}

.form-item--managed_file__item .form-submit,
.form-managed-file .form-submit {
    color: #0335ff;
    color: var(--c-button-default);
    background-color: #fff;
    background-color: var(--c-wht);
    border: .2rem solid #0335ff;
    border: .2rem solid var(--c-button-default);
    font-size: 1.7rem;
    margin-left: 1.6rem
}

.form-item--managed_file__item .form-submit:hover,
.form-managed-file .form-submit:hover {
    color: #fff;
    color: var(--c-wht);
    background-color: #032dd9;
    background-color: var(--c-button-highlight)
}

.form-item--managed_file__item .form-submit:focus,
.form-managed-file .form-submit:focus {
    color: #0b2265;
    color: var(--c-brand);
    background-color: #ffd420;
    background-color: var(--c-sunglow)
}

.form-item--managed_file__item .form-submit:active,
.form-managed-file .form-submit:active {
    background-color: #0335ff;
    background-color: var(--c-button-default);
    color: #fff;
    color: var(--c-wht)
}

.form-item--managed_file__item .form-submit:active::before,
.form-managed-file .form-submit:active::before {
    background-color: #ffd420;
    background-color: var(--c-sunglow)
}

.form-item--managed_file__item .form-submit:focus,
.form-managed-file .form-submit:focus {
    border-color: #ffd420;
    border-color: var(--c-sunglow)
}

@media(min-width:768px) {
    .form-item--managed_file__item .form-submit,
    .form-managed-file .form-submit {
        font-size: 1.7rem
    }
}

.form-item--managed_file__item {
    margin-top: 1.6rem
}

.form-item--radios,
.form-item--radio__item {
    list-style: none;
    margin: 0;
    padding: 0
}

.form-item--radio__item {
    margin-bottom: 1.6rem
}

.form-item--radio__item input,
.form-item--radio__item label::after,
.form-item--radio__item label::before {
    border-radius: 50%
}

.form-item--radio__item:last-child {
    margin-bottom: 0
}

.form-item--radio__item label::after {
    background-color: #181b23;
    background-color: var(--c-brand-dark);
    border: 0;
    width: 1.8rem;
    height: 1.8rem;
    top: 1.1rem;
    left: .7rem
}

.form-item--radios--inline {
    display: flex;
    flex-wrap: wrap
}

.form-item--radios--inline .form-item--radio__item {
    margin-right: 2rem
}

.autocomplete__wrapper {
    position: relative
}

.autocomplete__hint,
.autocomplete__input {
    -webkit-appearance: none;
    border: 2px solid #0b0c0c;
    border-radius: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 0;
    width: 100%
}

.autocomplete__input {
    background-color: transparent;
    position: relative
}

.autocomplete__hint {
    color: #b1b4b6;
    position: absolute
}

.autocomplete__input--default {
    padding: 5px
}

.autocomplete__input--focused {
    outline: 3px solid #fd0;
    outline-offset: 0;
    box-shadow: inset 0 0 0 2px
}

.autocomplete__input--show-all-values {
    padding: 5px 34px 5px 5px;
    cursor: pointer
}

.autocomplete__dropdown-arrow-down {
    z-index: -1;
    display: inline-block;
    position: absolute;
    right: 8px;
    width: 24px;
    height: 24px;
    top: 10px
}

.autocomplete__menu {
    background-color: #fff;
    border: 2px solid #0b0c0c;
    border-top: 0;
    color: #0b0c0c;
    margin: 0;
    max-height: 342px;
    overflow-x: hidden;
    padding: 0;
    width: 100%;
    width: calc(100% - 4px)
}

.autocomplete__menu--visible {
    display: block
}

.autocomplete__menu--hidden {
    display: none
}

.autocomplete__menu--overlay {
    box-shadow: rgba(0, 0, 0, .256863) 0 2px 6px;
    left: 0;
    position: absolute;
    top: 100%;
    z-index: 100
}

.autocomplete__menu--inline {
    position: relative
}

.autocomplete__option {
    border-bottom: solid #b1b4b6;
    border-width: 1px 0;
    cursor: pointer;
    display: block;
    position: relative
}

.autocomplete__option>* {
    pointer-events: none
}

.autocomplete__option:first-of-type {
    border-top-width: 0
}

.autocomplete__option:last-of-type {
    border-bottom-width: 0
}

.autocomplete__option--odd {
    background-color: #fafafa
}

.autocomplete__option--focused,
.autocomplete__option:hover {
    background-color: #1d70b8;
    border-color: #1d70b8;
    color: #fff;
    outline: 0
}

.autocomplete__option--no-results {
    background-color: #fafafa;
    color: #646b6f;
    cursor: not-allowed
}

.autocomplete__hint,
.autocomplete__input,
.autocomplete__option {
    font-size: 16px;
    line-height: 1.25
}

.autocomplete__hint,
.autocomplete__option {
    padding: 5px
}

@media(min-width:641px) {
    .autocomplete__hint,
    .autocomplete__input,
    .autocomplete__option {
        font-size: 19px;
        line-height: 1.31579
    }
}

.gov-major-worksmajor-works-autocomplete-search .form-item__dropdown {
    border: none
}

.gov-major-worksmajor-works-autocomplete-search .form-item__dropdown::after {
    display: none
}

.gov-major-worksmajor-works-autocomplete-search .autocomplete__input {
    border-radius: .45rem;
    box-shadow: none;
    background-color: #fff;
    background-color: var(--c-wht);
    border: .2rem solid #afb6c9;
    border: .2rem solid var(--c-form-border)
}

.gov-major-worksmajor-works-autocomplete-search .autocomplete__input.autocomplete__input--focused {
    border: .2rem solid var(wht);
    border-radius: .45rem
}

.gov-major-worksmajor-works-autocomplete-search .autocomplete__input[aria-expanded=true] {
    border: none;
    box-shadow: none;
    border-radius: .45rem
}

.gov-major-worksmajor-works-autocomplete-search .form-submit {
    display: none
}

.autocomplete__wrapper .autocomplete__menu {
    border: .1rem solid #afb6c9;
    border: .1rem solid var(--c-form-border);
    border-radius: .45rem
}

.autocomplete__wrapper .autocomplete__menu.autocomplete__menu--visible {
    border: none;
    width: 100%
}

.autocomplete__wrapper .autocomplete__menu.autocomplete__menu--visible li {
    border: .1rem solid #afb6c9;
    border: .1rem solid var(--c-form-border)
}

.form-item__dropdown {
    background-color: #e9edf2;
    background-color: var(--c-form-bg);
    border: .1rem solid #afb6c9;
    border: .1rem solid var(--c-form-border);
    border-radius: .45rem;
    display: block;
    position: relative
}

.form-item__dropdown::after {
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-top: .5rem solid #181b23;
    border-top: .5rem solid var(--c-brand-dark);
    content: ' ';
    position: absolute;
    top: 42%;
    right: 1rem;
    z-index: 2;
    pointer-events: none;
    display: none
}

.form-item__dropdown:hover {
    border-color: #181b23;
    border-color: var(--c-brand-dark)
}

.form-item--error .form-item__dropdown {
    border-color: #de3d5d;
    border-color: var(--c-cerise)
}

.form-item__select {
    font-size: 1.7rem;
    border: .1rem solid #e9edf2;
    border: .1rem solid var(--c-form-bg);
    border-radius: .45rem;
    height: 4.2rem;
    margin: 0;
    outline: none;
    padding: .6rem .8rem .5rem;
    width: 100%
}

@media(min-width:768px) {
    .form-item__select {
        font-size: 1.9rem
    }
}

.form-item__select :focus {
    outline: none;
    color: #ffd420;
    color: var(--c-sunglow)
}

.form-item--error .form-item__select {
    border-color: #de3d5d;
    border-color: var(--c-cerise);
    outline: none
}

@supports((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)) or ((-moz-appearance:none) and (mask-type:alpha)) {
    .form-item__dropdown::after {
        display: block
    }
    .form-item__select {
        padding-right: 2rem;
        background: 0 0;
        border: .1rem solid transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    .form-item__select:focus {
        box-shadow: 0 0 0 .4rem #ffd420;
        box-shadow: 0 0 0 .4rem var(--c-sunglow)
    }
}

.form-item {
    color: #313f64;
    color: var(--c-bay-of-many);
    margin-bottom: 1.6rem
}

.form--inline fieldset {
    margin: 0
}

.form--inline .form-item {
    display: inline-block;
    margin-bottom: 1rem;
    margin-left: 2rem
}

.form-item__label {
    font-size: 1.7rem;
    display: block;
    margin-bottom: .5rem;
    font-weight: 400
}

@media(min-width:768px) {
    .form-item__label {
        font-size: 1.9rem
    }
}

.form-item__textfield {
    background-color: #e9edf2;
    background-color: var(--c-form-bg);
    border: .1rem solid #afb6c9;
    border: .1rem solid var(--c-form-border);
    border-radius: .45rem;
    display: block;
    padding: 1rem;
    max-width: 100%;
    width: 100%
}

.form-item__textfield:focus {
    border-color: #afb6c9;
    border-color: var(--c-form-border);
    box-shadow: 0 0 0 .4rem #ffd420;
    box-shadow: 0 0 0 .4rem var(--c-sunglow);
    outline: 0
}

.form-item__textfield::-moz-placeholder {
    color: #abb4cc;
    color: var(--c-echo-blue)
}

.form-item__textfield:-ms-input-placeholder {
    color: #abb4cc;
    color: var(--c-echo-blue)
}

.form-item__textfield::placeholder {
    color: #abb4cc;
    color: var(--c-echo-blue)
}

textarea.form-item__textfield {
    max-width: 56.8rem;
    width: 100%
}

.form-item__description {
    margin: .5rem 0
}

.form-fieldset {
    border: none;
    margin-bottom: 3.2rem;
    padding: 0
}

.form-item--error {
    border-left: .4rem solid #de3d5d;
    border-left: .4rem solid var(--c-cerise);
    color: #de3d5d;
    color: var(--c-cerise);
    padding-left: 1rem
}

.form-item--error .form-item__textfield {
    border-color: #de3d5d;
    border-color: var(--c-cerise)
}

input[readonly=readonly] {
    pointer-events: none;
    border-color: rgba(175, 182, 201, .3);
    cursor: default;
    color: #afb6c9;
    color: var(--c-form-border)
}

@media(min-width:1024px) {
    .form-item__textfield {
        max-width: 56.8rem
    }
    .form-item {
        clear: left;
        max-width: 70rem
    }
    .form-date {
        width: auto
    }
}

.webform-submission-form {
    margin: 3.2rem auto
}

.webform-submission-form .form-item--select__item {
    max-width: 56.8rem;
    width: 100%
}

.webform-submission-form .form-item__label {
    font-size: 1.7rem
}

@media(min-width:768px) {
    .webform-submission-form .form-item__label {
        font-size: 1.7rem
    }
}

.webform-submission-form .form-actions .button {
    font-size: 1.7rem;
    line-height: 1.4;
    margin-right: 1rem;
    margin-bottom: 1.6rem
}

@media(max-width:413.98px) {
    .webform-submission-form .form-actions .button {
        width: 100%
    }
}

.form-item--processed_text__item h2 {
    font-size: 2.1rem;
    margin-top: 3.2rem
}

@media(min-width:768px) {
    .form-item--processed_text__item h2 {
        font-size: 2.4rem
    }
}

.webform--data-protection {
    margin-bottom: 1.6rem
}

.webform-button--previous::after,
.webform-button--next::after {
    background: url(/themes/custom/wcc/images/icons/rightarrow-brand.svg) 50% 50% no-repeat;
    background-size: auto 1.8rem;
    content: "";
    display: block;
    height: 2rem;
    width: 2rem;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    background-image: url(/themes/custom/wcc/images/icons/rightarrow-white.svg)
}

.webform-button--previous:focus::after,
.webform-button--next:focus::after {
    background-image: url(/themes/custom/wcc/images/icons/rightarrow.svg)
}

.webform-button--next {
    padding-right: 3.2rem
}

.webform-button--previous {
    padding-left: 3.2rem
}

.webform-button--previous::after {
    transform: rotate(-180deg) translateY(49%);
    left: 1rem
}

.webform-wizard-pages-link {
    background: 0 0;
    color: #0059af;
    color: var(--c-link-colour);
    display: block;
    margin-top: -2rem;
    box-shadow: none;
    padding: 0;
    text-decoration: underline;
    font-weight: 400;
    color: #0059af;
    color: var(--c-link-colour)
}

.webform-wizard-pages-link:hover {
    color: #0d2259;
    color: var(--c-link-hover-colour)
}

.webform-wizard-pages-link:focus {
    box-shadow: 0 0 0 .2rem #ffd420;
    box-shadow: 0 0 0 .2rem var(--c-link-focus-bg);
    background-color: #ffd420;
    background-color: var(--c-link-focus-bg);
    border-radius: .45rem;
    color: var(--c-link-focus-colour);
    outline: none
}

.webform-wizard-pages-link:active {
    background-color: transparent;
    box-shadow: 0 0 0 .4rem #ffd420;
    box-shadow: 0 0 0 .4rem var(--c-link-active-outline);
    color: #000;
    color: var(--c-link-active-colour)
}

.webform-wizard-pages-link:hover {
    background-color: transparent
}

.webform-preview {
    max-width: 56.8rem
}

.webform-preview details {
    margin-bottom: 5rem
}

.webform-preview details summary {
    color: #0b2265;
    color: var(--c-brand);
    font-family: Source Sans Pro, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3;
    margin: 0 0 1.6rem;
    width: auto;
    font-size: 2.4rem
}

@media(min-width:768px) {
    .webform-preview details summary {
        font-size: 3.3rem
    }
}

.webform-preview details summary__link {
    color: inherit
}

.webform-preview details summary__link:hover,
.webform-preview details summary__link:focus {
    color: inherit
}

.webform-preview .webform-element {
    border-bottom: .1rem solid rgba(11, 34, 101, .25);
    margin-bottom: 3rem;
    max-width: 56.8rem;
    padding-bottom: 1.6rem
}

.webform-preview .webform-element .mailto .mailto {
    display: none
}

.webform-preview .form-item__label {
    font-weight: 600;
    margin-right: 1rem
}

.webform-preview .form--optional {
    display: none
}

.tableselect .table__cell .form-item--checkbox__item {
    margin: 0
}

.tableselect .table__cell .form-item--checkbox__item .form-checkbox {
    height: 1.3rem;
    width: 1.3rem;
    opacity: 1;
    position: static
}

@media(min-width:1024px) {
    .webform-preview .webform-element {
        display: flex
    }
    .webform-preview .form-item__label {
        display: inline-block;
        width: 17rem
    }
}

.webform-options-display-three-columns .form-item {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid
}

.icons-demo {
    display: flex;
    flex-wrap: wrap
}

.icons-demo .icon {
    height: 10rem;
    padding: 1rem;
    width: 10rem
}

.icons-demo span {
    background-color: #fefefe;
    background-color: var(--c-off-white);
    font-size: 1.7rem;
    display: block;
    max-width: 10rem;
    margin: 0;
    text-align: center;
    word-break: break-word
}

.icons-demo__item {
    border: .1rem solid #afb6c9;
    border: .1rem solid var(--c-form-border);
    margin: .25rem
}

.icon {
    color: #181b23;
    color: var(--c-brand-dark)
}

.icon--document {
    color: #c5ccd5;
    color: var(--c-grey);
    max-width: 12rem
}

img,
picture {
    display: block;
    height: auto;
    max-width: 100%
}

figure {
    margin: 0
}

.figure__caption {
    font-style: italic
}

a,
.link {
    color: #0059af;
    color: var(--c-link-colour);
    text-decoration: underline;
}

a:hover,
.link:hover {
    color: #0d2259;
    color: var(--c-link-hover-colour)
}

a:focus,
.link:focus {
    box-shadow: 0 0 0 .2rem #6B5600;
    border-radius: .45rem;
    color: var(--c-link-focus-colour);
    outline: none
}

a:active,
.link:active {
    background-color: transparent;
    box-shadow: 0 0 0 .4rem #ffd420;
    box-shadow: 0 0 0 .4rem var(--c-link-active-outline);
    color: #000;
    color: var(--c-link-active-colour)
}

a .ext,
.link .ext {
    background-image: url(/themes/custom/wcc/images/icons/external-link.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline;
    margin-left: .5rem;
    padding: .5rem;
    width: 2.3rem;
    height: 1.9rem;
    vertical-align: middle
}

a .ext path,
.link .ext path {
    display: none
}

.link--inline {
    margin-right: .8rem
}

@media(min-width:768px) {
    .link--inline {
        margin-right: 1.6rem
    }
}

ul,
ol {
    padding-left: 2rem;
    margin-top: 0
}

ul {
    list-style-type: disc
}

ol {
    list-style-type: decimal
}

.list-item {
    margin-bottom: .2rem;
    padding-left: 0
}

.ul--unstyled,
.ol--unstyled,
.list--unstyled {
    list-style: none;
    padding-left: 0;
    margin-left: 0
}

.ul--inline li,
.ol--inline li,
.list--inline li {
    display: inline-block;
    margin-right: 1rem
}

.ul--inline li:last-child,
.ol--inline li:last-child,
.list--inline li:last-child {
    margin-right: 0
}

.list--arrowed li {
    display: flex;
    align-items: flex-start
}

.list--arrowed li .icon {
    color: #de3d5d;
    color: var(--c-cerise);
    display: inline-block;
    margin-right: .5rem;
    margin-top: .6rem;
    width: 1.2rem;
    height: 1.2rem
}

.ol--featured {
    font-size: 1.7rem;
    list-style: none;
    counter-reset: counter-number-bigger;
    padding: 0;
    margin: 4rem 0
}

.ol--featured li {
    counter-increment: counter-number-bigger;
    margin: .25rem;
    position: relative;
    display: block;
    line-height: 2.2rem;
    padding: 0 0 2rem 4rem
}

.ol--featured li::before {
    content: counter(counter-number-bigger);
    display: inline-block;
    line-height: 2rem;
    text-align: center;
    margin-right: .5rem;
    font-size: 4.1rem;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 1rem;
    color: #0b2265;
    color: var(--c-brand)
}

.ol--featured strong {
    display: block;
    color: #313f64;
    color: var(--c-bay-of-many)
}

@media(min-width:768px) {
    .ol--featured li {
        border-top: .1rem solid rgba(11, 34, 101, .25);
        padding: 2rem 0 2rem 4rem
    }
    .ol--featured li:last-child {
        border-bottom: .1rem solid rgba(11, 34, 101, .25)
    }
    .ol--featured li::before {
        top: 50%;
        transform: translateY(-50%)
    }
}

.node--directories .form-fieldset,
.node--directories .form-item {
    max-width: none
}

.gov-map {
    margin-bottom: 3.2rem;
    padding-top: 50%;
    position: relative;
    width: 100%
}

.gov-map .leaflet-container {
    height: auto!important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

table,
.table {
    font-size: 1.7rem;
    border: .1rem solid #a5adc6;
    border-width: .1rem 0 0;
    border-spacing: 0;
    background-color: #f3f6fa;
    background-color: var(--c-background);
    color: #4d5366;
    color: var(--c-dark-grey);
    margin: 1.6rem 0;
    width: 100%
}

@media(min-width:768px) {
    table,
    .table {
        font-size: 1.9rem
    }
}

th,
td,
.table__heading-cell,
.table__cell {
    border: none;
    border-bottom: .1rem solid #a5adc6;
    padding: 1rem 1.6rem
}

th:last-child,
td:last-child,
.table__heading-cell:last-child,
.table__cell:last-child {
    border-right: none
}

th,
.table__mobile-header,
.table__heading-cell {
    color: #000;
    color: var(--c-accent-high);
    font-weight: 600;
    text-align: left
}

.table__mobile-header {
    display: none;
    padding: 0
}

tfoot th,
tfoot td,
thead th,
thead td {
    background-color: #f3f6fa;
    background-color: var(--c-background)
}

tr:nth-child(odd),
.table__row:nth-child(odd) {
    background-color: var(--c-main-body);
}

.responsive--processed caption {
    text-align: left;
    font-weight: 600
}

@media(max-width:767px) {
    .responsive--processed {
        display: block;
        border-top: 0
    }
    .responsive--processed thead {
        display: none
    }
    .responsive--processed td,
    .responsive--processed tr,
    .responsive--processed th,
    .responsive--processed caption,
    .responsive--processed tbody,
    .responsive--processed tfoot {
        display: block;
        padding: 0
    }
    .responsive--processed caption {
        padding: 1.6rem
    }
    .responsive--processed td {
        border: 0;
        display: flex;
        padding: 1.6rem .5rem
    }
    .responsive--processed tr,
    .responsive--processed .table__row {
        border-top: .1rem solid #a5adc6
    }
    .responsive--processed tr:nth-child(odd),
    .responsive--processed .table__row:nth-child(odd) {
        background-color: inherit
    }
    .responsive--processed tr td:nth-child(even) {
        background-color: #e1e5ef
    }
    .responsive--processed .table__mobile-header {
        display: block;
        margin-right: 1rem;
        padding: 0 1rem;
        min-width: 35%;
        width: 35%
    }
}

@media(min-width:768px) {
    .tags {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

.tag {
    font-size: 1.2rem;
    background-color: #e4eaf2;
    background-color: var(--c-hawkes);
    border-radius: .45rem;
    font-weight: 600;
    margin: 0 1rem 1rem 0;
    padding: 0 .5rem;
    line-height: 1.3;
    display: inline-block
}

.tag--iconed {
    background-color: transparent;
    color: #0b2265;
    color: var(--c-brand);
    align-items: center;
    border: .2rem solid rgba(11, 34, 101, .25);
    padding: .5rem 1rem;
    display: flex;
    font-size: 1.5rem
}

.tag--iconed .icon,
.tag--iconed .media--type-svg {
    min-height: 2.4rem;
    width: 4.5rem;
    padding-right: 1rem;
    vertical-align: middle
}

.tag--iconed span {
    display: block
}

@media(min-width:768px) {
    .tag--iconed {
        max-width: 15rem
    }
    .tag--iconed .icon {
        flex: 1 0 3.4rem
    }
}

.tag--inverse {
    background-color: #0b2265;
    background-color: var(--c-brand);
    color: #fff;
    color: var(--c-text-inverse);
    border-radius: 5rem;
    padding: .2rem .7rem
}

.tag--inverse a {
    color: inherit
}

.tag--yellow {
    background-color: #ffd420;
    background-color: var(--c-sunglow);
    color: #181b23;
    color: var(--c-brand-dark);
    border-radius: 5rem;
    padding: .2rem .7rem
}

h1,
.h1,
.heading--title {
    color: #0b2265;
    color: var(--c-brand);
    font-family: Source Sans Pro, Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.1;
    margin: 0 0 1.6rem;
    width: auto;
    letter-spacing: -.05rem;
    font-size: 4.1rem
}

@media(min-width:768px) {
    h1,
    .h1,
    .heading--title {
        font-size: 5.3rem
    }
}

h1__link,
.h1__link,
.heading--title__link {
    color: inherit
}

h1__link:hover,
h1__link:focus,
.h1__link:hover,
.h1__link:focus,
.heading--title__link:hover,
.heading--title__link:focus {
    color: inherit
}

h2,
.h2,
.heading--main {
    color: #0b2265;
    color: var(--c-brand);
    font-family: Source Sans Pro, Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.1;
    margin: 0 0 1.6rem;
    width: auto;
    letter-spacing: -.05rem;
    font-size: 3.5rem
}

@media(min-width:768px) {
    h2,
    .h2,
    .heading--main {
        font-size: 4.4rem
    }
}

h2__link,
.h2__link,
.heading--main__link {
    color: inherit
}

h2__link:hover,
h2__link:focus,
.h2__link:hover,
.h2__link:focus,
.heading--main__link:hover,
.heading--main__link:focus {
    color: inherit
}

h3,
.h3,
.heading--sub {
    color: #0b2265;
    color: var(--c-brand);
    font-family: Source Sans Pro, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3;
    margin: 0 0 1.6rem;
    width: auto;
    font-size: 2.4rem
}

@media(min-width:768px) {
    h3,
    .h3,
    .heading--sub {
        font-size: 3.3rem
    }
}

h3__link,
.h3__link,
.heading--sub__link {
    color: inherit
}

h3__link:hover,
h3__link:focus,
.h3__link:hover,
.h3__link:focus,
.heading--sub__link:hover,
.heading--sub__link:focus {
    color: inherit
}

h4,
.h4,
.heading--small,
.heading--alt {
    color: #0b2265;
    color: var(--c-brand);
    font-family: Source Sans Pro, Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.25;
    margin: 0 0 1.6rem;
    width: auto;
    font-size: 2.1rem
}

@media(min-width:768px) {
    h4,
    .h4,
    .heading--small,
    .heading--alt {
        font-size: 2.4rem
    }
}

h4__link,
.h4__link,
.heading--small__link,
.heading--alt__link {
    color: inherit
}

h4__link:hover,
h4__link:focus,
.h4__link:hover,
.h4__link:focus,
.heading--small__link:hover,
.heading--small__link:focus,
.heading--alt__link:hover,
.heading--alt__link:focus {
    color: inherit
}

.heading--xsmall {
    color: #0b2265;
    color: var(--c-brand);
    font-family: Source Sans Pro, Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.1;
    margin: 0 0 1.6rem;
    width: auto;
    font-size: 1.9rem
}

@media(min-width:768px) {
    .heading--xsmall {
        font-size: 2.1rem
    }
}

.heading--xsmall__link {
    color: inherit
}

.heading--xsmall__link:hover,
.heading--xsmall__link:focus {
    color: inherit
}

h5,
h6,
.heading--tiny {
    color: #0b2265;
    color: var(--c-brand);
    font-family: Source Sans Pro, Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.1;
    margin: 0 0 1.6rem;
    width: auto;
    font-size: 1.9rem
}

@media(min-width:768px) {
    h5,
    h6,
    .heading--tiny {
        font-size: 1.9rem
    }
}

h5__link,
h6__link,
.heading--tiny__link {
    color: inherit
}

h5__link:hover,
h5__link:focus,
h6__link:hover,
h6__link:focus,
.heading--tiny__link:hover,
.heading--tiny__link:focus {
    color: inherit
}

.heading--single-line {
    clear: both;
    float: left
}

.heading--brand {
    background-color: #0b2265;
    color: #fff
}

.heading--brand-dark {
    background-color: #181b23;
    color: #fff
}

.heading__icon {
    font-size: inherit;
    height: 1.5rem;
    margin-left: auto;
    width: 1.5rem
}

.heading--lined {
    border-bottom: .1rem solid rgba(11, 34, 101, .25);
    padding-bottom: 1.6rem
}

@media(min-width:1024px) {
    .heading--lined {
        margin-bottom: 3.2rem
    }
}

.heading--border-bottom {
    border-bottom: .1rem solid #c5ccd5;
    border-bottom: .1rem solid var(--c-grey);
    padding-bottom: 2rem
}

.heading--middle-lined-wrapper {
    position: relative;
    margin-top: 3rem
}

.heading--middle-lined-wrapper .heading__line {
    display: none
}

@media(min-width:768px) {
    .heading--middle-lined-wrapper .heading {
        display: inline-block;
        background-color: #f3f6fa;
        background-color: var(--c-background);
        padding-right: 2rem
    }
    .heading--middle-lined-wrapper .heading__line {
        background-color: rgba(11, 34, 101, .25);
        height: .1rem;
        width: 100%;
        position: absolute;
        top: 1.5rem;
        z-index: -1;
        display: block
    }
}

.heading--extra-margin {
    margin: 3rem 0 2rem
}

.text-long h2,
.text-long h3 {
    margin: 3.2rem 0 1.6rem
}

p,
.paragraph {
    margin: 0 0 1rem;
    display: block
}

blockquote,
.blockquote {
    background-color: #e4eaf2;
    background-color: var(--c-hawkes);
    color: #181b23;
    color: var(--c-brand-dark);
    font-size: 1.9rem;
    margin: 2rem 0;
    padding: 1rem 1.6rem
}

@media(min-width:1024px) {
    blockquote,
    .blockquote {
        padding: 3.2rem
    }
}

blockquote::before,
blockquote footer,
blockquote figcaption,
.blockquote::before,
.blockquote footer,
.blockquote figcaption {
    background: url(/themes/custom/wcc/images/icons/quote.svg) 0 0 no-repeat;
    background-size: 2.8rem auto;
    content: '';
    display: block;
    min-height: 3rem;
    width: 3rem
}

blockquote footer,
blockquote figcaption,
.blockquote footer,
.blockquote figcaption {
    font-size: 1.5rem;
    margin: 1rem 0 0;
    padding-left: 4.5rem;
    width: auto
}

@media(min-width:768px) {
    blockquote footer,
    blockquote figcaption,
    .blockquote footer,
    .blockquote figcaption {
        font-size: 1.7rem
    }
}

.hr {
    border-style: solid;
    border-width: 1px 0 0;
    color: currentColor
}

.text--large,
.text--large a {
    font-size: 1.9rem
}

@media(min-width:768px) {
    .text--large,
    .text--large a {
        font-size: 2.1rem
    }
}

.paragraph--xs {
    font-size: 1.5rem
}

@media(min-width:768px) {
    .paragraph--xs {
        font-size: 1.5rem
    }
}

.text--small {
    font-size: 1.7rem
}

@media(min-width:768px) {
    .text--small {
        font-size: 1.7rem
    }
}

.paragraph--medium {
    font-size: 1.7rem
}

@media(min-width:768px) {
    .paragraph--medium {
        font-size: 1.9rem
    }
}

.paragraph--strong {
    font-weight: 600
}

.paragraph--extra-margin-bottom {
    margin-bottom: 2rem
}

.field--type-date-recur-inc-exc.name-value {
    display: block
}

@media(min-width:1024px) {
    .field--type-date-recur-inc-exc.name-value {
        display: flex
    }
}

.field--type-date-recur-inc-exc.name-value>.name-value__name {
    display: block
}

@media(min-width:1024px) {
    .field--type-date-recur-inc-exc.name-value>.name-value__name {
        display: inline-block
    }
}

.field--type-date-recur-inc-exc .date-recur__item {
    margin-bottom: 1.6rem
}

.field--type-date-recur-inc-exc .date-recur-occurrences .name-value {
    margin-bottom: 0
}

.field--type-date-recur-inc-exc .date-recur-occurrences .name-value__name {
    font-weight: 400;
    margin-right: .5rem
}

.field--type-date-recur-inc-exc .accordion {
    border: 0;
    border-radius: 0
}

.field--type-date-recur-inc-exc .accordion__heading {
    color: #0059af;
    display: flex;
    justify-content: flex-start;
    padding-left: 0;
    padding-top: 0
}

.field--type-date-recur-inc-exc .accordion__heading .icon {
    color: inherit;
    position: static;
    transform: none;
    margin-top: .3rem
}

.field--type-date-recur-inc-exc .accordion__heading.is-active .icon {
    transform: rotate(180deg)
}

.field--type-date-recur-inc-exc .accordion__heading button {
    color: inherit;
    font-weight: 400;
    padding: 0
}

.paragraph--no-margin {
    margin: 0
}

.alert,
.alert-info {
    background-color: #e4eaf2;
    background-color: var(--c-hawkes);
    background-image: url(/themes/custom/wcc/images/icons/exclamation-blue.svg);
    background-position: 1.6rem 50%;
    background-repeat: no-repeat;
    background-size: auto 3.3rem;
    color: #313f64;
    color: var(--c-bay-of-many);
    margin-bottom: 2rem;
    padding: 1.6rem 1.6rem 1.6rem 4rem;
    position: relative
}

.alert h2,
.alert h3,
.alert-info h2,
.alert-info h3 {
    color: inherit;
    margin-bottom: 0
}

.alert p,
.alert-info p {
    margin-top: 0
}

.alert--success,
.alert-success {
    background-color: #8df8ad;
    background-color: var(--c-success)
}

.alert--danger,
.alert-danger {
    background-color: rgba(255, 212, 32, .4)
}

.alert--primary,
.alert-primary {
    background-color: rgba(222, 61, 93, .4)
}

@media(min-width:768px) {
    .alert__icon {
        position: absolute
    }
    .alert--icon .alert__content {
        margin-left: 5rem
    }
}

@media(min-width:1024px) {
    .alert,
    .alert-info {
        background-position: 2rem 50%;
        padding: 3.2rem 3.2rem 3.2rem 5rem
    }
}

.banner {
    border-radius: .4rem;
    border: .4rem solid #0724b9;
    border: .4rem solid var(--c-klein);
    padding: 1.6rem;
    margin: 2rem 0;
    font-weight: 700;
    color: #0724b9;
    color: var(--c-klein)
}

@media(min-width:1024px) {
    .banner {
        padding: 1.6rem 3.2rem;
        margin: 3rem 0
    }
}

.callout {
    padding: .5rem 0 .5rem 1.6rem;
    border-left: .4rem solid #e4eaf2;
    border-left: .4rem solid var(--c-hawkes)
}

.callout-carbon {
    border-left-color: #4d5366;
    border-left-color: var(--c-dark-grey)
}

.callout-teal {
    border-left-color: teal;
    border-left-color: var(--c-teal)
}

.callout-success {
    border-left-color: #8df8ad;
    border-left-color: var(--c-success)
}

.callout-yellow {
    border-left-color: #ffd420;
    border-left-color: var(--c-sunglow)
}

.callout-danger {
    border-left-color: #de3d5d;
    border-left-color: var(--c-cerise)
}

.video {
    height: 0;
    overflow: hidden;
    padding-top: 35px;
    padding-bottom: 56.25%;
    position: relative
}

.video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video--full {
    padding-bottom: 75%
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.accordion {
    border: .1rem solid #a5adc6;
    border: .1rem solid var(--c-table-border);
    border-radius: .45rem;
    margin-bottom: 1.6rem;
    padding: .1rem
}

.accordion__heading {
    padding: 1rem 1.6rem;
    position: relative
}

.accordion__heading:hover {
    cursor: pointer
}

.accordion__heading .button {
    text-align: left;
    border-radius: 0;
    text-decoration: none;
    color: #0b2265;
    color: var(--c-brand);
    font-size: 1.9rem;
    background-color: transparent;
    box-shadow: none
}

.accordion__heading .button:focus,
.accordion__heading .button:hover,
.accordion__heading .button:active {
    background-color: #ffd420;
    background-color: var(--c-sunglow);
    text-decoration: underline
}

.accordion__heading.is-active .button,
.accordion__heading .button:focus,
.accordion__heading .button:hover,
.accordion__heading .button:active {
    background-color: #ffd420;
    background-color: var(--c-sunglow);
    text-decoration: underline
}

.accordion__heading .icon {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem
}

.accordion__heading.is-active .icon {
    transform: translateY(-50%) rotate(180deg)
}

.accordion__content .table {
    margin: 0
}

.accordion__content .table caption {
    padding: 1rem 1.6rem
}

.accordion__content .table tr:last-child td,
.accordion__content .table tr:last-child th {
    border-bottom: none
}

.accordion__content .tablefield-export-link {
    text-align: right;
    padding: 0 1.6rem;
    font-size: 1.5rem
}

@media(min-width:768px) {
    .accordion__content .table__row td:first-child {
        font-weight: 600
    }
}

.article-meta {
    margin-bottom: 1.6rem
}

.article-meta .article-meta__date {
    font-size: 1.5rem
}

@media(min-width:768px) {
    .article-meta .article-meta__date {
        font-size: 1.5rem
    }
}

.alert-banner {
    padding: 1.6rem 0
}

.alert-banner .container {
    position: relative
}

.alert-banner .alert-banner__body,
.alert-banner .alert-banner__link,
.alert-banner .text-long {
    display: inline-block;
    margin-bottom: 0;
    max-width: 85%
}

.alert-banner .alert-banner__body,
.alert-banner .text-long p {
    margin-bottom: 0
}

.alert-banner.alert-banner--major,
.alert-banner.alert-banner--announcement,
.alert-banner.alert-banner--notable-person {
    color: #fff;
    color: var(--c-wht)
}

.alert-banner.alert-banner--major .alert-banner__link,
.alert-banner.alert-banner--major .alert-banner__close,
.alert-banner.alert-banner--major .alert-banner__close .icon,
.alert-banner.alert-banner--announcement .alert-banner__link,
.alert-banner.alert-banner--announcement .alert-banner__close,
.alert-banner.alert-banner--announcement .alert-banner__close .icon,
.alert-banner.alert-banner--notable-person .alert-banner__link,
.alert-banner.alert-banner--notable-person .alert-banner__close,
.alert-banner.alert-banner--notable-person .alert-banner__close .icon {
    color: #fff;
    color: var(--c-wht)
}

.alert-banner.alert-banner--major .alert-banner__link:focus,
.alert-banner.alert-banner--major .alert-banner__close:focus,
.alert-banner.alert-banner--major .alert-banner__close:focus .icon,
.alert-banner.alert-banner--announcement .alert-banner__link:focus,
.alert-banner.alert-banner--announcement .alert-banner__close:focus,
.alert-banner.alert-banner--announcement .alert-banner__close:focus .icon,
.alert-banner.alert-banner--notable-person .alert-banner__link:focus,
.alert-banner.alert-banner--notable-person .alert-banner__close:focus,
.alert-banner.alert-banner--notable-person .alert-banner__close:focus .icon {
    color: #181b23;
    color: var(--c-brand-dark)
}

.alert-banner.alert-banner--major {
    background-color: #be2d2d
}

.alert-banner.alert-banner--announcement {
    background-color: #008a25
}

.alert-banner.alert-banner--minor {
    background-color: #ffeb70;
    color: #181b23;
    color: var(--c-brand-dark)
}

.alert-banner.alert-banner--minor .alert-banner__close:focus,
.alert-banner.alert-banner--minor .alert-banner__link:focus {
    box-shadow: 0 0 0 .2rem #181b23;
    box-shadow: 0 0 0 .2rem var(--c-brand-dark);
    background-color: #181b23;
    background-color: var(--c-brand-dark);
    color: #fff;
    color: var(--c-wht)
}

.alert-banner.alert-banner--minor .alert-banner__close:focus .icon {
    color: #fff;
    color: var(--c-wht)
}

.alert-banner.alert-banner--notable-person {
    background-color: #0b0c0c
}

.alert-banner__title {
    font-size: 1.9rem;
    display: block
}

.alert-banner__link {
    color: #4d5366;
    color: var(--c-text)
}

.alert-banner__close {
    position: absolute;
    right: 1.6rem;
    top: 50%;
    transform: translateY(-50%);
    background: 0 0;
    border: none;
    padding: .5rem;
    font-size: 1.2rem;
    color: #0059af;
    color: var(--c-link-colour)
}

.alert-banner__close:hover {
    color: #0d2259;
    color: var(--c-link-hover-colour)
}

.alert-banner__close:focus {
    box-shadow: 0 0 0 .2rem #ffd420;
    box-shadow: 0 0 0 .2rem var(--c-link-focus-bg);
    background-color: #ffd420;
    background-color: var(--c-link-focus-bg);
    border-radius: .45rem;
    color: var(--c-link-focus-colour);
    outline: none
}

.alert-banner__close:active {
    background-color: transparent;
    box-shadow: 0 0 0 .4rem #ffd420;
    box-shadow: 0 0 0 .4rem var(--c-link-active-outline);
    color: #000;
    color: var(--c-link-active-colour)
}

.alert-banner__close .icon {
    width: 1.4rem;
    height: 1.4rem;
    display: block;
    margin: .5rem auto
}

.card {
    border-radius: .45rem;
    border-bottom: .4rem solid #0e35ff;
    border-bottom: .4rem solid var(--c-blue);
    box-shadow: 0 .8rem 3.2rem 0 rgba(0, 0, 0, .1);
    position: relative;
    background-color: #fff;
    background-color: var(--c-wht)
}

.card:hover .card__heading-link {
    text-decoration: underline
}

.card:not(.card--unlinked):hover {
    cursor: pointer
}

.card:not(.card--unlinked):focus-within {
    background-color: #ffd420;
    background-color: var(--c-sunglow)
}

.card:not(.card--unlinked):focus-within:active {
    background-color: transparent
}

.card:not(.card--unlinked):active {
    box-shadow: 0 0 0 .4rem #ffd420;
    box-shadow: 0 0 0 .4rem var(--c-sunglow)
}

.card .tag {
    display: inline-block
}

.card .tag a {
    text-decoration: none;
    color: #0b2265;
    color: var(--c-brand)
}

.card .tag--iconed {
    display: flex
}

.card__badge {
    font-size: 1.7rem;
    background-color: #ffd420;
    background-color: var(--c-sunglow);
    border-radius: .45rem;
    color: #181b23;
    color: var(--c-brand-dark);
    font-weight: 600;
    line-height: 1.5;
    padding: 0 1.6rem;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-50%);
    z-index: 2
}

@media(min-width:768px) {
    .card__badge {
        font-size: 1.7rem
    }
}

.card .image,
.card__image {
    border-radius: .45rem .45rem 0 0;
    overflow: hidden;
    height: auto;
    width: 100%
}

.card .media:not(.media--type-svg) {
    width: 100%;
    max-width: 100%;
    height: auto
}

.card .media:not(.media--type-svg) picture.image {
    max-height: 23rem
}

.card__heading {
    margin-bottom: 1rem;
    max-width: 100%
}

.card__heading a {
    text-decoration: none
}

.card__heading a:hover,
.card__heading a:focus {
    background-color: transparent;
    box-shadow: none;
    text-decoration: underline
}

.card__body {
    margin: 1rem 0 .5rem
}

.card__content {
    padding: 1rem 1.6rem;
    width: 100%;
    max-width: 100%
}

.card__content .text-long {
    max-width: 100%
}

.card__date {
    font-size: 1.7rem
}

@media(min-width:768px) {
    .card__date {
        font-size: 1.9rem
    }
}

.card__date .icon {
    display: inline-block;
    height: 1.7rem;
    margin-top: .3rem;
    margin-right: .5rem;
    vertical-align: text-top;
    width: 1.7rem
}

.card--bg {
    background-color: #f3f6fa;
    background-color: var(--c-highlight-high);
    padding: 1em
}

.card--events {
    background-color: #fff;
    background-color: var(--c-wht);
    border-bottom-color: #de3d5d;
    border-bottom-color: var(--c-cerise)
}

.card--events .card__body {
    font-size: 1.7rem
}

@media(min-width:768px) {
    .card--events .card__body {
        font-size: 1.9rem
    }
}

.card--events img {
    width: 100%
}

.card--events.card--compact .card__heading {
    flex: 1 0 auto
}

.card--events.card--compact .tags {
    display: block
}

@media(min-width:1024px) {
    .card--events.card--compact .card__content {
        align-items: flex-start;
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap
    }
    .card--events.card--compact .card__tags {
        flex-direction: row-reverse;
        margin-left: auto;
        padding-left: 1.6rem;
        max-width: 40rem;
        display: block;
        position: absolute;
        text-align: right;
        right: 1rem
    }
}

.card--events.card--compact .card__date {
    flex-basis: 100%
}

.card--campaigns {
    border-bottom-color: #ffd420;
    border-bottom-color: var(--c-sunglow)
}

.layout--builder .localgov-tile-with-image {
    display: flex;
    justify-content: center
}

.card.card--showcase-featured {
    border-bottom: none;
    box-shadow: none;
    background-color: #0b2265;
    background-color: var(--c-brand);
    color: #fff;
    color: var(--c-wht);
    margin-bottom: 2rem
}

.card.card--showcase-featured:focus-within {
    background-color: #0335ff;
    background-color: var(--c-button-default)
}

.card.card--showcase-featured .card__heading,
.card.card--showcase-featured .card__heading .card__heading-link {
    color: #fff;
    color: var(--c-text-inverse)
}

.card.card--showcase-featured .button {
    margin-top: 1rem
}

.card.card--showcase-featured .card__link {
    color: #fff;
    color: var(--c-wht)
}

.card.card--showcase-featured .card__content {
    padding: 3rem
}

.card--news-listing {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.6rem
}

.card--news-listing .card__heading a {
    color: #0b2265;
    color: var(--c-brand)
}

.card--news-listing .card__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%
}

.card--news-listing .card__date {
    margin-top: auto
}

.card--news-listing .card__date .icon {
    color: #0335ff;
    color: var(--c-button-default)
}

.layout--builder .col-md .localgov-tile-with-image,
.layout--builder .col-md .card,
.layout--builder .col-md .promo-content {
    min-height: .1rem
}

.card--major-works {
    border-bottom: 0;
    border-left: .4rem solid #0e35ff;
    border-left: .4rem solid var(--c-blue);
    margin-bottom: 1.5rem;
    box-shadow: 0 .4rem .5rem .4rem rgba(0, 0, 0, .1)
}

.card__heading-col {
    margin-bottom: 1.6rem;
    position: relative;
    padding-right: 2rem
}

.card__heading-col::after {
    background: url(/themes/custom/wcc/images/icons/rightarrow-brand.svg) 50% 50% no-repeat;
    background-size: auto 1.8rem;
    content: "";
    display: block;
    height: 2rem;
    width: 2rem;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    color: #0b2265;
    color: var(--c-brand)
}

.card__reference {
    color: #4d5366;
    color: var(--c-dark-grey);
    margin-bottom: 1.6rem;
    font-size: 1.5rem;
    font-weight: 600
}

@media(min-width:768px) {
    .card--major-works .card__tags-col {
        display: flex;
        padding-right: 3rem;
        flex-wrap: wrap
    }
}

@media(min-width:1024px) {
    .card--major-works {
        padding: 2.5rem 3rem 1.5rem
    }
    .card--major-works::after {
        background: url(/themes/custom/wcc/images/icons/rightarrow-brand.svg) 50% 50% no-repeat;
        background-size: auto 1.8rem;
        content: "";
        display: block;
        height: 2rem;
        width: 2rem;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        position: absolute
    }
    .card--major-works .card__content {
        display: flex;
        padding: 0
    }
    .card--major-works .card__heading-col {
        display: flex;
        padding-right: 3rem;
        justify-content: center;
        flex-direction: column;
        flex: 0 0 40%;
        margin-bottom: 0;
        max-width: 37rem
    }
    .card--major-works .card__heading-col::after {
        display: none
    }
    .card__reference {
        font-size: 1.7rem;
        margin-bottom: 0
    }
}

.content-sidebar {
    border-bottom: .1rem solid rgba(11, 34, 101, .25);
    margin-bottom: 1.6rem;
    padding-bottom: 1.6rem;
    position: relative
}

.content-sidebar .heading {
    margin-bottom: 1rem
}

.content-sidebar__links {
    margin-bottom: 0
}

.content-sidebar__link {
    margin-bottom: .5rem;
    padding-bottom: .2rem
}

.content-sidebar__link .icon {
    color: #de3d5d;
    color: var(--c-cerise);
    width: 1.5rem;
    height: 1.6rem;
    margin-top: .4rem
}

.content-sidebar__link a {
    display: block;
    width: 100%;
    text-decoration: none
}

.content-sidebar__link a:hover {
    text-decoration: underline
}

.content-sidebar__link--active a {
    background-color: #e4eaf2;
    background-color: var(--c-hawkes);
    border-left: .4rem solid #0e35ff;
    border-left: .4rem solid var(--c-blue);
    border-radius: .45rem;
    color: #0b2265;
    color: var(--c-brand);
    font-weight: 600;
    margin: .5rem 0;
    padding: 1rem 2rem 1rem 1.3rem
}

.content-sidebar__link--active a:focus {
    background-color: #ffd420;
    background-color: var(--c-sunglow)
}

.list--arrowed .content-sidebar__link--active .icon {
    display: none
}

.cta {
    background-color: #fff;
    background-color: var(--c-wht);
    border-radius: .45rem;
    border-left: .4rem solid #0e35ff;
    border-left: .4rem solid var(--c-blue);
    box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .15);
    display: flex;
    align-items: stretch;
    font-size: 1.9rem;
    position: relative
}

.cta a {
    color: #0b2265;
    color: var(--c-brand);
    display: flex;
    width: 100%;
    align-items: center;
    padding: 1rem 4rem 1rem 1.6rem;
    text-decoration: none
}

.cta a::before {
    background: url(/themes/custom/wcc/images/icons/rightarrow-brand.svg) 50% 50% no-repeat;
    background-size: auto 1.8rem;
    content: "";
    display: block;
    height: 2rem;
    width: 2rem;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    position: absolute
}

.cta a:hover,
.cta a:focus {
    text-decoration: underline
}

.cta a:focus {
    background-color: #ffd420;
    background-color: var(--c-sunglow);
    box-shadow: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.cta a:focus:active {
    background-color: transparent
}

.cta a:active {
    box-shadow: 0 0 0 .4rem #ffd420;
    box-shadow: 0 0 0 .4rem var(--c-sunglow)
}

.cta a .ext {
    background-image: url(/themes/custom/wcc/images/icons/external-link--c-brand.svg)
}

@media(min-width:1024px) {
    .cta {
        min-height: 10rem
    }
}

.document {
    display: flex;
    align-items: flex-start;
    padding: 1.6rem
}

.document:nth-child(odd) {
    background-color: #f3f6fa;
    background-color: var(--c-background)
}

.document .icon {
    width: 3rem;
    height: 1.5rem;
    margin-top: .5rem;
    color: #0335ff;
    color: var(--c-button-default)
}

.document__link .link {
    font-size: 1.7rem
}

@media(min-width:768px) {
    .document__link .link {
        font-size: 1.9rem
    }
}

.document__info {
    display: block
}

.document__info span {
    display: block;
    position: relative
}

.document__info span:not(:last-child)::after {
    content: "";
    background-color: #c5ccd5;
    background-color: var(--c-grey);
    height: .1rem;
    width: 35%;
    position: absolute;
    bottom: 0;
    left: 0
}

@media(min-width:1024px) {
    .document:nth-child(odd) {
        background-color: transparent
    }
    .document .icon {
        margin-top: .8rem
    }
    .document__info span {
        display: inline-block
    }
    .document__info span:not(:last-child)::after {
        content: "|";
        padding: 0 .5rem;
        background-color: transparent;
        position: relative
    }
}

.figure {
    border-radius: .45rem;
    box-shadow: 0 .8rem 3.2rem 0 rgba(0, 0, 0, .1);
    padding: 1.6rem;
    text-align: center;
    background-color: #fff;
    background-color: var(--c-wht);
    margin-bottom: 3.2rem
}

.figure .icon,
.figure img {
    min-width: 6rem;
    max-height: 8rem;
    margin: 2rem auto;
    width: auto
}

.gallery-image__caption {
    font-size: 1.7rem;
    padding: 1.6rem 0
}

.image--caption {
    margin-bottom: 4rem
}

.image--caption p {
    margin: .5rem 0
}

.media--document {
    margin-bottom: 2rem;
    padding: 1.6rem 0;
    display: flex
}

.media--document__text {
    margin-left: 1rem
}

.media--document__text .link {
    display: block;
    word-break: break-word
}

.media--document__img img {
    max-width: 15rem
}

.breadcrumb {
    list-style: none;
    margin: 0;
    padding: 0;
    padding: .5rem 0
}

.breadcrumb li {
    padding-left: 1rem;
    position: relative
}

.breadcrumb li:first-child {
    padding-left: 0
}

.breadcrumb li:first-child::before {
    content: none
}

.breadcrumb li::before {
    content: '';
    background-image: url(/themes/custom/wcc/images/icons/rightarrow.svg);
    height: 1rem;
    width: 1rem;
    background-size: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: .5rem
}

.flexible-template .breadcrumb {
    border-bottom: none
}

.breadcrumb__item,
.breadcrumb__link,
.breadcrumb__link:link,
.breadcrumb__link:visited,
.breadcrumb__link:focus {
    color: #0b2265;
    color: var(--c-brand)
}

.breadcrumb__link:hover {
    color: #181b23;
    color: var(--c-brand-dark)
}

.breadcrumb__item {
    display: inline-block;
    font-size: 1.5rem
}

@media(min-width:768px) {
    .breadcrumb__item {
        font-size: 1.5rem
    }
}

.breadcrumb__item:last-child .breadcrumb__link,
.breadcrumb__item:last-child .breadcrumb__link:link,
.breadcrumb__item:last-child .breadcrumb__link:visited,
.breadcrumb__item:last-child .breadcrumb__link:focus {
    color: #4d5366;
    color: var(--c-text);
    text-decoration: none
}

.breadcrumb_link:active {
    color: #4d5366;
    color: var(--c-text)
}

.region-breadcrumb {
    padding: 0
}

.path-funnelback .breadcrumb {
    border-bottom-color: rgba(255, 255, 255, .1);
    position: absolute;
    width: 100%;
    z-index: 20
}

.path-funnelback li::before {
    background-image: url(/themes/custom/wcc/images/icons/rightarrow-white.svg)
}

.path-funnelback .breadcrumb__item,
.path-funnelback .breadcrumb__link,
.path-funnelback .breadcrumb__link:visited {
    color: #fff;
    color: var(--c-text-inverse)
}

.path-funnelback .breadcrumb__link:focus {
    color: #4d5366;
    color: var(--c-text)
}

.path-funnelback .breadcrumb__link:hover {
    color: #ffd420;
    color: var(--c-sunglow)
}

.path-funnelback .breadcrumb__item:last-child .breadcrumb__link,
.path-funnelback .breadcrumb__item:last-child .breadcrumb__link:link,
.path-funnelback .breadcrumb__item:last-child .breadcrumb__link:visited,
.path-funnelback .breadcrumb__item:last-child .breadcrumb__link:focus {
    color: #e4eaf2;
    color: var(--c-hawkes);
    text-decoration: none
}

.path-funnelback .breadcrumb_link:active {
    color: #4d5366;
    color: var(--c-text)
}

.region-breadcrumb--hawkes {
    background-color: #e4eaf2;
    background-color: var(--c-hawkes)
}

.region-breadcrumb--hawkes .breadcrumb {
    border-bottom: .1rem solid rgba(11, 34, 101, .25)
}

.region-breadcrumb--brand-dark {
    background-color: #181b23;
    background-color: var(--c-brand-dark)
}

.region-breadcrumb--brand {
    background-color: #0b2265;
    background-color: var(--c-brand)
}

.region-breadcrumb--brand-dark .breadcrumb,
.region-breadcrumb--brand .breadcrumb {
    border-bottom: .1rem solid rgba(255, 255, 255, .25)
}

.region-breadcrumb--brand-dark .breadcrumb li,
.region-breadcrumb--brand .breadcrumb li {
    color: #fff;
    color: var(--c-text-inverse)
}

.region-breadcrumb--brand-dark .breadcrumb li::before,
.region-breadcrumb--brand .breadcrumb li::before {
    background-image: url(/themes/custom/wcc/images/icons/rightarrow-white.svg)
}

.region-breadcrumb--brand-dark .breadcrumb li .breadcrumb__link,
.region-breadcrumb--brand-dark .breadcrumb li .breadcrumb__link:link,
.region-breadcrumb--brand-dark .breadcrumb li .breadcrumb__link:visited,
.region-breadcrumb--brand .breadcrumb li .breadcrumb__link,
.region-breadcrumb--brand .breadcrumb li .breadcrumb__link:link,
.region-breadcrumb--brand .breadcrumb li .breadcrumb__link:visited {
    color: #fff;
    color: var(--c-text-inverse)
}

.region-breadcrumb--brand-dark .breadcrumb li .breadcrumb__link:hover,
.region-breadcrumb--brand-dark .breadcrumb li .breadcrumb__link:focus,
.region-breadcrumb--brand-dark .breadcrumb li .breadcrumb__link:link:hover,
.region-breadcrumb--brand-dark .breadcrumb li .breadcrumb__link:link:focus,
.region-breadcrumb--brand-dark .breadcrumb li .breadcrumb__link:visited:hover,
.region-breadcrumb--brand-dark .breadcrumb li .breadcrumb__link:visited:focus,
.region-breadcrumb--brand .breadcrumb li .breadcrumb__link:hover,
.region-breadcrumb--brand .breadcrumb li .breadcrumb__link:focus,
.region-breadcrumb--brand .breadcrumb li .breadcrumb__link:link:hover,
.region-breadcrumb--brand .breadcrumb li .breadcrumb__link:link:focus,
.region-breadcrumb--brand .breadcrumb li .breadcrumb__link:visited:hover,
.region-breadcrumb--brand .breadcrumb li .breadcrumb__link:visited:focus {
    color: #fff;
    color: var(--c-text-inverse)
}

.page-breadcrumbs--after-title {
    margin-bottom: 3rem
}

.inline-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.inline-menu__item {
    margin: 0 1em .5em 0
}

.inline-menu__item:last-child {
    margin-right: 0
}

.inline-menu__link {
    color: #0059af;
    color: var(--c-link-colour);
    text-decoration: none
}

.inline-menu__link:hover {
    color: #0d2259;
    color: var(--c-link-hover-colour)
}

.inline-menu__link:focus {
    box-shadow: 0 0 0 .2rem #ffd420;
    box-shadow: 0 0 0 .2rem var(--c-link-focus-bg);
    background-color: #ffd420;
    background-color: var(--c-link-focus-bg);
    border-radius: .45rem;
    color: var(--c-link-focus-colour);
    outline: none
}

.inline-menu__link:active {
    background-color: transparent;
    box-shadow: 0 0 0 .4rem #ffd420;
    box-shadow: 0 0 0 .4rem var(--c-link-active-outline);
    color: #000;
    color: var(--c-link-active-colour)
}

@media(min-width:1024px) {
    .inline-menu__item {
        display: inline
    }
}

.menu--main {
    position: initial
}

.main-nav {
    height: 0;
    border-bottom: .5rem solid #ffd420;
    border-bottom: .5rem solid var(--c-sunglow);
    position: relative;
    width: 100%;
    display: none;
    pointer-events: none
}

.main-nav--open {
    z-index: 100;
    pointer-events: all;
    display: block;
    height: auto
}

.main-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 10;
    padding: 0
}

@media(min-width:768px) {
    .main-nav,
    .main-nav.main-nav--open {
        display: block;
        padding: 0;
        height: auto;
        opacity: 1;
        transition: none;
        pointer-events: all;
        border-bottom: none;
        width: auto
    }
    .main-menu {
        border-bottom: none;
        padding: 0
    }
}

.main-menu__item {
    border-bottom: .1rem solid rgba(11, 34, 101, .25);
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 0
}

.main-menu__item:hover .main-menu__link::after {
    color: #4d5366;
    color: var(--c-text)
}

.main-menu__item:last-child {
    border-bottom: none
}

.main-menu__item--active {
    background-color: #032dd9;
    background-color: var(--c-button-highlight)
}

.main-menu__item--active .main-menu__link--active,
.main-menu__item--active .main-menu__item__icon {
    color: #fff;
    color: var(--c-wht)
}

.main-menu__link:focus,
.main-menu__link:active {
    background-color: transparent;
    color: #032dd9;
    color: var(--c-button-highlight);
    text-decoration: underline;
    box-shadow: none
}

@media(min-width:768px) {
    .main-menu__item {
        border-bottom: none;
        display: inline-block;
        margin-right: 1rem;
        padding: 0
    }
    .main-menu__item:last-child {
        margin-right: 0
    }
    .main-menu__item--active {
        background-color: transparent
    }
    .main-menu__link:focus {
        background-color: #ffd420;
        background-color: var(--c-sunglow);
        box-shadow: 0 0 0 .2rem var(sunglow)
    }
}

.main-menu__link {
    display: block;
    font-weight: 600;
    padding: 2rem .8rem;
    text-decoration: none;
    width: 100%
}

.main-menu__item__icon {
    height: 2rem;
    width: 2rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%)
}

@media(min-width:768px) {
    .main-menu__link {
        border-bottom: none;
        display: inline-block;
        padding: .5rem 1rem;
        text-transform: none;
        position: relative;
        width: auto;
        text-decoration: underline
    }
    .main-menu__link.active,
    .main-menu__link:hover {
        color: #f3f6fa;
        color: var(--c-highlight-high)
    }
    .main-menu__link:active:hover,
    .main-menu__link:focus:hover {
        color: #032dd9;
        color: var(--c-button-highlight)
    }
    .main-menu__link--sub::after {
        display: none
    }
    .main-menu__link:hover {
        color: #f3f6fa;
        color: var(--c-background)
    }
    .main-menu__link:hover::after {
        color: #d8dbe6;
        color: var(--c-highlight)
    }
    .main-menu__item__icon {
        display: none
    }
}

.toggle-expand {
    position: absolute;
    top: 1.6rem;
    right: 0
}

.toggle-expand__icon {
    height: 2rem;
    width: 2rem;
    vertical-align: top
}

.toggle-expand:active,
.toggle-expand--open:active,
.toggle-expand:focus,
.toggle-expand--open:focus {
    box-shadow: none;
    background-color: transparent
}

.toggle-expand__open {
    padding-right: 1rem
}

.toggle-expand--open .toggle-expand__open {
    display: none
}

.toggle-expand__close {
    display: none;
    padding-right: 1rem;
    margin: 0
}

.toggle-expand--open .toggle-expand__close {
    display: inline-block
}

@media(min-width:768px) {
    .toggle-expand {
        display: none
    }
}

.social-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.social-menu__item {
    margin-bottom: .25rem;
    display: inline-block;
    margin-right: 1rem
}

.social-menu__link {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    text-decoration: none;
    color: #fff;
    color: var(--c-wht)
}

.social-menu__link:hover,
.social-menu__link:focus {
    color: #fff;
    color: var(--c-wht)
}

.social-menu__icon {
    height: 3.2rem;
    width: 3.2rem;
    fill: currentColor
}

.social-menu__text {
    font-weight: 700
}

.sub-navigation {
    padding: 1.6rem 0;
    margin-bottom: 0
}

.sub-navigation .sub-navigation__link {
    display: inline-block;
    margin-right: .5rem;
    margin-bottom: .5rem
}

.sub-navigation .sub-navigation__link a {
    padding: .5rem 1.2rem;
    text-decoration: none
}

.sub-navigation .sub-navigation__link--active a {
    color: #fff;
    color: var(--c-wht);
    background-color: #0335ff
}

.sub-navigation .sub-navigation__link--active a:hover {
    background-color: #032dd9
}

.sub-navigation .sub-navigation__link--active a:focus {
    color: #0b2265;
    color: var(--c-brand);
    background-color: #ffd420;
    background-color: var(--c-sunglow)
}

.name-value {
    font-size: 1.7rem;
    display: flex;
    margin-bottom: 1.6rem
}

@media(min-width:768px) {
    .name-value {
        font-size: 1.9rem
    }
}

.name-value .name-value__name {
    color: #0b2265;
    color: var(--c-brand);
    display: inline-block;
    margin-right: 1.6rem;
    font-weight: 700
}

.name-value .name-value__value {
    display: inline-block;
    flex: 1
}

.pager {
    margin-top: 3rem;
    width: 100%
}

.pager__items {
    padding-left: 0;
    width: 100%
}

.pager__items .pager__item__title {
    padding-bottom: 1.6rem;
    display: block
}

.pager__item {
    border: .1rem solid #c5ccd5;
    border: .1rem solid var(--c-grey);
    border-width: .1rem 0;
    display: flex;
    padding: 2.5rem 0
}

.pager__item+.pager__item {
    border-top: 0
}

.pager__item a {
    text-decoration: none
}

.pager__item .pager__item__text {
    font-size: 1.7rem;
    display: block;
    text-decoration: underline
}

@media(min-width:768px) {
    .pager__item .pager__item__text {
        font-size: 1.9rem
    }
}

.pager__item .pager__item__title {
    font-size: 1.7rem;
    color: #4d5366;
    color: var(--c-text);
    display: block;
    text-decoration: none
}

@media(min-width:768px) {
    .pager__item .pager__item__title {
        font-size: 1.7rem
    }
}

.pager__item .icon {
    color: #de3d5d;
    color: var(--c-cerise);
    margin-right: .5rem;
    margin-top: 1rem;
    width: 1.2rem;
    height: 1.2rem
}

.pager__item--prev .icon {
    transform: rotate(180deg)
}

.node--localgov_landing_page .pager {
    margin-top: 0
}

.path-funnelback .pager__item__text {
    font-size: 2.1rem
}

@media(min-width:768px) {
    .path-funnelback .pager__item__text {
        font-size: 2.4rem
    }
}

.path-funnelback .pager__item__title {
    font-size: 1.7rem
}

@media(min-width:768px) {
    .path-funnelback .pager__item__title {
        font-size: 1.9rem
    }
}

.path-funnelback .pager__item .icon {
    height: 1.8rem;
    width: 1.8rem
}

@media(min-width:1024px) {
    .path-funnelback .pager {
        margin-bottom: 3rem
    }
    .path-funnelback .pager__item .icon {
        height: 2rem;
        width: 2rem
    }
}

.pager-tabs {
    margin: 3rem 0;
    display: flex
}

.pager-tabs .button--secondary {
    background-color: transparent;
    display: inline-block;
    font-size: 1.7rem
}

.pager-tabs .button--secondary .icon {
    color: #0335ff;
    color: var(--c-button-default)
}

.pager-tabs .button--secondary:hover,
.pager-tabs .button--secondary:focus {
    background-color: #0335ff;
    background-color: var(--c-button-default);
    color: #fff;
    color: var(--c-wht)
}

.pager-tabs .button--secondary:hover .icon,
.pager-tabs .button--secondary:focus .icon {
    color: #fff;
    color: var(--c-wht)
}

.pager-tabs .button--secondary:first-of-type {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    padding-left: .8rem
}

.pager-tabs .button--secondary:last-of-type {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-right: .8rem
}

.panel {
    font-size: 1.9rem;
    color: #fff;
    color: var(--c-wht);
    border-radius: .45rem;
    margin: 2rem 0;
    padding: 1.6rem
}

@media(min-width:768px) {
    .panel {
        font-size: 2.1rem
    }
}

.panel .heading,
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5 {
    display: block;
    color: inherit;
    margin: 2rem 0
}

.panel p {
    margin: 0
}

.panel a {
    color: #0059af;
}

.panel a:hover {
    color: #665200;
    color: var(--c-sunglow)
}

@media(min-width:1024px) {
    .panel {
        padding: 3.2rem
    }
}

.phasebanner {
    padding: 1rem 0;
    background-color: #071747;
    background-color: var(--c-dark-blue);
    border-top: .4rem solid #ffd420;
    border-top: .4rem solid var(--c-sunglow);
    color: #fff;
    color: var(--c-wht)
}

.phasebanner .container {
    display: flex;
    align-items: flex-start
}

.phasebanner .tag {
    background-color: #ffd420;
    background-color: var(--c-sunglow);
    color: #181b23;
    color: var(--c-brand-dark);
    text-transform: uppercase;
    padding: 0 .4rem 0 .6rem;
    margin-top: .5rem
}

.phasebanner .paragraph,
.phasebanner .text-long,
.phasebanner .text-long p {
    margin-bottom: 0
}

.phasebanner .paragraph a,
.phasebanner .paragraph a:hover,
.phasebanner .text-long a,
.phasebanner .text-long a:hover,
.phasebanner .text-long p a,
.phasebanner .text-long p a:hover {
    color: #fff;
    color: var(--c-wht)
}

.phasebanner .paragraph a:focus,
.phasebanner .text-long a:focus,
.phasebanner .text-long p a:focus {
    color: #181b23;
    color: var(--c-brand-dark)
}

.search-form,
.search-form form {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%
}

.search-form .form-text {
    height: 4rem;
    padding-right: 4rem
}

.search-form form {
    margin: 0
}

.search-form .button {
    box-shadow: none;
    background: #0e35ff url(/themes/custom/wcc/images/icons/search-white.svg) 50% 50% no-repeat;
    background: var(--c-blue) url(/themes/custom/wcc/images/icons/search-white.svg) 50% 50% no-repeat;
    background-size: 2.5rem auto;
    color: #fff;
    color: var(--c-wht);
    border-radius: 0;
    font-size: 0;
    position: absolute;
    right: .2rem;
    top: .2rem;
    height: 4rem;
    width: 4rem;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    margin: -.2rem;
    border: 0;
    border-top-right-radius: .45rem;
    border-bottom-right-radius: .45rem
}

.search-form .button::after {
    display: none
}

.search-form .button:hover {
    background-color: #032dd9;
    background-color: var(--c-button-highlight)
}

.search-form .button:focus {
    background-color: #ffd420;
    background-color: var(--c-sunglow)
}

.search-form .button:active {
    background-color: #0335ff;
    background-color: var(--c-button-default)
}

.search-form .button:active::before {
    background-color: #ffd420;
    background-color: var(--c-sunglow)
}

.search-form .form-item {
    margin-bottom: 0;
    max-width: none;
    flex: 1 0 auto;
    width: 100%
}

.search-form .form-item .form-item__textfield {
    max-width: none;
    width: 100%
}

.search-form__icon {
    position: absolute;
    right: .8rem;
    top: .8rem;
    display: block;
    color: #fff;
    pointer-events: none;
    width: 2.5rem;
    height: 2.5rem
}

@media(min-width:1024px) {
    .search-form .form-text,
    .search-form .button {
        height: 4rem
    }
    .search-form .form-text {
        min-width: 26rem
    }
    .search-form .button {
        width: 4rem
    }
    .search-form .search-form__icon {
        top: 1.1rem;
        right: 1.1rem
    }
}

.search-info {
    border-bottom: .1rem solid rgba(11, 34, 101, .25);
    padding-bottom: 3.2rem;
    margin-bottom: 3.2rem
}

.search-info__heading {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 1rem
}

@media(min-width:1024px) {
    .search-info {
        margin-bottom: 3.2rem;
        padding-bottom: 3.2rem
    }
}

.search-result {
    border-bottom: .1rem solid rgba(11, 34, 101, .25);
    display: flex;
    flex-direction: column;
    margin-bottom: 3.2rem;
    padding-bottom: 2rem
}

.search-result:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.search-result__heading {
    font-weight: 400;
    margin-bottom: 1.6rem
}

.search-result__link {
    font-size: 1.5rem;
    font-style: italic;
    margin-bottom: 1.6rem;
    order: 2
}

@media(min-width:768px) {
    .search-result__link {
        font-size: 1.7rem
    }
}

.search-result__date {
    font-size: 1.7rem;
    order: 2
}

@media(min-width:768px) {
    .search-result__date {
        font-size: 1.9rem
    }
}

.search-result__date .icon {
    color: #0335ff;
    color: var(--c-button-default);
    display: inline-block;
    height: 1.7rem;
    margin-top: .3rem;
    margin-right: .5rem;
    vertical-align: text-top;
    width: 1.7rem
}

.no-result-text,
.funnelback-spell {
    margin-bottom: 3.2rem
}

@media(min-width:1024px) {
    .search-result {
        padding-bottom: 3rem
    }
    .search-result__link,
    .search-result__date {
        order: initial
    }
    .search-result__heading,
    .search-result__link {
        margin-bottom: 1rem
    }
}

.section-title {
    margin-top: 1.6rem
}

.section-title .heading,
.section-title .section-title__tagline {
    display: inline-block
}

.section-title .heading {
    margin: 0 2rem 1rem 0
}

.section-title .section-title__tagline {
    font-size: 2.1rem
}

.section-title .separator hr {
    margin-bottom: 0
}

@media(min-width:768px) {
    .section-title {
        margin-top: 3.2rem
    }
}

.servicelinks {
    margin: 0
}

.servicelinks .heading a,
.servicelinks .heading__link {
    color: #0b2265;
    color: var(--c-brand);
    font-weight: 700
}

.servicelinks .list--arrowed {
    margin-top: 1.6rem;
    margin-bottom: 1rem
}

.servicelinks .list--arrowed a {
    text-decoration: none
}

.servicelinks .list--arrowed a:hover,
.servicelinks .list--arrowed a:focus {
    text-decoration: underline
}

.servicelist {
    margin: 0
}

.servicelist .icon {
    color: #de3d5d;
    color: var(--c-cerise);
    float: left;
    margin-left: -2rem;
    margin-top: .3rem;
    width: 2rem;
    height: 1.8rem
}

.servicelist .heading__link {
    font-weight: 700
}

.servicelist .list--arrowed {
    margin-top: 1.6rem
}

.servicelist .list--arrowed a {
    text-decoration: none
}

.servicelist .list--arrowed a:hover,
.servicelist .list--arrowed a:focus {
    text-decoration: underline
}

.social-feed .heading--border-bottom {
    margin-bottom: 3.2rem
}

.social-feed__item {
    font-size: 1.5rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.6rem;
    word-break: break-word
}

.social-feed__item svg.ext {
    display: none
}

.social-feed__item__card {
    border-radius: .4rem;
    background-color: rgba(29, 161, 242, .1);
    padding: 7rem 1.6rem 1.6rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    margin-bottom: .8rem;
    height: 100%;
    border: .1rem solid rgba(0, 0, 0, .05)
}

.social-feed__item__card .image,
.social-feed__item__card .link {
    display: inline-block;
    text-decoration: none
}

.social-feed__item__card .image {
    border-radius: 50%;
    width: 2.9rem;
    height: 2.9rem;
    margin-right: .8rem
}

.social-feed__item__body,
.social-feed__item__card__user {
    width: 100%
}

.social-feed__item__card__user {
    display: flex;
    margin-bottom: .8rem;
    align-items: center
}

.social-feed__item__link {
    text-align: center;
    margin-top: auto
}

.social-feed__item__link .link {
    text-decoration: none
}

.social-share {
    color: #0b2265;
    color: var(--c-brand);
    padding: 3.2rem 0
}

.social-share .paragraph {
    padding-top: 2rem;
    position: relative
}

.social-share .paragraph::before {
    content: "";
    background-color: teal;
    background-color: var(--c-teal);
    height: .4rem;
    width: 9.6rem;
    position: absolute;
    top: 0;
    left: 0
}

.social-share__icon {
    display: inline-block
}

.social-share__icon .icon {
    width: 3.2rem;
    height: 3.2rem
}

.status-stage {
    padding: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: row
}

.status-stage::before {
    content: "";
    position: absolute;
    background-color: #b1b5c2;
    background-color: var(--c-status-grey);
    width: .4rem;
    height: 100%;
    left: 1.8rem
}

.status-stage:last-child::after {
    content: "";
    position: absolute;
    background-color: #b1b5c2;
    background-color: var(--c-status-grey);
    height: .4rem;
    width: 2rem;
    bottom: 0;
    left: 1rem
}

.status-stage:last-child.status-stage--current::before {
    background-color: #00851f;
    background-color: var(--c-status-dark-green)
}

.status-stage__icon {
    background-color: #fff;
    background-color: var(--c-wht);
    border-radius: 50%;
    border: .4rem solid #b1b5c2;
    border: .4rem solid var(--c-status-grey);
    color: #4d5366;
    color: var(--c-dark-grey);
    font-weight: 700;
    width: 4rem;
    height: 4rem;
    position: relative;
    font-size: 2.1rem;
    margin-right: 2rem
}

.status-stage__icon span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 0
}

.status-stage--active::before {
    background-color: #00851f;
    background-color: var(--c-status-dark-green)
}

.status-stage--active:last-child::after {
    background-color: #00851f;
    background-color: var(--c-status-dark-green)
}

.status-stage--active .status-stage__icon {
    background-color: #b8fbc7;
    background-color: var(--c-status-green);
    border-color: #00851f;
    border-color: var(--c-status-dark-green);
    color: #00851f;
    color: var(--c-status-dark-green)
}

.status-stage--current .status-stage__icon {
    box-shadow: 0 0 0 4px #00851f;
    box-shadow: 0 0 0 4px var(--c-status-dark-green);
    border-color: #fff;
    border-color: var(--c-wht);
    background-color: #00851f;
    background-color: var(--c-status-dark-green);
    color: #fff;
    color: var(--c-wht)
}

.status-stage--current::before {
    background-color: #b1b5c2;
    background-color: var(--c-status-grey)
}

.status-stage__info {
    flex-basis: 85%;
    margin-bottom: 1.6rem
}

.status-stage__info .link {
    display: block;
    font-weight: 600
}

@media(min-width:768px) {
    .status-stage {
        display: block
    }
    .status-stage::before {
        content: "";
        position: absolute;
        height: .4rem;
        width: 100%;
        top: 3.8rem;
        left: auto
    }
    .status-stage:last-child::after {
        content: "";
        position: absolute;
        width: .4rem;
        height: 2rem;
        top: 3rem;
        right: 0;
        left: auto
    }
    .status-stage__icon {
        margin: 2rem 0
    }
}

.status__list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1rem
}

.status {
    display: block;
    margin-bottom: .5rem;
    padding: .5rem;
    text-align: center
}

.status--warning {
    color: #4d5366;
    color: var(--c-text);
    background-color: #ffd420;
    background-color: var(--c-warning)
}

.status--warning a {
    color: inherit
}

.status--warning a:focus {
    color: #4d5366;
    color: var(--c-text)
}

.status--error {
    color: #fff;
    color: var(--c-text-inverse);
    background-color: #db2e51;
    background-color: var(--c-error)
}

.status--error a {
    color: inherit
}

.status--error a:focus {
    color: #4d5366;
    color: var(--c-text)
}

.status--status {
    color: #fff;
    color: var(--c-text-inverse);
    background-color: #4d5266;
    background-color: var(--c-message)
}

.status--status a {
    color: inherit
}

.status--status a:focus {
    color: #4d5366;
    color: var(--c-text)
}

.tabs__link,
.tabs__link--local-tasks {
    font-size: 1.7rem;
    background-color: #fefefe;
    background-color: var(--c-muted);
    border: .1rem solid #e4eaf2;
    border: .1rem solid var(--c-hawkes);
    border-bottom: none;
    color: #4d5366;
    color: var(--c-text);
    display: block;
    font-weight: 600;
    padding: 1rem 1.6rem;
    text-align: center;
    text-decoration: none
}

@media(min-width:768px) {
    .tabs__link,
    .tabs__link--local-tasks {
        font-size: 1.7rem
    }
}

.tabs__link:hover,
.tabs__link--local-tasks:hover {
    background-color: #0b2265;
    background-color: var(--c-brand);
    color: #fff;
    color: var(--c-text-inverse)
}

.tabs__link:focus,
.tabs__link--local-tasks:focus {
    background-color: #ffd420;
    background-color: var(--c-sunglow);
    border-radius: 0;
    box-shadow: none;
    color: #181b23;
    color: var(--c-brand-dark)
}

.tabs__link.is-active,
.tabs__link--local-tasks.is-active {
    background-color: #4d5366;
    background-color: var(--c-text);
    border: .1rem solid #4d5366;
    border: .1rem solid var(--c-text);
    color: #fff;
    color: var(--c-text-inverse)
}

@media(min-width:1024px) {
    .tabs__link,
    .tabs__link--local-tasks {
        border-bottom: .1rem solid #e4eaf2;
        border-bottom: .1rem solid var(--c-hawkes);
        border-left: none;
        display: inline-block;
        position: relative;
        top: .1rem;
        width: auto
    }
    .tabs__link.is-active,
    .tabs__link--local-tasks.is-active {
        background-color: #0b2265;
        background-color: var(--c-brand);
        border: .1rem solid #e4eaf2;
        border: .1rem solid var(--c-hawkes);
        border-bottom: .1rem solid #e4eaf2;
        border-bottom: .1rem solid var(--c-hawkes);
        border-left: none;
        color: #fff;
        color: var(--c-text-inverse)
    }
}

.tabs__nav {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid var(--c-grey-lightest)
}

@media(min-width:1024px) {
    .tabs__nav {
        border-left: 1px solid var(--c-grey-lightest);
        display: flex
    }
}

.tabs__tab {
    display: none
}

.tabs__tab.is-active {
    display: block
}

.tabs__content {
    padding: 1.5rem
}

.tabs.no-js .tabs__tab.is-active {
    display: block
}

.tabs__nav--local-tasks {
    margin: 1em 0 .5em;
    padding: 0
}

.tabs__link--local-tasks {
    padding: .3em 1.5em
}

.text-cta {
    padding: 3.2rem 0
}

.text-cta .text-long {
    font-weight: 600;
    font-size: 2.1rem;
    margin-bottom: 1rem
}

.text-cta .button {
    width: 100%
}

@media(min-width:768px) {
    .text-cta .text-long {
        max-width: 80%;
        margin-bottom: 3rem
    }
    .text-cta .button {
        width: auto
    }
}

.card--tile .card__heading-wrapper {
    color: #0b2265;
    color: var(--c-brand);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem
}

.card--tile .card__heading-wrapper .card__heading {
    margin: 0
}

.card--tile .card__heading-wrapper .card__heading a {
    color: inherit
}

.card--tile .card__heading-wrapper .icon,
.card--tile .card__heading-wrapper img {
    justify-self: flex-end;
    color: #0e35ff;
    color: var(--c-blue);
    height: 7rem;
    margin-left: 2rem;
    width: 8rem;
    flex: 0 0 8rem
}

.card--tile .card__body {
    font-size: 1.7rem;
    padding-bottom: 5rem
}

@media(min-width:768px) {
    .card--tile .card__body {
        font-size: 1.9rem
    }
}

.card--tile .card__links {
    border-top: .2rem solid rgba(11, 34, 101, .25)
}

.card--tile .card__links li {
    font-size: 1.7rem;
    border-bottom: .1rem solid rgba(11, 34, 101, .25);
    padding: 1.6rem 0
}

@media(min-width:768px) {
    .card--tile .card__links li {
        font-size: 1.9rem
    }
}

.title-listlinks .heading {
    color: #0d2259;
    color: var(--c-link-hover-colour);
    font-weight: 600
}

.title-listlinks .link {
    font-size: 1.7rem;
    text-decoration: none;
    display: block
}

@media(min-width:768px) {
    .title-listlinks .link {
        font-size: 1.7rem
    }
}

.title-listlinks--sidebar {
    margin-bottom: 2rem
}

.title-listlinks--sidebar .heading {
    font-size: 1.7rem;
    margin: 0 0 1.2rem
}

@media(min-width:768px) {
    .title-listlinks--sidebar .heading {
        font-size: 1.9rem
    }
}

.title-listlinks--sidebar .list {
    margin-top: 0;
    border-bottom: .1rem solid rgba(11, 34, 101, .25)
}

.title-listlinks--sidebar .link {
    padding-bottom: 1rem
}

.title-listlinks--relatedcontent {
    border-top: .4rem solid #ffd420;
    border-top: .4rem solid var(--c-sunglow);
    margin: 4rem 0;
    padding-top: 2rem
}

.title-listlinks--relatedcontent .heading {
    margin: .5rem 0 1.6rem
}

.title-listlinks--relatedcontent .link {
    margin: .9rem 0
}

@media(min-width:1024px) {
    .title-listlinks--relatedcontent {
        margin: 6rem 0 3rem
    }
}

.wysiwyg {
    padding: 3.2rem 0
}

.wysiwyg .wysiwyg__tagline,
.wysiwyg .heading {
    display: inline-block
}

.wysiwyg .wysiwyg__tagline {
    padding-left: 1.6rem;
    font-size: 2.1rem
}

.all-services {
    display: flex
}

.all-services .heading {
    font-size: 2.4rem
}

.all-services .servicelinks--all-services {
    padding-bottom: 1.6rem
}

.all-services .service-wrapper {
    border-bottom: .1rem solid #c5ccd5;
    border-bottom: .1rem solid var(--c-grey);
    margin-bottom: 3.2rem
}

.all-services .service-wrapper:last-child {
    border-bottom: 0
}

@media(min-width:1024px) {
    .all-services .service-wrapper {
        border-bottom: .1rem solid #c5ccd5;
        border-bottom: .1rem solid var(--c-grey);
        margin-bottom: 3rem;
        padding-bottom: 1rem
    }
    .all-services .servicelinks--all-services {
        display: flex
    }
    .all-services .servicelinks--all-services .heading {
        flex-basis: 28%;
        margin-bottom: 0
    }
    .all-services .list {
        margin-bottom: 0;
        margin-top: .5rem
    }
}

.localgov-collapsible-component {
    background-color: #e4eaf2;
    background-color: var(--c-hawkes);
    padding: 3.2rem 0
}

.accordion--collapsing-content {
    border: none;
    padding: 0
}

.accordion--collapsing-content .accordion__heading {
    border: .1rem solid #a5adc6;
    border: .1rem solid var(--c-table-border);
    border-radius: .45rem;
    margin-bottom: 1.6rem
}

.accordion--collapsing-content .text-and-media {
    padding: 0
}

@media(min-width:768px) {
    .accordion--collapsing-content .accordion__heading {
        display: flex;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.contact {
    background-color: #e4eaf2;
    background-color: var(--c-hawkes);
    margin-bottom: 3.2rem;
    padding: 2rem
}

.contact .heading {
    border-bottom: .1rem solid rgba(11, 34, 101, .25);
    padding-bottom: 1.6rem
}

.contact .mailto {
    word-break: break-word
}

.contact__description,
.contact__email,
.contact__telephone,
.contact__address,
.contact-field-address,
.contact-field-email,
.contact-field-telephone {
    margin-bottom: 1.6rem
}

.contact__description .mailto .mailto,
.contact__email .mailto .mailto,
.contact__telephone .mailto .mailto,
.contact__address .mailto .mailto,
.contact-field-address .mailto .mailto,
.contact-field-email .mailto .mailto,
.contact-field-telephone .mailto .mailto {
    display: none
}

.contact-field-email {
    word-break: break-word
}

.contact__address {
    font-style: normal
}

.contact__email span {
    display: block
}

.contact__email svg.mailto {
    display: none
}

@media(min-width:1024px) {
    .contact {
        padding: 2rem 4rem
    }
}

.sliding-popup-bottom,
.sliding-popup-top {
    background-color: #0b2265;
    background-color: var(--c-brand);
    border-top: .4rem solid #ffd420;
    border-top: .4rem solid var(--c-sunglow);
    box-shadow: 0 -.5rem .8rem 0 rgba(0, 0, 0, .25);
    color: #fff;
    color: var(--c-text-inverse);
    padding: 3.2rem;
    width: 100%
}

.sliding-popup-bottom .eu-cookie-compliance-message,
.sliding-popup-top .eu-cookie-compliance-message {
    flex: 1;
    float: none;
    max-width: none;
    padding-right: 3.2rem
}

.sliding-popup-bottom .eu-cookie-compliance-message,
.sliding-popup-bottom .eu-cookie-compliance-message h2,
.sliding-popup-top .eu-cookie-compliance-message,
.sliding-popup-top .eu-cookie-compliance-message h2 {
    color: inherit
}

.sliding-popup-bottom .eu-cookie-compliance-message h2,
.sliding-popup-top .eu-cookie-compliance-message h2 {
    font-size: 2.1rem
}

@media(min-width:768px) {
    .sliding-popup-bottom .eu-cookie-compliance-message h2,
    .sliding-popup-top .eu-cookie-compliance-message h2 {
        font-size: 2.4rem
    }
}

.sliding-popup-bottom .eu-cookie-compliance-buttons,
.sliding-popup-top .eu-cookie-compliance-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: none;
    padding-top: 3.2rem;
    float: none
}

.sliding-popup-bottom .agree-button,
.sliding-popup-top .agree-button {
    border-color: #fff;
    border-color: var(--c-wht);
    min-width: 15rem
}

.sliding-popup-bottom .agree-button:hover,
.sliding-popup-top .agree-button:hover {
    background-color: #ffd420;
    background-color: var(--c-sunglow);
    border-color: #ffd420;
    border-color: var(--c-sunglow);
    color: #4d5366;
    color: var(--c-text)
}

.sliding-popup-bottom .find-more-button,
.sliding-popup-bottom .decline-button,
.sliding-popup-bottom .disagree-button,
.sliding-popup-top .find-more-button,
.sliding-popup-top .decline-button,
.sliding-popup-top .disagree-button {
    background: 0 0;
    border: 0;
    color: #fff;
    color: var(--c-text-inverse);
    cursor: pointer;
    text-decoration: underline
}

.sliding-popup-bottom .find-more-button:hover,
.sliding-popup-bottom .find-more-button:focus,
.sliding-popup-bottom .decline-button:hover,
.sliding-popup-bottom .decline-button:focus,
.sliding-popup-bottom .disagree-button:hover,
.sliding-popup-bottom .disagree-button:focus,
.sliding-popup-top .find-more-button:hover,
.sliding-popup-top .find-more-button:focus,
.sliding-popup-top .decline-button:hover,
.sliding-popup-top .decline-button:focus,
.sliding-popup-top .disagree-button:hover,
.sliding-popup-top .disagree-button:focus {
    background-color: #ffd420;
    background-color: var(--c-sunglow);
    color: #4d5366;
    color: var(--c-text)
}

.sliding-popup-bottom .find-more-button,
.sliding-popup-top .find-more-button {
    margin-top: 0;
    padding: 0
}

@media(min-width:1024px) {
    .sliding-popup-bottom .popup-content,
    .sliding-popup-top .popup-content {
        display: flex;
        max-width: none
    }
    .sliding-popup-bottom .eu-cookie-compliance-buttons,
    .sliding-popup-top .eu-cookie-compliance-buttons {
        flex-direction: column;
        justify-content: center;
        padding-top: 0
    }
    .sliding-popup-bottom .eu-cookie-compliance-buttons .decline-button,
    .sliding-popup-bottom .eu-cookie-compliance-buttons .disagree-button,
    .sliding-popup-top .eu-cookie-compliance-buttons .decline-button,
    .sliding-popup-top .eu-cookie-compliance-buttons .disagree-button {
        margin-top: 1.6rem
    }
}

.cta-block {
    background-color: #fff;
    background-color: var(--c-wht);
    box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .15);
    padding: 1.6rem;
    margin-top: 2rem;
    margin-bottom: 2rem
}

.cta-block .text-long,
.cta-block .paragraph {
    margin-bottom: 2rem
}

@media(min-width:768px) {
    .cta-block {
        padding: 3rem
    }
}

.directories-sidebar {
    background-color: #fff;
    background-color: var(--c-wht);
    border-radius: .45rem;
    box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .15);
    flex: 0 0 auto;
    justify-self: flex-start;
    margin-bottom: 1.6rem;
    padding: 1.6rem
}

.directories-sidebar .views-exposed-form .clearfix {
    display: flex;
    align-items: flex-end
}

.directories-sidebar .views-exposed-form .clearfix .form-item {
    margin-bottom: 0
}

.directories-sidebar .views-exposed-form .clearfix .form-actions {
    margin-left: 1rem
}

.directories-sidebar .form--optional {
    display: none
}

.events-listing {
    margin-bottom: 3.2rem
}

.events-listing .view-filters {
    display: block
}

.events-listing .card--events {
    margin-bottom: 3.2rem
}

.events-listing .events-sidebar {
    display: none
}

@media(min-width:1024px) {
    .events-listing .events-sidebar {
        display: block
    }
}

.events-listing .filters-toggle {
    background: 0 0;
    border: 0;
    box-shadow: none;
    color: #0e35ff;
    color: var(--c-blue);
    margin-bottom: 1.6rem;
    padding-right: 2rem;
    position: relative
}

.events-listing .filters-toggle::after {
    background: url(/themes/custom/wcc/images/icons/rightarrow-brand.svg) 50% 50% no-repeat;
    background-size: auto 1.8rem;
    content: "";
    display: block;
    height: 2rem;
    width: 2rem;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    background-image: url(/themes/custom/wcc/images/icons/rightarrow-blue.svg);
    right: 0
}

@media(min-width:1024px) {
    .events-listing .filters-toggle {
        display: none
    }
}

.events-listing .filters--open .events-sidebar {
    display: block
}

.events-listing .filters--open .filters-toggle::after {
    transform: rotate(90deg);
    top: 0
}

.events-sidebar {
    background-color: #fff;
    background-color: var(--c-wht);
    border-radius: .45rem;
    box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .15);
    flex: 0 0 auto;
    justify-self: flex-start;
    margin-bottom: 1.6rem;
    padding: 1.6rem
}

.events-sidebar .events-sidebar__heading {
    align-items: center;
    justify-content: space-between;
    display: flex;
    border-bottom: .2rem solid rgba(11, 34, 101, .25);
    margin-bottom: 1.6rem;
    padding-bottom: 1rem
}

.events-sidebar .events-sidebar__heading .heading {
    margin: 0
}

.events-sidebar .events-sidebar__heading .reset-filters {
    background-color: transparent;
    box-shadow: none;
    color: #0e35ff;
    color: var(--c-blue);
    font-weight: 600;
    margin: 0;
    text-decoration: none;
    padding: 0;
    width: auto
}

.events-sidebar .events-sidebar__heading .reset-filters:hover,
.events-sidebar .events-sidebar__heading .reset-filters:focus {
    text-decoration: underline
}

.events-sidebar .form--optional {
    display: none
}

.events-sidebar .form-actions {
    display: flex;
    align-items: stretch
}

.events-sidebar .form-actions .button {
    display: block;
    width: 100%;
    margin-bottom: 0
}

.events-sidebar .form-actions .reset-filters {
    display: none
}

.events-sidebar .form-item__textfield {
    width: 100%
}

.featured-events .card {
    margin-bottom: 3.2rem
}

.featured-events .card__body {
    font-size: 1.7rem;
    min-height: 8rem
}

@media(min-width:768px) {
    .featured-events .card__body {
        font-size: 1.9rem
    }
}

@media(max-width:374.98px) {
    .featured-events .col-md-4:not(:first-child) {
        display: none
    }
}

.expanding-list {
    display: flex;
    margin-bottom: 3.2rem
}

.expanding-list .card {
    margin-bottom: 3.2rem
}

.expanding-list .button--expander {
    background-color: transparent;
    display: block;
    padding-top: .5rem;
    padding-bottom: .5rem;
    width: 100%;
    margin-bottom: 3.2rem
}

@media(min-width:1024px) {
    .expanding-list .button--expander {
        display: inline-block;
        padding-top: 1rem;
        padding-bottom: 1rem;
        width: auto
    }
}

.expanding-list .button--expander .icon {
    color: #0e35ff;
    color: var(--c-blue);
    display: inline-block;
    height: 1.6rem;
    position: relative;
    top: .2rem;
    margin: 0 -.3rem 0 .3rem;
    width: 1.6rem;
    transform: rotate(90deg)
}

.expanding-list .button--expander:hover {
    background-color: #0e35ff;
    background-color: var(--c-blue)
}

.expanding-list .button--expander:hover .icon {
    color: #fff;
    color: var(--c-wht)
}

.expanding-list .button--expander:focus {
    background-color: #ffd420;
    background-color: var(--c-sunglow)
}

.expanding-list .button--expander:focus:hover .icon {
    color: #4d5366;
    color: var(--c-text)
}

.expanding-list .button--expander:active {
    color: #4d5366;
    color: var(--c-text)
}

.expanding-list.expanding-list--open .button--expander .icon {
    transform: rotate(-90deg)
}

.featured-list {
    padding: 1.6rem 0
}

.figures {
    padding: 3.2rem 0;
    text-align: center
}

.figures:not(.figures--icon) {
    background-color: #e4eaf2;
    background-color: var(--c-hawkes)
}

.figures .figures__heading {
    margin-bottom: 3.2rem
}

.figures--icon .heading {
    font-size: 3.5rem
}

.figures--icon .figure {
    border: .2rem solid #afb6c9;
    border: .2rem solid var(--c-form-border);
    font-size: 2.1rem;
    font-weight: 600
}

.cta-header {
    background-color: #e4eaf2;
    background-color: var(--c-hawkes);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    color: #fff;
    color: var(--c-text-inverse);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 0 0 3rem;
    min-height: 118vw;
    min-width: 100%;
    position: relative;
    width: 100%
}

.cta-header .heading {
    color: inherit;
    margin-bottom: 1rem
}

.cta-header .heading:only-child {
    margin: 0
}

.cta-header p {
    margin: 0
}

.cta-header .button {
    width: 100%
}

.cta-header__image {
    overflow: hidden;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.cta-header__image .media--type-image,
.cta-header__image .image {
    width: 100%;
    height: 100%
}

.cta-header__image img {
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cta-header__content-wrapper {
    background-color: #fff;
    background-color: var(--c-text-inverse);
    border-radius: .45rem;
    box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .15);
    color: #0b2265;
    color: var(--c-brand);
    margin: 3.2rem 1rem 1.6rem;
    padding: 1.6rem;
    position: relative;
    width: auto;
    z-index: 2
}

.cta-header__task-buttons {
    margin-top: 1.6rem
}

.node--localgov_event .cta-header,
.node--gov_event_page .cta-header {
    margin-bottom: 0
}

@media(min-width:320px) {
    .cta-header {
        min-height: 0
    }
}

@media(min-width:768px) {
    .cta-header .button {
        width: auto
    }
}

@media(min-width:1024px) {
    .cta-header {
        min-height: 40rem;
        justify-content: center;
        padding: 1.6rem 0
    }
    .cta-header__content-wrapper {
        margin-top: 0;
        margin-bottom: 0;
        padding: 3.2rem
    }
    .cta-header--has-bg-image .cta-header__content-wrapper {
        margin-bottom: 0
    }
}

@media(min-width:1176px) {
    .cta-header {
        min-height: 54rem
    }
}

.homepage-header.homepage-header--events .homepage-header__top {
    background-color: #fff;
    background-color: var(--c-wht);
    border-radius: .45rem;
    box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .15);
    margin-bottom: 0;
    padding: 1.6rem 3.2rem 3.2rem
}

.homepage-header.homepage-header--events .homepage-header__intro {
    font-size: 1.9rem
}

@media(min-width:768px) {
    .homepage-header.homepage-header--events .homepage-header__intro {
        font-size: 2.1rem
    }
}

@media(min-width:1024px) {
    .homepage-header.homepage-header--events .container {
        align-items: center
    }
    .homepage-header.homepage-header--events .homepage-header__top {
        max-width: 40%
    }
    .homepage-header.homepage-header--events .search-form {
        margin-bottom: 0
    }
}

@media(min-width:1176px) {
    .homepage-header--events {
        min-height: 51rem
    }
}

@media(min-width:1500px) {
    .homepage-header--events {
        min-height: 60rem
    }
}

.flexible-header {
    background-color: #e4eaf2;
    background-color: var(--c-hawkes);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    color: #fff;
    color: var(--c-text-inverse);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 118vw;
    min-width: 100%;
    position: relative;
    width: 100%
}

.flexible-header .heading {
    color: inherit;
    margin-bottom: 1rem
}

.flexible-header .heading:only-child {
    margin: 0
}

.flexible-header p {
    margin: 0;
    color: #4d5366;
    color: var(--c-dark-grey)
}

.flexible-header .button {
    margin-top: 1rem
}

.flexible-header__image {
    overflow: hidden;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.flexible-header__image .media--type-image,
.flexible-header__image .image {
    width: 100%;
    height: 100%
}

.flexible-header__image img {
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.flexible-header__content-wrapper {
    background-color: #fff;
    background-color: var(--c-text-inverse);
    border-radius: .45rem;
    box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .15);
    color: #0b2265;
    color: var(--c-brand);
    margin: 3.2rem 1rem 1.6rem;
    padding: 1.6rem;
    position: relative;
    width: auto;
    z-index: 2;
    align-items: flex-start
}

@media(min-width:320px) {
    .flexible-header {
        min-height: 0
    }
}

@media(min-width:1024px) {
    .flexible-header {
        min-height: 40rem;
        justify-content: center;
        padding: 1.6rem 0
    }
    .flexible-header__content-wrapper {
        margin-top: 0;
        margin-bottom: 0;
        padding: 3.2rem
    }
    .flexible-header--has-bg-image .flexible-header__content-wrapper {
        margin-bottom: 0
    }
}

.homepage-header {
    background-color: #e4eaf2;
    background-color: var(--c-hawkes);
    overflow: hidden;
    padding: 5rem 1rem;
    position: relative
}

.homepage-header .homepage-header__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.homepage-header .homepage-header__top {
    margin-bottom: 3rem;
    position: relative;
    z-index: 2
}

.homepage-header .homepage-header__intro {
    font-size: 3.3rem;
    line-height: 1.2;
    margin: 0
}

.homepage-header .form-item__textfield {
    background-color: #fff;
    background-color: var(--c-wht)
}

.homepage-header .badge {
    background-color: #ffd420;
    background-color: var(--c-sunglow);
    border-radius: .45rem;
    color: #161616;
    color: var(--c-near-black);
    display: inline-block;
    font-weight: 600;
    max-width: 100%;
    padding: .3rem 1rem
}

.homepage-header .homepage-header__cta {
    position: relative;
    margin-bottom: 0;
    z-index: 2
}

.homepage-header .homepage-header__cta .link {
    display: block;
    margin-top: 1rem;
    max-width: 100%
}

.homepage-header .homepage-header__cta p {
    margin-bottom: 0;
    max-width: 100%
}

.homepage-header .homepage-header__cta_content {
    display: none
}

.homepage-header--image .heading {
    font-size: 3.5rem
}

.homepage-header--image .homepage-header__image {
    top: 0;
    right: 0;
    left: 0
}

.homepage-header--image .homepage-header__image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.homepage-header--image .homepage-header__image .media,
.homepage-header--image .homepage-header__image .image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.homepage-header__cta--white {
    background-color: #fff;
    background-color: var(--c-wht);
    border-radius: .45rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 4rem;
    padding: 1.6rem
}

.homepage-header__cta--white .badge {
    margin: -1.6rem;
    transform: translateY(-50%)
}

@media(min-width:1024px) {
    .homepage-header {
        padding-bottom: 15rem
    }
    .homepage-header .container {
        display: flex;
        justify-content: space-between;
        padding-right: 3rem
    }
    .homepage-header .search-form {
        margin-bottom: 1rem;
        margin-top: 2rem
    }
    .homepage-header .heading {
        font-size: 5.3rem
    }
    .homepage-header .homepage-header__top {
        max-width: 60%;
        margin-bottom: 0
    }
    .homepage-header .homepage-header__cta {
        max-width: 40%
    }
    .homepage-header .homepage-header__cta_content {
        display: block;
        padding: 1.6rem 1.6rem 0 0;
        width: 100%
    }
    .homepage-header .homepage-header__cta--white {
        box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .15)
    }
    .homepage-header .homepage-header__cta--white .homepage-header__cta_content {
        padding-bottom: 0
    }
    .homepage-header .homepage-header__cta--white .link {
        margin-left: 0
    }
    .homepage-header .homepage-header__image .media,
    .homepage-header .homepage-header__image .image {
        display: flex;
        height: 100%;
        width: 100%;
        position: static
    }
}

@media(min-width:2160px) {
    .homepage-header__image .media,
    .homepage-header__image .image {
        margin-right: 20rem
    }
}

.homepage-header--campaign .homepage-header__image {
    top: -50%
}

@media(min-width:1024px) {
    .homepage-header--campaign .homepage-header__image {
        bottom: 8%;
        top: 0;
        right: 0;
        left: 55%;
        padding-bottom: .8rem
    }
    .homepage-header--campaign .homepage-header__image img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: bottom left;
        object-position: bottom left
    }
}

.homepage-header--cta-base_cta {
    padding-bottom: 1.6rem
}

.homepage-header--cta-base_cta .homepage-header__top {
    background-color: #fff;
    background-color: var(--c-wht);
    border-radius: .45rem;
    box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .15);
    padding: 1.6rem
}

.homepage-header--cta-base_cta .container {
    display: block
}

.homepage-header--cta-base_cta .homepage-header__cta__cta {
    margin-top: 4rem
}

.homepage-header--cta-right_cta {
    overflow: visible;
    padding-bottom: .1rem
}

.homepage-header--cta-right_cta .homepage-header__top {
    background-color: #fff;
    background-color: var(--c-wht);
    border-radius: .45rem;
    box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .15);
    padding: 1.6rem
}

.homepage-header--cta-right_cta .homepage-header__cta {
    margin-top: 4rem;
    margin-bottom: -2rem
}

.homepage-header+.localgov-top-tasks {
    background-image: linear-gradient(to bottom, #e4eaf2 0%, #e4eaf2 calc(100% - 4rem), transparent calc(100% - 4rem))
}

.homepage-header--image+.localgov-top-tasks {
    background-image: none
}

.homepage-header--cta-base_cta+.localgov-top-tasks,
.homepage-header--cta-right_cta+.localgov-top-tasks {
    background-image: none;
    margin-top: 5rem
}

@media(min-width:768px) {
    .homepage-header__top {
        flex-basis: 50%;
        max-width: 50%
    }
    .homepage-header__cta {
        flex-basis: 50%;
        max-width: 50%
    }
}

@media(min-width:1024px) {
    .homepage-header--cta-base_cta {
        padding-bottom: 11rem
    }
    .homepage-header--cta-base_cta .homepage-header__top {
        padding: 3.2rem 3.2rem 2rem
    }
    .homepage-header__cta {
        margin-top: 4.5rem
    }
    .homepage-header--cta-right_cta {
        overflow: hidden;
        padding-bottom: 15rem
    }
    .homepage-header--cta-right_cta .container {
        align-items: flex-end;
        justify-content: space-between
    }
    .homepage-header--cta-right_cta .homepage-header__top {
        flex-basis: 45%;
        max-width: 45%;
        padding: 3.2rem 3.2rem 2rem
    }
    .homepage-header--cta-right_cta .homepage-header__cta {
        margin-bottom: 0;
        flex-basis: 35%;
        max-width: 35%
    }
    .homepage-header+.localgov-top-tasks {
        background-image: none;
        margin-top: -5rem;
        position: relative;
        z-index: 20
    }
}

.landing-search-header {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 0 0 1rem;
    min-height: 118vw;
    min-width: 100%;
    position: relative;
    width: 100%
}

.landing-search-header .heading {
    color: inherit;
    margin-bottom: 1rem
}

.landing-search-header .landing-search-header__intro {
    font-size: 1.9rem
}

.landing-search-header__image {
    overflow: hidden;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.landing-search-header__image .media--type-image,
.landing-search-header__image .image {
    width: 100%;
    height: 100%
}

.landing-search-header__image img {
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.landing-search-header__content-wrapper {
    background-color: #fff;
    background-color: var(--c-text-inverse);
    border-radius: .45rem;
    box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .15);
    color: #0b2265;
    color: var(--c-brand);
    margin: 3.2rem 0 1.6rem;
    padding: 1.6rem;
    position: relative;
    width: auto;
    z-index: 2
}

@media(min-width:320px) {
    .landing-search-header {
        min-height: 0
    }
}

@media(min-width:1024px) {
    .landing-search-header {
        min-height: 40rem;
        justify-content: center;
        padding: 1.6rem 0
    }
    .landing-search-header__content-wrapper {
        margin: 0;
        padding: 3.2rem
    }
}

@media(min-width:1176px) {
    .landing-search-header {
        min-height: 54rem
    }
}

.page-title {
    background-color: #0b2265;
    background-color: var(--c-brand);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    color: #fff;
    color: var(--c-text-inverse);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 3rem;
    min-height: 24rem;
    min-width: 100%;
    position: relative;
    width: 100%
}

.page-title .heading {
    color: inherit;
    margin-bottom: 1rem
}

.page-title .heading:only-child {
    margin: 0
}

.page-title p {
    margin: 0
}

.page-title .button {
    margin: 1rem 0;
    width: 100%
}

.page-title--light {
    background-color: #e4eaf2;
    background-color: var(--c-hawkes)
}

.page-title--transparent {
    background-color: transparent
}

.page-title--light,
.page-title--transparent {
    color: #0b2265;
    color: var(--c-brand)
}

.page-title--light p,
.page-title--transparent p {
    color: #4d5366;
    color: var(--c-dark-grey);
    word-break: break-word
}

.page-title.page-title--text-header.page-title--transparent {
    min-height: auto;
    margin-bottom: 0;
    padding: 1.6rem 0 3.2rem;
    font-size: 1.9rem
}

@media(min-width:768px) {
    .page-title.page-title--text-header.page-title--transparent {
        font-size: 2.1rem
    }
}

.page-title.page-title--text-header.page-title--transparent .page-title__content-wrapper {
    padding-top: 0;
    padding-bottom: 0
}

.page-title.page-title--text-header.page-title--transparent .heading,
.page-title.page-title--text-header.page-title--transparent .separator hr {
    margin-bottom: 2rem
}

.page-title.page-title--text-header.page-title--transparent p {
    font-weight: 600
}

.page-title--has-bg-image {
    min-height: 87.5vw;
    justify-content: flex-end
}

.page-title__image {
    overflow: hidden;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.has-bg-image .page-title__image {
    filter: brightness(1.2)
}

.has-bg-image .page-title__image img {
    width: 100%
}

.page-title__image .image {
    width: 100%;
    height: auto
}

.page-title__image img {
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-title__content-wrapper {
    position: relative;
    z-index: 2
}

.page-title--has-bg-image .page-title__content-wrapper {
    background-color: #fff;
    background-color: var(--c-text-inverse);
    border-radius: .45rem;
    box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .15);
    color: #0b2265;
    color: var(--c-brand);
    margin: 0 .5rem 1.6rem;
    width: auto;
    padding: 1.6rem
}

.page-title__image--fade {
    display: none
}

.page-title--has-icon .page-title__content-wrapper {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem
}

.page-title__icon {
    display: none
}

.page-title__consultation-status {
    font-size: 1.9rem;
    color: #4d5366;
    color: var(--c-dark-grey);
    padding-bottom: .5rem
}

.page-title.page-title--directories {
    margin-bottom: 0;
    min-height: 24rem
}

@media(min-width:768px) {
    .page-title .button {
        margin: 1rem 1rem 3.2rem 0;
        width: auto
    }
    .page-title__image .media {
        height: 100%;
        background-color: orange
    }
    .page-title__image .image {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }
}

@media(min-width:1024px) {
    .page-title {
        min-height: 27rem;
        padding: 1.6rem 0 3.2rem
    }
    .page-title--has-bg-image {
        justify-content: center
    }
    .page-title__content-wrapper {
        margin-bottom: 0;
        padding-top: 3.2rem;
        padding-bottom: 1.6rem
    }
    .page-title--has-bg-image .page-title__content-wrapper {
        margin-bottom: 0
    }
    .page-title__image--fade {
        display: block;
        left: auto;
        max-width: 80rem
    }
    .page-title__image--fade .media,
    .page-title__image--fade img {
        height: 100%;
        width: auto
    }
    .page-title__image--fade::after {
        content: '';
        display: block;
        background: linear-gradient(270deg, rgba(11, 34, 101, 0) 0%, rgba(11, 34, 101, 0.02) 1.16%, rgba(11, 34, 101, 0.09) 4.5%, rgba(11, 34, 101, 0.18) 9.82%, rgba(11, 34, 101, 0.3) 16.93%, rgba(11, 34, 101, 0.43) 25.62%, rgba(11, 34, 101, 0.56) 35.7%, rgba(11, 34, 101, 0.69) 46.98%, rgba(11, 34, 101, 0.81) 59.24%, rgba(11, 34, 101, 0.91) 72.3%, rgba(11, 34, 101, 0.97) 85.95%, #0B2265 100%);
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
    .page-title--has-icon .container {
        position: relative
    }
    .page-title__icon {
        display: block;
        position: absolute;
        width: 13rem;
        height: auto;
        right: 0%;
        top: 50%;
        transform: translateY(-50%)
    }
    .page-title__icon img {
        width: 100%
    }
    .page-title__task-buttons {
        padding-bottom: 3.2rem
    }
}

@media(min-width:1176px) {
    .page-title {
        min-height: 32rem
    }
}

.node--localgov_services_landing.page-title--has-bg-image {
    margin-bottom: 0
}

.page-title--has-celebration .page-title__content-wrapper {
    padding-right: 7rem
}

.page-title__celebration-image {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

@media(min-width:1024px) {
    .page-title__celebration-image {
        top: 1rem
    }
}

.search-header {
    background-color: #181b23;
    background-color: var(--c-brand-dark);
    color: #fff;
    color: var(--c-text-inverse);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 7rem;
    padding: 0 1.6rem;
    min-height: 20rem;
    min-width: 100%;
    position: relative;
    width: 100%
}

.search-header .heading {
    color: inherit;
    margin-bottom: 1rem
}

.search-header .heading:only-child {
    margin: 0
}

.search-header__search {
    padding: 0 1.6rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate3d(-50%, 50%, 0)
}

.search-header__search .search-header__search-inner {
    padding: 1.6rem;
    background-color: #fff;
    background-color: var(--c-text-inverse);
    border-radius: .45rem;
    box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .15)
}

@media(min-width:1024px) {
    .search-header {
        min-height: 25rem;
        justify-content: center;
        margin-bottom: 9rem;
        padding: 1.6rem 0
    }
    .search-header__search {
        padding: 0
    }
    .search-header__search .search-header__search-inner {
        padding: 3.2rem
    }
}

.media-grid .row {
    margin-left: 0
}

.media-grid .col-sm-6 {
    padding: 0 1.6rem 1.6rem 0
}

.media-grid .media {
    flex: 0 0 auto
}

.media-grid img {
    width: 100%
}

.localgov-media-grid .media-grid img,
.localgov-media-grid .media-grid .media--type-image {
    width: auto;
    margin: 1rem auto
}

.localgov-media-grid .media-grid .media--type-remote-video {
    margin-bottom: 1rem
}

.localgov-media-grid.container {
    padding: 0
}

.localgov-media-grid.container .row {
    margin-left: -1.6rem
}

.news-listing {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.news-listing .card {
    margin-bottom: 3rem
}

.news-listing .news-listing__separator {
    background-color: #c5ccd5;
    background-color: var(--c-grey);
    height: .1rem;
    width: 100%;
    display: block;
    margin: 0 1.6rem 3rem
}

.project-documents {
    margin-bottom: 3rem
}

.project-documents .project-documents__title {
    background-color: rgba(11, 34, 101, .06);
    padding: 1.6rem 0 1.6rem 1.6rem;
    margin-bottom: 0
}

.project-documents .document:nth-child(even) {
    background-color: rgba(11, 34, 101, .06)
}

@media(min-width:1024px) {
    .project-documents {
        border-top: .1rem solid #c5ccd5;
        border-top: .1rem solid var(--c-grey);
        margin-bottom: 0
    }
    .project-documents:last-of-type {
        border-bottom: .1rem solid #c5ccd5;
        border-bottom: .1rem solid var(--c-grey)
    }
    .project-documents:nth-child(odd) {
        background-color: rgba(11, 34, 101, .06)
    }
    .project-documents .project-documents__title,
    .project-documents .document:nth-child(even) {
        background-color: inherit
    }
}

.project-status {
    background-color: #fefefe;
    background-color: var(--c-off-white);
    box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .15);
    padding: 3rem 0;
    margin-bottom: 4rem
}

.project-status .row {
    margin-right: 0;
    margin-left: 0
}

@media(min-width:768px) {
    .project-status .row {
        align-items: flex-start
    }
}

.promo-content .heading,
.promo-content .promo-content__description {
    display: inline-block
}

.promo-content .heading {
    margin: 0 2rem 1rem 0
}

.promo-content .promo-content__description {
    font-size: 2.1rem
}

.promo-content .card {
    margin-bottom: 1.6rem;
    display: flex;
    flex-direction: column
}

.promo-content .card__heading {
    margin-bottom: 1.6rem
}

.promo-content .card__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%
}

.promo-content .card__content .tag-wrapper,
.promo-content .card__content .card__date {
    margin-top: auto;
    margin-bottom: 1.6rem
}

.promo-content .card__content .tag {
    font-size: 1.5rem;
    color: #0b2265;
    color: var(--c-brand)
}

.promo-content .card__content .card__date .icon {
    color: #0335ff;
    color: var(--c-button-default)
}

.promo-content .promo-content__cta {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.6rem
}

.promo-content .promo-content__cta .icon {
    color: #de3d5d;
    color: var(--c-cerise);
    margin-left: -2rem;
    margin-top: .3rem;
    width: 2rem;
    height: 1.8rem
}

.promo-content--offers .card {
    margin-bottom: 3.2rem
}

.promo-content--offers .card__heading {
    margin-bottom: 0
}

.promo-content--offers .promo-content__cta {
    justify-content: flex-start;
    padding-left: 1.6rem;
    margin-top: 0
}

@media(min-width:768px) {
    .promo-content .view-content {
        display: flex;
        flex-wrap: nowrap;
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }
    .promo-content .views-row {
        margin: 0 1.6rem 1.6rem;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .promo-content .views-row .card {
        height: 100%
    }
    .promo-content--others .row {
        flex-wrap: nowrap
    }
    .promo-content--others .card {
        margin: 0 1.6rem 1.6rem;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .promo-content--offers {
        position: relative
    }
    .promo-content--offers .promo-content__cta {
        position: absolute;
        top: 3.2rem;
        right: 1.6rem
    }
    .promo-content--content-list {
        position: relative
    }
    .promo-content--content-list .image {
        max-height: 17rem
    }
}

.promo-listing {
    position: relative
}

.promo-listing .promo-listing__button-cta {
    margin-bottom: 1.6rem
}

.promo-listing .promo-listing__button-cta .button {
    width: 100%
}

.promo-listing .card {
    margin-bottom: 3.2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.promo-listing .card .card__content {
    display: flex;
    flex-direction: column;
    height: 100%
}

.promo-listing .card .card__date {
    margin-top: auto
}

.promo-listing .card .card__date .icon {
    color: #0335ff;
    color: var(--c-button-default)
}

.promo-listing .card__heading {
    margin-bottom: 0
}

@media(min-width:768px) {
    .promo-listing .view-content {
        display: flex;
        flex-wrap: wrap;
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }
    .promo-listing .views-row {
        padding: 0 1.6rem 1.6rem;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        margin-bottom: 1.6rem
    }
    .promo-listing .views-row .card {
        height: 100%
    }
    .promo-listing__button-cta {
        position: absolute;
        right: 1.6rem;
        top: 0
    }
    .promo-listing__button-cta .button {
        width: auto
    }
}

.search-results-list {
    margin: 0 0 3.2rem
}

.search-banner {
    margin-bottom: 1.6rem
}

.search-banner .container {
    padding-left: 1.6rem
}

.search-banner .alert-banner__close {
    display: none
}

.service-listing {
    display: flex;
    margin-bottom: 3.2rem
}

.service-listing .servicelinks {
    padding-bottom: 1.6rem
}

.service-listing .service-wrapper {
    border-bottom: .1rem solid #c5ccd5;
    border-bottom: .1rem solid var(--c-grey);
    margin-bottom: 3.2rem
}

.service-listing .service-wrapper:last-child {
    border-bottom: 0
}

.service-listing[js-applied=true] .service-wrapper:nth-child(n+10) {
    display: none
}

.service-listing[js-applied=true].service-listing--open .service-wrapper {
    display: block
}

.service-listing .button--expander {
    background-color: transparent;
    display: block;
    padding-top: .5rem;
    padding-bottom: .5rem;
    width: 100%
}

@media(min-width:1024px) {
    .service-listing .button--expander {
        display: inline-block;
        padding-top: 1rem;
        padding-bottom: 1rem;
        width: auto
    }
}

.service-listing .button--expander .icon {
    color: #0e35ff;
    color: var(--c-blue);
    display: inline-block;
    height: 1.6rem;
    position: relative;
    top: .2rem;
    margin: 0 -.3rem 0 .3rem;
    width: 1.6rem;
    transform: rotate(90deg)
}

.service-listing .button--expander:hover {
    background-color: #0e35ff;
    background-color: var(--c-blue)
}

.service-listing .button--expander:hover .icon {
    color: #fff;
    color: var(--c-wht)
}

.service-listing .button--expander:focus {
    background-color: #ffd420;
    background-color: var(--c-sunglow)
}

.service-listing .button--expander:focus:hover .icon {
    color: #4d5366;
    color: var(--c-text)
}

.service-listing .button--expander:active {
    color: #4d5366;
    color: var(--c-text)
}

.service-listing.service-listing--open .button--expander .icon {
    transform: rotate(-90deg)
}

.service-listing__header {
    margin-bottom: 1.6rem;
    border-bottom: .1rem solid #c5ccd5;
    border-bottom: .1rem solid var(--c-grey)
}

.service-listing__header .heading {
    line-height: 1
}

.service-listing footer {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.service-listing footer .button--expander {
    order: -1
}

@media(min-width:1024px) {
    .service-listing footer {
        flex-direction: row;
        align-items: center
    }
}

.services__link {
    display: none;
    float: right;
    margin-bottom: 2rem;
    margin-top: 1rem
}

.service-listing--open .services__link {
    display: inline-block
}

.services__link .services__icon {
    color: #de3d5d;
    color: var(--c-cerise);
    float: left;
    margin-left: -2rem;
    margin-top: .3rem;
    width: 2rem;
    height: 1.8rem
}

@media(min-width:1024px) {
    .services__link {
        margin-left: auto
    }
}

.service-listing__subheading {
    font-size: 1.9rem;
    color: #4d5366;
    color: var(--c-dark-grey);
    font-weight: 400;
    line-height: 1;
    padding-bottom: .5rem
}

@media(min-width:768px) {
    .service-listing__subheading {
        font-size: 2.1rem
    }
}

@media(min-width:1024px) {
    .service-listing .row {
        padding: 1.6rem 1.6rem 0
    }
    .service-listing .service-wrapper {
        border-bottom: .1rem solid #c5ccd5;
        border-bottom: .1rem solid var(--c-grey);
        margin-bottom: 3rem;
        padding-bottom: 1rem
    }
    .service-listing .service-wrapper:nth-child(3n+1) {
        padding-left: 0
    }
    .service-listing .service-wrapper:nth-child(3n) {
        padding-right: 0
    }
    .service-listing .service-wrapper:nth-child(3n+1):nth-last-child(-n+3),
    .service-listing .service-wrapper:nth-child(3n+1):nth-last-child(-n+3)~.service-wrapper {
        border-bottom: 0;
        margin-bottom: 1rem
    }
    .service-listing[js-applied=true] .service-wrapper {
        display: block
    }
    .service-listing[js-applied=true] .service-wrapper:nth-child(n+10) {
        display: none
    }
    .service-listing[js-applied=true].service-listing--open .service-wrapper {
        display: block
    }
    .service-listing__header {
        display: flex;
        align-items: flex-end
    }
    .service-listing__subheading {
        margin-left: 3.2rem
    }
}

.service-matrix {
    display: flex
}

.service-matrix .row {
    padding: 0 1.6rem
}

.service-matrix .servicelist {
    padding-bottom: 1.6rem
}

.service-matrix .service-wrapper {
    border-bottom: .1rem solid #c5ccd5;
    border-bottom: .1rem solid var(--c-grey);
    margin-bottom: 3rem;
    padding-bottom: 1rem
}

.service-matrix__header {
    display: flex;
    align-items: flex-end;
    margin-bottom: 1.6rem;
    border-bottom: .1rem solid #c5ccd5;
    border-bottom: .1rem solid var(--c-grey)
}

.service-matrix__header .heading {
    line-height: 1
}

.service-matrix__subheading {
    font-size: 1.9rem;
    font-weight: 400;
    line-height: 1;
    margin-left: 3.2rem;
    padding-bottom: .5rem
}

@media(min-width:768px) {
    .service-matrix__subheading {
        font-size: 2.1rem
    }
}

.services__link .services__icon {
    color: #de3d5d;
    color: var(--c-cerise);
    float: left;
    margin-left: -2rem;
    margin-top: .3rem;
    width: 2rem;
    height: 1.8rem
}

.services__link a {
    text-decoration: none
}

.services__link a:hover,
.services__link a:focus {
    text-decoration: underline
}

@media(min-width:1024px) {
    .service-matrix .service-wrapper:nth-child(3n+1):nth-last-child(-n+3),
    .service-matrix .service-wrapper:nth-child(3n+1):nth-last-child(-n+3)~.service-wrapper {
        border-bottom: 0;
        margin-bottom: 0
    }
    .service-matrix .services__link {
        float: right;
        margin-bottom: 2rem;
        margin-top: 1rem
    }
}

.showcase {
    padding: 1.6rem 0
}

.showcase .paragraph {
    margin-bottom: 3rem
}

.showcase .col-lg-4 .card--showcase-featured .card__body {
    text-decoration: underline
}

.footer {
    background-color: #0b2265;
    background-color: var(--c-brand);
    padding: 1rem 0;
    overflow: hidden
}

.footer__inner {
    display: flex;
    flex-flow: column nowrap
}

.footer .main-menu__item__icon {
    display: none
}

.footer__menu .inline-menu__link,
.footer__bottom-menu .inline-menu__link {
    color: #fff;
    color: var(--c-wht);
    font-family: source sans pro, arial, sans-serif;
    font-size: 1.7rem
}

@media(min-width:768px) {
    .footer__menu .inline-menu__link,
    .footer__bottom-menu .inline-menu__link {
        font-size: 1.7rem
    }
}

.footer__menu .inline-menu__link:focus,
.footer__bottom-menu .inline-menu__link:focus {
    color: #0b2265;
    color: var(--c-brand)
}

.footer__menu {
    padding: 2rem 0
}

.footer__menu .inline-menu__item {
    display: block
}

.footer__logo .logo-link {
    display: block
}

.footer__logo .logo__icon {
    width: 13rem;
    height: 4rem
}

.footer__logo--desktop {
    display: none
}

.footer__logo--mobile {
    margin: 2rem 0 4rem
}

.footer__social,
.footer__bottom-menu {
    margin-bottom: 1rem;
    padding-bottom: 2rem;
    border-bottom: .1rem solid rgba(255, 255, 255, .1)
}

.footer__bottom-menu {
    padding: 2rem 0
}

@media(min-width:1024px) {
    .footer__inner {
        flex-direction: row
    }
    .footer__menu {
        flex: 1 1 100%;
        margin-left: auto
    }
    .footer__social {
        margin-bottom: 0;
        margin-right: 1rem
    }
    .footer__logo--mobile {
        display: none
    }
    .footer__logo--desktop {
        flex: 1 3 100%;
        margin-left: auto;
        display: flex;
        align-items: flex-end
    }
    .footer__logo--desktop .logo__icon {
        width: auto;
        height: 5.5rem;
        margin-right: 2rem
    }
    .footer__bottom-menu {
        text-align: center;
        border-bottom: none
    }
}

.header {
    background-color: #fefefe;
    background-color: var(--c-off-white)
}

.header img {
    max-width: 23rem;
}

.header__inner {
    display: flex;
    flex-flow: column nowrap;
    margin-bottom: 0;
    margin-top: 0
}

.header__primary {
    width: 100%;
    position: relative
}

.header__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.header__branding {
    padding: 2rem
}

.header__branding .logo-link {
    display: inline-block
}

.header__search {
    display: none;
    order: -1
}

.header__search.search--open {
    display: flex
}

@media(min-width:768px) {
    .header__inner {
        margin-right: auto;
        margin-left: auto
    }
    .header__wrapper {
        flex-direction: row;
        align-items: center
    }
    .header__primary {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        padding: 2rem 0;
        width: auto;
        min-height: 8rem
    }
    .header__branding {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        flex-direction: column
    }
    .header__search {
        display: flex;
        margin-left: 1.6rem;
        order: 1
    }
}

@media(max-width:1023.98px) {
    .header__inner {
        max-width: none
    }
}

.street-entertainment-form .button--underlined.form-submit {
    padding: 1rem 1.6rem;
    margin-right: 1.6rem;
    font-size: 1.9rem;
    box-shadow: none
}

.street-entertainment-form .form-fieldset,
.street-entertainment-form .form-actions {
    margin: 3.2rem 0
}

.street-entertainment-form .document-id-wrapper {
    display: inline-block
}

.street-entertainment-form .image-preview img {
    padding: 1rem 0;
    margin-right: 1.6rem
}

.street-entertainment-form .form-managed-file .form-submit:not(.js-hide) {
    margin: 1.6rem 0;
    display: block
}

.street-entertainment-form .form-item--wcc_managed_file__item,
.street-entertainment-form .form-item--date__item {
    margin: 3.2rem 0
}

.street-entertainment-form .form-item--item-price {
    display: flex;
    flex-direction: row;
    align-items: baseline
}

.street-entertainment-form .form-item--item-price h3 {
    margin: 1.6rem
}

.street-entertainment-form .table__cell {
    word-break: break-all
}

.text-and-media {
    padding: 3.2rem 0
}

.text-and-media .row.right {
    flex-direction: row-reverse
}

.text-and-media .media,
.text-and-media .text-long {
    min-height: .1rem
}

.text-and-media img,
.text-and-media .media-oembed-content {
    width: 100%
}

.text-and-media__media,
.text-and-media__text {
    margin-bottom: 1rem;
    min-height: .1rem
}

.text-and-media__media .media,
.text-and-media__media .text-long,
.text-and-media__text .media,
.text-and-media__text .text-long {
    min-height: .1rem
}

.text-and-media__media .text-long>h3:first-of-type,
.text-and-media__media .text-long>h2:first-of-type,
.text-and-media__text .text-long>h3:first-of-type,
.text-and-media__text .text-long>h2:first-of-type {
    margin-top: 0;
    line-height: .8;
    margin-bottom: 2rem
}

@media(min-width:1024px) {
    .text-and-media__media,
    .text-and-media__text {
        margin-bottom: 0
    }
}

.top-tasks {
    margin-bottom: 3rem
}

.top-tasks .cta {
    margin-bottom: 1rem
}

.top-tasks.top-tasks--margin-top {
    margin-top: 3.2rem
}

@media(min-width:1024px) {
    .top-tasks {
        margin-bottom: 1.6rem
    }
    .top-tasks .cta {
        margin-bottom: 3.2rem
    }
}

.main {
    margin-bottom: 0em
}

@media(min-width:1024px) {
    .main {
        display: flex
    }
}

.main-sidebar {
    margin-bottom: 2rem
}

@media(min-width:1024px) {
    .main-sidebar {
        order: 2;
        width: 33%;
        margin-bottom: 0
    }
}

.content-top {
    width: 100%
}

.main-content {
    width: 100%
}

@media(min-width:1024px) {
    .main-content--with-sidebar {
        margin-right: 1rem;
        width: calc(100% - (33% + 1rem))
    }
}

.page__content-bottom {
    margin-bottom: 3rem;
    margin-top: 6rem
}

.page__content-bottom>.row:not(.row--default) {
    margin: 0
}

.place-holder {
    color: var(--c-grey-light);
    border: 4px dashed var(--c-grey-light);
    padding: 50px
}

.place-holder__content {
    font-size: 3.2rem;
    line-height: 1.4;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.basic-page__content {
    margin: 2rem 0
}

.node--directories .contact .inline-label {
    font-weight: 600
}

.node--directories .contact .contact__content>div {
    margin-bottom: 1.6rem
}

.node--directories .contact a {
    display: block;
    margin-top: 1rem
}

.field--name-field-gov-event-location svg.ext {
    display: none
}

.event__content .tags {
    margin: 0 0 3.2rem
}

.event__content .tags:last-child {
    margin: 0
}

.event__content .tags .tag {
    margin-bottom: 0
}

.event__content .content-sidebar {
    padding-top: 1.6rem;
    border-top: .1rem solid rgba(11, 34, 101, .25)
}

.event__content .events__back {
    font-size: 1.7rem;
    padding: 1rem 0 1.6rem;
    margin-bottom: 3.2rem;
    border-bottom: .1rem solid rgba(11, 34, 101, .25)
}

@media(min-width:768px) {
    .event__content .events__back {
        font-size: 1.9rem
    }
}

.event__content .events__back .icon {
    color: #de3d5d;
    color: var(--c-cerise);
    margin-top: 1rem;
    width: 1.3rem;
    height: 1.3rem;
    transform: rotate(180deg)
}

.event__information {
    padding-bottom: 3.2rem;
    border-bottom: .1rem solid rgba(11, 34, 101, .25)
}

.event__information .text-long p {
    font-size: 1.7rem
}

@media(min-width:768px) {
    .event__information .text-long p {
        font-size: 1.9rem
    }
}

.event__information~.pager {
    margin-top: 0
}

.event__information~.pager .pager__item:first-child {
    border-top: 0
}

.node--localgov_landing_page .component {
    margin-bottom: 3.2rem
}

:root {
    --c-hover: #ffcd19;
    --accent-main: #a62639;
    --c-main-body: hsl(300, 5%, 92.2%);
    --c-wht: #fff;
    --c-off-white: #231f20;
    --c-grey: #c5ccd5;
    --c-dark-grey: #4d5366;
    --c-blk: #000;
    --c-near-black: #161616;
    --c-form-bg: #e9edf2;
    --c-form-border: #afb6c9;
    --c-background: #e1d0d0;
    --c-brand: #a62639;
    --c-brand-dark: #181b23;
    --c-text: #a62639;
    --c-text-inverse: #fff;
    --c-background-section: #e1d0d0;
    --c-blue: #0e35ff;
    --c-button-default: #a62639;
    --c-button-default-border: #a62639;
    --c-button-highlight: #032DD9;
    --c-klein: #0724B9;
    --c-sunglow: #665200;
    --c-hawkes: #e4eaf2;
    --c-cerise: #de3d5d;
    --c-fiord: #4d5266;
    --c-bay-of-many: #313f64;
    --c-solitude: #d8dbe6;
    --c-echo-blue: #abb4cc;
    --c-accent: #ffd420;
    --c-accent-high: #000;
    --c-highlight: #d8dbe6;
    --c-highlight-high: #e1d0d0;
    --c-muted: #fefefe;
    --c-warning: #ffd420;
    --c-error: #DB2E51;
    --c-message: #4d5266;
    --c-success: #8df8ad;
    --c-teal: teal;
    --c-link-colour: #0059AF;
    --c-link-hover-colour: #0D2259;
    --c-link-active-colour: #000;
    --c-link-active-outline: #ffd420;
    --c-link-focus-color: #000;
    --c-link-focus-bg: #FFFF38;
    --c-dark-blue: #071747;
    --c-status-dark-green: #00851F;
    --c-status-green: #B8FBC7;
    --c-status-grey: #B1B5C2;
    --c-table-border: #A5ADC6
}

.ajax-progress {
    display: inline-block;
    padding: 1px 5px 2px
}

[dir=rtl] .ajax-progress {
    float: right
}

.ajax-progress-throbber .throbber {
    display: inline;
    padding: 1px 5px 2px;
    background: transparent url(/core/themes/stable/images/core/throbber-active.gif) no-repeat 0 center
}

.ajax-progress-throbber .message {
    display: inline;
    padding: 1px 5px 2px
}

tr .ajax-progress-throbber .throbber {
    margin: 0 2px
}

.ajax-progress-bar {
    width: 16em
}

.ajax-progress-fullscreen {
    position: fixed;
    z-index: 1000;
    top: 48.5%;
    left: 49%;
    width: 24px;
    height: 24px;
    padding: 4px;
    opacity: .9;
    border-radius: 7px;
    background-color: #232323;
    background-image: url(/core/themes/stable/images/core/loading-small.gif);
    background-repeat: no-repeat;
    background-position: center center
}

[dir=rtl] .ajax-progress-fullscreen {
    right: 49%;
    left: auto
}

.js input.form-autocomplete {
    background-image: url(/core/themes/stable/images/core/throbber-inactive.png);
    background-repeat: no-repeat;
    background-position: 100% center
}

.js[dir=rtl] input.form-autocomplete {
    background-position: 0% center
}

.js input.form-autocomplete.ui-autocomplete-loading {
    background-image: url(/core/themes/stable/images/core/throbber-active.gif);
    background-position: 100% center
}

.js[dir=rtl] input.form-autocomplete.ui-autocomplete-loading {
    background-position: 0% center
}

.clearfix:after {
    display: table;
    clear: both;
    content: ""
}

.js details:not([open]) .details-wrapper {
    display: none
}

.hidden {
    display: none
}

.visually-hidden {
    position: absolute!important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
    position: static!important;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto
}

.invisible {
    visibility: hidden
}

.item-list__comma-list,
.item-list__comma-list li {
    display: inline
}

.item-list__comma-list {
    margin: 0;
    padding: 0
}

.item-list__comma-list li:after {
    content: ", "
}

.item-list__comma-list li:last-child:after {
    content: ""
}

.js .js-hide {
    display: none
}

.js-show {
    display: none
}

.js .js-show {
    display: block
}

.progress {
    position: relative
}

.progress__track {
    min-width: 100px;
    max-width: 100%;
    height: 16px;
    margin-top: 5px;
    border: 1px solid;
    background-color: #fff
}

.progress__bar {
    width: 3%;
    min-width: 3%;
    max-width: 100%;
    height: 1.5em;
    background-color: #000
}

.progress__description,
.progress__percentage {
    overflow: hidden;
    margin-top: .2em;
    color: #555;
    font-size: .875em
}

.progress__description {
    float: left
}

[dir=rtl] .progress__description {
    float: right
}

.progress__percentage {
    float: right
}

[dir=rtl] .progress__percentage {
    float: left
}

.progress--small .progress__track {
    height: 7px
}

.progress--small .progress__bar {
    height: 7px;
    background-size: 20px 20px
}

.resize-none {
    resize: none
}

.resize-vertical {
    min-height: 2em;
    resize: vertical
}

.resize-horizontal {
    max-width: 100%;
    resize: horizontal
}

.resize-both {
    max-width: 100%;
    min-height: 2em;
    resize: both
}

table.sticky-header {
    z-index: 500;
    top: 0;
    margin-top: 0;
    background-color: #fff
}

.system-status-counter__status-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle
}

.system-status-counter__status-icon:before {
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: 20px
}

.system-status-counter__status-icon--error:before {
    background-image: url(/core/themes/stable/images/core/icons/e32700/error.svg)
}

.system-status-counter__status-icon--warning:before {
    background-image: url(/core/themes/stable/images/core/icons/e29700/warning.svg)
}

.system-status-counter__status-icon--checked:before {
    background-image: url(/core/themes/stable/images/core/icons/73b355/check.svg)
}

.system-status-report-counters__item {
    width: 100%;
    margin-bottom: .5em;
    padding: .5em 0;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, .063)
}

@media screen and (min-width:60em) {
    .system-status-report-counters {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .system-status-report-counters__item--half-width {
        width: 49%
    }
    .system-status-report-counters__item--third-width {
        width: 33%
    }
}

.system-status-general-info__item {
    margin-top: 1em;
    padding: 0 1em 1em;
    border: 1px solid #ccc
}

.system-status-general-info__item-title {
    border-bottom: 1px solid #ccc
}

body.drag {
    cursor: move
}

tr.region-title {
    font-weight: 700
}

tr.region-message {
    color: #999
}

tr.region-populated {
    display: none
}

tr.add-new .tabledrag-changed {
    display: none
}

.draggable a.tabledrag-handle {
    float: left;
    overflow: hidden;
    height: 1.7em;
    margin-left: -1em;
    cursor: move;
    text-decoration: none
}

[dir=rtl] .draggable a.tabledrag-handle {
    float: right;
    margin-right: -1em;
    margin-left: 0
}

a.tabledrag-handle:hover {
    text-decoration: none
}

a.tabledrag-handle .handle {
    width: 14px;
    height: 14px;
    margin: -.4em .5em 0;
    padding: .42em .5em;
    background: url(/core/themes/stable/images/core/icons/787878/move.svg) no-repeat 6px 7px
}

a.tabledrag-handle:hover .handle,
a.tabledrag-handle:focus .handle {
    background-image: url(/core/themes/stable/images/core/icons/000000/move.svg)
}

.touchevents .draggable td {
    padding: 0 10px
}

.touchevents .draggable .menu-item__link {
    display: inline-block;
    padding: 10px 0
}

.touchevents a.tabledrag-handle {
    width: 40px;
    height: 44px
}

.touchevents a.tabledrag-handle .handle {
    height: 21px;
    background-position: 40% 19px
}

[dir=rtl] .touch a.tabledrag-handle .handle {
    background-position: right 40% top 19px
}

.touchevents .draggable.drag a.tabledrag-handle .handle {
    background-position: 50% -32px
}

.tabledrag-toggle-weight-wrapper {
    text-align: right
}

[dir=rtl] .tabledrag-toggle-weight-wrapper {
    text-align: left
}

.indentation {
    float: left;
    width: 20px;
    height: 1.7em;
    margin: -.4em .2em -.4em -.4em;
    padding: .42em 0 .42em .6em
}

[dir=rtl] .indentation {
    float: right;
    margin: -.4em -.4em -.4em .2em;
    padding: .42em .6em .42em 0
}

.tablesort {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100%
}

.tablesort--asc {
    background-image: url(/core/themes/stable/images/core/icons/787878/twistie-down.svg)
}

.tablesort--desc {
    background-image: url(/core/themes/stable/images/core/icons/787878/twistie-up.svg)
}

div.tree-child {
    background: url(/core/themes/stable/images/core/tree.png) no-repeat 11px center
}

div.tree-child-last {
    background: url(/core/themes/stable/images/core/tree-bottom.png) no-repeat 11px center
}

[dir=rtl] div.tree-child,
[dir=rtl] div.tree-child-last {
    background-position: -65px center
}

div.tree-child-horizontal {
    background: url(/core/themes/stable/images/core/tree.png) no-repeat -11px center
}

.sliding-popup-bottom,
.sliding-popup-top {
    z-index: 99999;
    text-align: center
}

.sliding-popup-bottom {
    position: fixed
}

.sliding-popup-top {
    position: relative
}

.eu-cookie-compliance-content {
    margin: 0 auto;
    max-width: 80%;
    display: inline-block;
    text-align: left;
    width: 100%
}

.eu-cookie-compliance-buttons {
    float: right;
    max-width: 40%
}

[dir=rtl] .eu-cookie-compliance-buttons {
    float: left
}

.eu-cookie-compliance-default-button,
.eu-cookie-compliance-secondary-button,
.eu-cookie-compliance-more-button,
.eu-cookie-compliance-hide-button,
.eu-cookie-withdraw-tab {
    cursor: pointer
}

.eu-cookie-compliance-message {
    float: left;
    max-width: 60%
}

.eu-cookie-withdraw-wrapper.sliding-popup-top,
.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-banner {
    transform: scaleY(-1)
}

.eu-cookie-withdraw-tab {
    position: absolute;
    top: 0;
    transform: translate(-50%, -100%);
    left: 50%
}

.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-tab {
    transform: translate(-50%, -100%) scaleY(-1)
}

[dir=rtl] .eu-cookie-compliance-message {
    float: right;
    text-align: right
}

@media screen and (max-width:600px) {
    .eu-cookie-compliance-content {
        max-width: 95%
    }
    .eu-cookie-compliance-message {
        max-width: 100%
    }
    .eu-cookie-compliance-buttons {
        clear: both;
        float: none;
        max-width: 100%
    }
}

svg.ext {
    width: 14px;
    height: 14px;
    padding-right: .2em;
    fill: #727272;
    font-weight: 900
}

svg.mailto {
    width: 14px;
    height: 14px;
    padding-right: .2em;
    fill: #727272
}

svg.ext path,
svg.mailto path {
    stroke: #727272;
    stroke-width: 3
}

@media print {
    svg.ext,
    svg.mailto {
        display: none;
        padding: 0
    }
}

extlink i {
    padding-left: .2em
}

.footer img {
    max-width: 13rem;
}

.corporate {
    padding-top: 20px;
    background-color: var(--c-main-body);
}

.btn-primary {
    border: none;
    border-radius: .45rem;
    box-shadow: 0 0.2rem 0.6rem 0 rgb(0 0 0 / 30%);
    cursor: pointer;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.25;
    outline: none;
    padding: 0.6rem 0.8rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    color: #fff;
    color: var(--c-wht);
    background-color: #0335ff;
    background-color: var(--c-button-default)
}

.btn-danger {
    font-size: 1.4rem;
}

.btn-warning {
    font-size: 1.4rem;
}

.panel {
    font-size: 1em!important;
    color: #4d5366;
}

.panel .btn-primary {
    color: #fff;
}

table,
.table {
    font-size: 1.5rem;
}

.main {
    display: block;
}

#mainBody {
    background-color: var(--c-main-body);
}

[class*=col-] {
    display: block;
}

.row {
    display: block;
}

.modal .panel {
    padding: 0px;
    border: none;
    box-shadow: none;
}

@media (max-width: 576px) {
    .col-xs-12 {
        flex: 0 0 100%;
        max-width: 566px;
    }
}

@media (min-width: 220px) {
    .container {
        max-width: 310px;
    }
}

@media (min-width: 375px) {
    .container {
        max-width: 365px;
    }
}

@media (min-width: 414px) {
    .container {
        max-width: 404px;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 566px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 758px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

.navbar-default .navbar-nav>li>a {
    color: #444;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #111;
}

.btn-link {
    color: #004784;
}

#expression_of_interest_form input[type=checkbox],
#expression_of_interest_form input[type=radio],
#score_expression_of_interest_form input[type=checkbox],
#score_expression_of_interest_form input[type=radio]{
    margin-right:5px;
    margin-left:5px;
}