.govuk-header::after {
    content: "";
    display: block;
    width: 100%;
    margin-top: 8px;
    height: 30px;
    background-color: var(--color-moss, #004e3e);
}

.c-wf-logo,
.c-wf-logo * {
    display: inline-block;
    height: 100%;
    width: 100%
}

.c-wf-logo__img {
    display: inline-block;
    -webkit-mask: url(./client/images/logo.svg) no-repeat center/contain;
    mask: url(./client/images/logo.svg) no-repeat center/contain;
    background-color: var(--logo-color, #000);
    border: 2px solid transparent
}

.c-wf-logo__link {
    display: inline-block;
    padding: 2px
}

.c-wf-logo__link.c-wf-logo__link:hover,
.c-wf-logo__link.c-wf-logo__link:focus,
.c-wf-logo__link.c-wf-logo__link:focus-visible {
    outline: 3px solid transparent;
    background-color: var(--color-dandelion);
    -webkit-box-shadow: 0 -2px var(--color-dandelion), 0 4px #000;
    box-shadow: 0 -2px var(--color-dandelion), 0 4px #000
}

.c-wf-logo__link.c-wf-logo__link:hover .c-wf-logo__img,
.c-wf-logo__link.c-wf-logo__link:focus .c-wf-logo__img,
.c-wf-logo__link.c-wf-logo__link:focus-visible .c-wf-logo__img {
    background-color: #000
}

@media(min-width:576px) {
    .c-wf-logo__link {
        display: block
    }
}

.c-wf-logo--white {
    --logo-color: #fff
}

.c-wf-logo--black {
    --logo-color: #000
}