fieldset.form-item,div.form-item,div.form-actions {
    padding-left: 2em
}

.messages--error {
    color: #d4351c;
    box-shadow: -.3em 0 0 #d4351c
}

.form-item--error {
    box-shadow: -.3em 0 0 #d4351c
}

.form-item--error-message {
    color: #d4351c
}

.form-required::after {
    content: none
}

fieldset.form-composite legend,label.before {
    display: block;
    font-size: 1.6em;
    font-weight: 700;
    padding-bottom: .4em
}

fieldset.form-composite legend span.form-optional-text,label.before span.form-optional-text {
    font-size: .7em;
    font-weight: 400;
    font-style: italic
}

.webform-element-description {
    font-weight: lighter;
    padding-bottom: .4em
}

.form-item input,.form-item optgroup,.facets-widget-dropdown select,.form-item select,.form-item textarea {
    border-style: solid;
    border-width: .106em;
    border-color: inherit;
    border-radius: 0;
    min-height: 2em;
    padding: .3em
}

.form-item input:focus,.form-item optgroup:focus,.facets-widget-dropdown select:focus,.form-item select:focus,.form-item textarea:focus {
    outline: .159em solid #fd0;
    outline-offset: 0;
    -webkit-box-shadow: inset 0 0 0 .106em;
    box-shadow: inset 0 0 0 .106em
}

.form-item input.error:focus,.form-item textarea.error:focus,.form-item select.error:focus {
    border-color: inherit
}

button,html input[type=button],input[type=reset],input[type=submit] {
    font-size: 1.2em;
    border-width: 1px
}

button:focus,html input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus {
    outline: .159em solid #fd0;
    outline-offset: 0
}

.form-item.form-type-radio {
    position: relative;
    padding-left: 2.3em;
    min-height: 2em;
    margin-bottom: .5em
}

.form-item.form-type-radio input[type=radio] {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 2.3em;
    height: 2.3em;
    opacity: 0;
    margin: 0
}

.form-item.form-type-radio label {
    display: inline-block;
    padding: .5em 1em
}

.form-item.form-type-radio label::before {
    content: "";
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 2.3em;
    height: 2.3em;
    border: .106em solid currentColor;
    border-radius: 50%;
    background: 0 0
}

.form-item.form-type-radio label::after {
    content: "";
    position: absolute;
    top: .59em;
    left: .59em;
    width: 0;
    height: 0;
    border: .57em solid currentColor;
    border-radius: 50%;
    opacity: 0;
    background: currentColor
}

.form-item.form-type-radio input:focus+label::before {
    -webkit-box-shadow: 0 0 0 .212em #fd0;
    box-shadow: 0 0 0 .212em #fd0;
    border-width: .212em
}

.form-item.form-type-radio input:checked+label::after {
    opacity: 1
}

.facets-widget-checkbox .facet-item,.form-item.form-type-checkbox {
    position: relative;
    padding-left: 2.3em;
    min-height: 2em;
    margin-bottom: .5em
}

.facets-widget-checkbox .facet-item input[type=checkbox],.form-item.form-type-checkbox input[type=checkbox] {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 2.3em;
    height: 2.2em;
    margin: 0;
    opacity: 0
}

.facets-widget-checkbox .facet-item label,.form-item.form-type-checkbox label {
    display: inline-block;
    padding: .5em 1em
}

.facets-widget-checkbox .facet-item label::before,.form-item.form-type-checkbox label::before {
    content: "";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 2.3em;
    height: 2.3em;
    border: .106em solid currentColor;
    background: 0 0
}

.facets-widget-checkbox .facet-item label::after,.form-item.form-type-checkbox label::after {
    content: "";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: .63em;
    left: .42em;
    width: 1.5em;
    height: .7em;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border: solid;
    border-top-color: currentcolor;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 0 .3em .3em;
    border-top-color: transparent;
    opacity: 0;
    background: 0 0
}

.facets-widget-checkbox .facet-item input:focus+label::before,.form-item.form-type-checkbox input:focus+label::before {
    border-width: .159em;
    -webkit-box-shadow: inset 0 0 0 .159em #fd0;
    box-shadow: inset 0 0 0 .159em #fd0
}

.facets-widget-checkbox .facet-item input:checked+label::after,.form-item.form-type-checkbox input:checked+label::after {
    opacity: 1
}

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--form-tracker {
    background-color: #6b6b6b;
    background-color: var(--c-form-tracker);
    color: #fefefe;
    color: var(--c-muted)
}

.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)
}

.cl-colors__item--secondary-green {
    background-color: #1d7c71;
    background-color: var(--c-secondary-green);
    color: #fefefe;
    color: var(--c-muted)
}

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);
    overflow-x: hidden;
    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
}

.layout .layout__region p:last-of-type:not(:only-of-type) {
    margin-bottom: 0
}

.layout .layout__region ul:last-child {
    margin-bottom: 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);
    top: 50%;
    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);
    top: 50%;
    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);
        top: 50%;
        position: relative;
        transform: none;
        right: auto
    }

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

.text-long .button {
    margin: 1rem 0
}

.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 .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 .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 .form-item__textfield::-moz-placeholder {
    color: #abb4cc;
    color: var(--c-echo-blue)
}

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

.form-item .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-fieldset--no-margin {
    margin-bottom: 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 .form-item__textfield {
        max-width:56.8rem
    }

    .form-item {
        clear: left;
        max-width: 70rem
    }

    .form-date {
        width: auto
    }
}

fieldset.form-item,div.form-item,div.form-actions {
    padding-left: 0
}

.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%
    }
}

.webform-submission-form .webform-has-field-prefix {
    max-width: 56.8rem
}

.webform-submission-form .webform-has-field-prefix .field-prefix,.webform-submission-form .webform-has-field-prefix .form-item__textfield {
    display: inline-block
}

.webform-submission-form .webform-has-field-prefix .field-prefix {
    margin-right: 1rem;
    font-weight: 600;
    font-size: 2.1rem
}

.webform-submission-form .webform-has-field-prefix .form-item__textfield {
    max-width: none;
    width: auto
}

.webform-submission-form input:invalid {
    border: .3 solid #de3d5d;
    border: .3 solid var(--c-cerise)
}

.webform-submission-form input:focus:invalid {
    border: .2 solid #afb6c9;
    border: .2 solid var(--c-form-border)
}

.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-progress-tracker .progress-step .progress-text,.webform-progress-tracker .progress-step:hover .progress-text {
    color: #6b6b6b;
    color: var(--c-form-tracker)
}

.webform-progress-tracker .progress-step .progress-marker::before,.webform-progress-tracker .progress-step:hover .progress-marker::before {
    background-color: #6b6b6b;
    background-color: var(--c-form-tracker)
}

.webform-progress-tracker .progress-step.is-active .progress-marker::before,.webform-progress-tracker .progress-step:hover.is-active .progress-marker::before {
    background-color: #0e35ff;
    background-color: var(--c-blue)
}

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

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

.webform-multiple-table td.webform-multiple-table--operations-two .image-button {
    margin: .2rem
}

.progress-tracker.webform-progress-tracker.progress-tracker {
    margin: 2rem auto
}

.progress-marker::before {
    width: 28px;
    height: 28px;
    line-height: 100%
}

.progress-marker::after {
    top: 12px
}

body .tippy-box {
    font-size: 1.8rem;
    border: solid 1px #c5c5c5;
    color: #333;
    background-color: #fff;
    box-shadow: 0 0 5px #666
}

body .tippy-box .tippy-arrow {
    display: none
}

.webform-multiple-table td input[type=image] {
    min-height: 0
}

.webform-signature-pad button {
    width: 100%
}

.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)
}

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

a:focus,.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
}

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
}

.table__mobile-body {
    display: block
}

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: #e1e5ef
}

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

@media(max-width: 1023px) {
    .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,.responsive--processed th {
        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,fieldset.form-composite legend {
    padding-bottom: 0;
    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,fieldset.form-composite legend {
        font-size:2.4rem
    }
}

h4__link,.h4__link,.heading--small__link,.heading--alt__link,fieldset.form-composite legend__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,fieldset.form-composite legend__link:hover,fieldset.form-composite legend__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-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
}

.layout .layout__region .accordion {
    margin-bottom: 0
}

@media(min-width: 1024px) {
    .layout .layout__region .accordion {
        margin-bottom:1.6rem
    }
}

@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--book img {
    height: 20rem;
    min-height: 20rem;
    width: auto;
    margin: 0 auto
}

.card--book .text-long {
    margin-top: auto
}

@media(min-width: 768px) {
    .card--book img {
        height:14rem;
        min-height: 14rem
    }
}

.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%;
    margin-top: auto
}

.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--consultations {
    font-size: 1.7rem;
    border-bottom-color: #1d7c71;
    border-bottom-color: var(--c-secondary-green)
}

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

.card__consultation-date {
    display: flex;
    justify-content: space-between;
    margin-top: 1.6rem;
    flex-direction: column
}

.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.card--showcase-featured .media:not(.media--type-svg) picture.image {
    max-height: 46rem
}

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

.layout .layout__region .card:not(.card--showcase-featured) {
    margin-bottom: 3.2rem
}

.layout .layout__region.col-md>.card:last-of-type:not(:only-of-type) {
    margin-bottom: 0
}

@media(min-width: 768px) {
    .card__consultation-date {
        flex-direction:row
    }
}

.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;
    text-decoration: none
}

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

.toggle-expand__close,.toggle-expand__open {
    padding-right: 1rem;
    border: solid 2px;
    box-shadow: none
}

.toggle-expand__open {
    border-color: #032dd9;
    color: #032dd9;
    background-color: transparent
}

.toggle-expand__close {
    display: none;
    padding-right: 1rem;
    border-color: #032dd9;
    margin: 0
}

.toggle-expand:focus {
    box-shadow: none
}

.toggle-expand:focus .toggle-expand__open {
    border-color: #ffd420;
    color: #0b2265;
    background-color: #ffd420
}

.toggle-expand:active,.toggle-expand:hover {
    box-shadow: none
}

.toggle-expand:active .toggle-expand__open,.toggle-expand:hover .toggle-expand__open {
    border-color: #032dd9;
    color: #fff;
    background-color: #032dd9
}

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

.toggle-expand--open .toggle-expand__close {
    display: 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;
    background-color: #0724b9;
    background-color: var(--c-klein);
    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: inherit
}

.panel a:hover {
    color: #ffd420;
    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(/cl/img/search-white.svg) 50% 50% no-repeat;
    background: var(--c-blue) url(/cl/img/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
}

.layout .layout__region .section-title {
    margin-top: 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%
}

.layout__region .text-cta {
    padding-top: 1.6rem
}

.layout__region .text-cta .text-long {
    margin-bottom: 0
}

.layout__region .text-cta .text-long p:last-child {
    margin-bottom: 0
}

.layout__region .text-cta .text-long+.button {
    margin-top: 3rem
}

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

.layout .layout__region.col-md-12 .wysiwyg {
    padding-bottom: 2.4rem
}

.layout .layout__region .wysiwyg {
    padding-top: 1.6rem
}

.layout .layout__region .wysiwyg p:last-of-type {
    margin-bottom: 0
}

.layout .layout__region .wysiwyg h2:first-of-type,.layout .layout__region .wysiwyg h3:first-of-type {
    margin-top: 0
}

.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%
    }
}

.consultations-filters {
    margin: 1.6rem 0
}

.consultations-filters .consultations-filters__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
}

.consultations-filters .consultations-filters__heading .heading {
    margin: 0
}

.consultations-filters #edit-reset--3 {
    background-color: transparent;
    box-shadow: none;
    color: #0e35ff;
    color: var(--c-blue);
    font-weight: 600;
    margin: 0;
    text-decoration: none;
    padding: 0;
    width: auto;
    position: absolute;
    right: 1.6rem;
    top: 1.6rem;
    font-size: 1.7rem
}

.consultations-filters #edit-reset--3:hover,.consultations-filters #edit-reset--3:focus {
    text-decoration: underline
}

.consultations-filters .form--optional {
    display: none
}

.consultations-filters .form-item__textfield {
    width: 100%
}

.consultations-filters .form-item select {
    border-color: transparent
}

.consultations-filters .filters-toggle {
    background: 0 0;
    border: 0;
    box-shadow: none;
    color: #0e35ff;
    color: var(--c-blue);
    padding: 0 2rem 0 0;
    position: relative
}

.consultations-filters .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) {
    .consultations-filters .filters-toggle {
        display:none
    }
}

.consultations-filters.filters--open .consultations-filters__content {
    display: block;
    margin: 1.6rem 0
}

.consultations-filters.filters--open .filters-toggle::after {
    transform: rotate(90deg);
    top: 0
}

.consultations-filters .form-item__description {
    font-size: 1.5rem
}

.consultations-filters__content {
    background-color: #fff;
    background-color: var(--c-wht);
    border-radius: .45rem;
    box-shadow: 0 .4rem .8rem 0 rgba(0,0,0,.15);
    justify-self: flex-start;
    margin-bottom: 1.6rem;
    padding: 1.6rem;
    flex-direction: column;
    position: relative;
    display: none
}

@media(min-width: 1024px) {
    .consultations-filters {
        flex-wrap:wrap;
        flex-direction: row;
        gap: 2%
    }

    .consultations-filters .form-item {
        flex-basis: 23.5%
    }

    .consultations-filters .form-action {
        display: flex;
        align-items: flex-end;
        gap: 3.2rem;
        margin-left: auto
    }

    .consultations-filters #edit-reset--3 {
        top: 0;
        transform: translateY(-50%);
        position: relative
    }

    .consultations-filters .form-item--entity_autocomplete__item {
        margin-bottom: 0;
        flex-basis: 28%
    }

    .consultations-filters__content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2%;
        align-items: flex-end;
        padding: 3.2rem
    }

    .consultations-filters__heading {
        width: 100%
    }
}

.consultations-sort {
    margin-bottom: 3.2rem
}

.consultations-sort .form-item--select__item {
    display: flex;
    align-items: center;
    gap: 1rem
}

.consultations-sort label {
    margin: 0
}

.consultations-sort .form-item__dropdown {
    min-width: 16.4rem;
    border: 0
}

.consultations-sort .form--optional {
    display: none
}

.consultations-sort select {
    background-color: #fff;
    background-color: var(--c-wht);
    border: .1rem solid #afb6c9;
    border: .1rem solid var(--c-form-border);
    border-radius: .45rem
}

.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)
}

.layout__region .expanding-list {
    margin: 3.2rem 0 0
}

.featured-list {
    padding: 1.6rem 0
}

.layout__region .featured-list {
    padding: 0
}

.layout__region .featured-list ol {
    margin-bottom: 0
}

.feedback-form {
    background-color: #ffd420;
    background-color: var(--c-sunglow);
    border-radius: .45rem;
    color: #4d5366;
    color: var(--c-text);
    padding: .5rem 2rem;
    transform: translateY(50%)
}

.feedback-form .button--link {
    background-color: transparent;
    border: 0;
    text-decoration: underline
}

.feedback-form .link {
    color: #4d5366;
    color: var(--c-text);
    padding: .2rem;
    line-height: 1.2
}

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

.feedback-form .link:focus {
    background-color: #4d5366;
    background-color: var(--c-text);
    color: #fff;
    color: var(--c-text-inverse)
}

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

.layout .layout__region .figures--icon {
    padding: 0
}

.layout .layout__region .figures+.figures {
    margin-top: -1.6rem
}

.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--view-mode-homepage-header>div {
        width: 100%
    }

    .homepage-header .homepage-header__image .media,.homepage-header .homepage-header__image .image {
        display: flex;
        align-items: center;
        height: 100%;
        width: 100%;
        position: static
    }
}

@media(min-width: 2160px) {
    .homepage-header__image .media--view-mode-homepage-header-right,.homepage-header__image .media--view-mode-homepage-header-right .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
}

.layout__region .page-title--text-header .page-title__content-wrapper {
    padding: 0
}

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

.layout__region .localgov-media-grid {
    margin: 0
}

.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 {
    align-items: stretch;
    flex-direction: column
}

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

.layout .layout__region .promo-content {
    margin: 0
}

@media(min-width: 768px) {
    .promo-content {
        flex-direction:row
    }

    .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%
    }

    .layout .layout__region .promo-content .promo-content--others__items {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

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

.layout .layout__region .showcase {
    padding: 0
}

.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 {
        padding-top:1.6rem
    }

    .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: 13rem
}

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

.layout .layout__region .text-and-media p:last-of-type {
    margin-bottom: 0
}

.layout .layout__region .text-and-media+.text-and-media {
    padding-top: 0
}

@media(min-width: 1024px) {
    .layout .layout__region .text-and-media+.text-and-media {
        padding-top:3.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
}

.layout .layout__region .top-tasks {
    margin: 0
}

.layout .layout__region .section-title+.localgov-top-tasks {
    margin-top: 3.2rem
}

@media(min-width: 1024px) {
    .top-tasks {
        margin-bottom:1.6rem
    }

    .top-tasks .cta {
        margin-bottom: 3.2rem
    }
}

.main {
    margin-bottom: 4em
}

@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 {
    font-size: 1.7rem
}

@media(min-width: 768px) {
    .event__information .text-long {
        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-wht: #fff;
    --c-off-white: #fefefe;
    --c-grey: #c5ccd5;
    --c-dark-grey: #4d5366;
    --c-blk: #000;
    --c-near-black: #161616;
    --c-form-bg: #e9edf2;
    --c-form-border: #afb6c9;
    --c-form-tracker: #6b6b6b;
    --c-background: #f3f6fa;
    --c-brand: #0b2265;
    --c-brand-dark: #181b23;
    --c-text: #4d5366;
    --c-text-inverse: #fff;
    --c-background-section: #f3f6fa;
    --c-blue: #0e35ff;
    --c-button-default: #0335ff;
    --c-button-highlight: #032DD9;
    --c-klein: #0724B9;
    --c-sunglow: #ffd420;
    --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: #f3f6fa;
    --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: #ffd420;
    --c-dark-blue: #071747;
    --c-status-dark-green: #00851F;
    --c-status-green: #B8FBC7;
    --c-status-grey: #B1B5C2;
    --c-table-border: #A5ADC6;
    --c-secondary-green: #1d7c71
}