@charset "UTF-8";

.alt-link-style > *:after, .navigation--alt .navigation__item > *:after {
    font-family: "Line Awesome Free" !important;
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.la-file-zip:before {
    content: "";
}

.alt-link-style, .navigation--alt .navigation__item {
    border-bottom: solid 1px var(--colour-border);
    transition: background 0.4s ease;
}

    .alt-link-style:hover > *:after, .navigation--alt .navigation__item:hover > *:after {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    .alt-link-style > *, .navigation--alt .navigation__item > * {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        padding: var(--spacing-internal);
    }

        .alt-link-style > *:after, .navigation--alt .navigation__item > *:after {
            content: "";
            font-size: 1.2em;
            transition: color 0.4s ease, -webkit-transform 0.4s ease;
            transition: transform 0.4s ease, color 0.4s ease;
            transition: transform 0.4s ease, color 0.4s ease, -webkit-transform 0.4s ease;
            margin-left: auto;
        }

.alt-link-active-style {
    background: var(--colour-accent);
}

    .alt-link-active-style > *:after {
        color: var(--colour-link);
    }

.navigation__item * {
    width: 100%;
    text-align: left;
}

.navigation__item__parent {
    display: -webkit-flex;
    display: flex;
    padding: 10px 0;
    color: currentColor;
}

.keyboard-input .navigation__item__parent:focus {
    box-shadow: 0 0 0 1px currentColor;
    outline: none;
}

.navigation__item__parent__image {
    width: var(--image-width);
    height: var(--image-height);
    margin-right: 20px;
    display: none;
}

    .navigation__item__parent__image picture img {
        -o-object-fit: contain;
        object-fit: contain;
    }

@media (min-width: 768px) {
    .navigation__item__parent {
        cursor: pointer;
    }
}