.nidirect-footer {
    background-color: #f3f2f1;
    height: auto;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 15px;
    border-top: 1px solid #e6e6e6;
    font-family: GDS Transport, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1428571429
}

@media(min-width: 40.0625em) {
    .nidirect-footer {
        padding-top: 30px
    }
}

@media(min-width: 40.0625em) {
    .nidirect-footer {
        padding-bottom: 25px
    }
}

@media print {
    .nidirect-footer {
        font-family: sans-serif
    }
}

@media(min-width: 40.0625em) {
    .nidirect-footer {
        font-size: 1rem;
        line-height: 1.25
    }
}

@media print {
    .nidirect-footer {
        font-size: 14pt;
        line-height: 1.2
    }
}

.nidirect-footer__list {
    list-style: none;
    padding: 0;
    margin: 0
}

    .nidirect-footer__list li {
        display: block;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 10px;
        margin-right: 10px;
        margin-bottom: 15px;
        border-right-width: 0;
        border-right-style: none
    }

@media(min-width: 40.0625em) {
    .nidirect-footer__list li {
        display: inline-block;
        border-right: 1px solid #555
    }
}

.nidirect-footer__list li:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right-width: 0;
    border-right-style: none
}

.nidirect-header {
    position: relative;
    background-color: #0a78cd;
    color: #fff;
    font-family: GDS Transport, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1428571429
}

@media print {
    .nidirect-header {
        font-family: sans-serif
    }
}

@media(min-width: 40.0625em) {
    .nidirect-header {
        font-size: 1rem;
        line-height: 1.25
    }
}

@media print {
    .nidirect-header {
        font-size: 14pt;
        line-height: 1.2
    }
}

.nidirect-header__container {
    position: relative
}

@media(min-width: 48.0625em) {
    .nidirect-header__container {
        display: flex;
        justify-content: space-between
    }
}

.nidirect-header__logo {
    border: 0;
    height: 2rem;
    margin: 0;
    display: inline-block;
    padding: .6875rem 0;
    margin-right: 20px
}

@media(min-width: 40.0625em) {
    .nidirect-header__logo {
        padding: .875rem 0
    }
}

.nidirect-header__navigation {
    margin-bottom: 0 !important
}

.govuk-header__menu-button {
    top: 1.25rem !important
}

.nidirect-header__navigation-item {
    padding: 1rem;
    margin: 0;
    border: 0
}

    .nidirect-header__navigation-item a {
        white-space: normal
    }

        .nidirect-header__navigation-item a:link, .nidirect-header__navigation-item a:hover, .nidirect-header__navigation-item a:active, .nidirect-header__navigation-item a:visited {
            color: #fff
        }

        .nidirect-header__navigation-item a:focus {
            background-color: #fd0;
            color: #000
        }

@media(min-width: 48.0625em) {
    .nidirect-header__navigation-item {
        padding: 1.25rem 1rem;
        margin: 0
    }
}

li.nidirect-header__navigation-item:last-child {
    margin-bottom: .5rem
}

@media(min-width: 48.0625em) {
    li.nidirect-header__navigation-item:last-child {
        margin-bottom: 0
    }
}

.nidirect-header__navigation-item--active {
    background-color: #032f50;
    border-left: 4px solid;
    padding-left: calc(1rem - 4px)
}

@media(min-width: 48.0625em) {
    .nidirect-header__navigation-item--active {
        border-left: 0;
        border-bottom: 4px solid !important;
        padding-bottom: calc(1.25rem - 4px)
    }
}

.nidirect-header__servicename {
    background-color: #e6e6e6;
    padding: 1.125rem 0;
    display: block;
    border-bottom: 1px solid #e6e6e6;
    font-family: GDS Transport, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.1111111111;
    color: #0867af
}

@media print {
    .nidirect-header__servicename {
        font-family: sans-serif
    }
}

@media(min-width: 40.0625em) {
    .nidirect-header__servicename {
        font-size: 1.6875rem;
        line-height: 1.1111111111
    }
}

@media print {
    .nidirect-header__servicename {
        font-size: 18pt;
        line-height: 1.15
    }
}

.nidirect-element {
    color: #900b18
}

.nidirect-selector {
    color: #1d8000
}

.nidirect-attribute {
    color: #005ea5
}

pre {
    background-color: #f5f5f5;
    border: 1px solid rgba(0,0,0,0);
    color: #000;
    line-height: 1.5;
    white-space: pre;
    overflow-x: scroll;
    padding: 1rem
}

.snippet-link {
    text-decoration: underline;
    color: #00e
}

pre.language-markup {
    white-space: pre-wrap;
    word-wrap: break-word;
    padding-left: 2.5em;
    position: relative
}

code.language-markup {
    counter-reset: code-line-number
}

pre.language-markup code.language-markup span.nidirect-codeLine {
    margin-right: .75em;
    width: 2em;
    text-align: right;
    position: absolute;
    left: 0;
    color: #647178
}

    pre.language-markup code.language-markup span.nidirect-codeLine::before {
        counter-increment: code-line-number;
        content: counter(code-line-number) " "
    }

.nidirect-uxg--image {
    display: block;
    width: 100%
}