// Top Nav - Main
// Left Nav - Main
// Right Nav - used sparingly
// Bottom Nav - used sparingly

// Layout Settings
.gds-nav__top,
.gds-nav__bottom {
    width: 100%;
    max-width: 100vw;
    position: relative;
    background: white;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;

    & > * {
        flex-grow: 1;
    }
}

.gds-nav__top {
    box-shadow: 0px 0.5px 0.5px rgba(0, 0, 0, 0.16);
}

.gds-nav__bottom {
    box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1);
}

.gds-nav__side {
    width: 12rem;
    height: 100%;
    overflow: visible;
    background: var(--colorBG);
    display: flex;
    flex-direction: column;
    & > * {
        flex-grow: 1;
    }
}

.gds-nav__top {
    border-bottom: 1px solid rgb(241, 241, 241);
}

.gds-app-layout__left.gds-nav__side {
    border-right: 1px solid rgb(241, 241, 241);
}

.gds-app-layout__right.gds-nav__side {
    border-left: 1px solid rgb(241, 241, 241);
}

// In line on page - typically contains breadcrumb but sometimes other action items
.gds-nav__main {
    // background: red;
}

// For Mobile Side Nav Views
@media (max-width: $tablet) {
    .gds-app-layout__left.gds-nav__side {
        min-width: 12rem;
        width: 50%;
        box-shadow: 0.25rem 0px 0.75rem rgba(0, 0, 0, 0.16);
        z-index: $z-index-9;
        .gds-nav__logo {
            margin: 0 auto;
        }
    }

    .gds-app-layout__right.gds-nav__side {
        min-width: 12rem;
        width: 50%;
        box-shadow: -0.25rem 0px 0.75rem rgba(0, 0, 0, 0.16);
        z-index: $z-index-9;
        .gds-nav__logo {
            margin: 0 auto;
        }
    }
}

// gds-nav__link - the wrapper
// gds-nav__link-icon - optional
// gds-nav__link-text - hides on collapsed
.gds-nav__link,
.gds-nav__link-sub,
.gds-nav__logo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: none;
    border: none;
    width: 100%;
    height: 100%;
    padding: 1.2rem 1rem;
    cursor: pointer;
    color: $grayDark5Color;
    font-family: $pri-font-regular;
    font-size: 0.875rem;
    font-weight: $font-weight-bold;
    line-height: 1;
    text-align: left;
    outline-style: none;

    &:hover {
        color: $primaryDark3Color;
        background-color: none;
        box-shadow: inset 0px -2px 0px $primaryDark1Color;
    }

    &:active,
    &:focus {
        background-color: $gg-light-1;
    }

    &:active {
        color: $primaryDark5Color;
    }

    &-icon {
        margin-right: 0.6rem;
    }

    &-text {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-family: $pri-font-regular;
        font-size: 0.875rem;
        font-weight: $font-weight-bold;
        line-height: 1;
    }
}

.gds-nav__link-sub {
    border-radius: $border-radius;
    padding: 0.8rem 1rem;

    &:hover {
        color: $primaryDark5Color;
        background-color: $primaryLight5Color;
        box-shadow: none;
    }

    // icon
    &-icon {
        margin-right: 0.6rem;
    }
}

.gds-nav__icon {
    height: 2.25rem;
    width: 2.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 100%;
    text-align: center;
    cursor: pointer;
    background: none;
    color: $grayDark5Color;
    outline: none;

    &:hover,
    &:focus {
        color: $grayDark3Color;
        background-color: $grayLight1Color;
    }

    &:active {
        color: $primaryDark5Color;
        background-color: $primaryLight5Color;
    }
}

// Close and Menu Icons
.gds-nav__close-wrapper {
    flex-grow: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 3rem;
    padding: 1rem;
}

.gds-nav__close,
.gds-nav__menu {
    flex-grow: 0;
    height: 1rem;
    width: 1rem;
    border: none;
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOC4yIDE4LjIiPjxsaW5lIHgxPSIwLjYxIiB5MT0iMC42MSIgeDI9IjE3LjU4IiB5Mj0iMTcuNTgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI5MjkyOSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEuNzMiLz48bGluZSB4MT0iMTcuNTgiIHkxPSIwLjYxIiB4Mj0iMC42MSIgeTI9IjE3LjU4IiBmaWxsPSJub25lIiBzdHJva2U9IiMyOTI5MjkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjczIi8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    opacity: 0.5;
    outline: none;

    &:hover,
    &:focus {
        opacity: 0.8;
    }
    &:active {
        opacity: 1;
    }
}
.gds-nav__menu {
    width: 1.5rem;
    margin-left: 1rem;
    margin-right: 1rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAxNy43MyI+PGxpbmUgeTE9IjAuODciIHgyPSIyNCIgeTI9IjAuODciIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI5MjkyOSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEuNzMiLz48bGluZSB5MT0iOC44NyIgeDI9IjI0IiB5Mj0iOC44NyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjkyOTI5IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMS43MyIvPjxsaW5lIHkxPSIxNi44NyIgeDI9IjI0IiB5Mj0iMTYuODciIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI5MjkyOSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEuNzMiLz48L3N2Zz4=);
}

// Icon Only Link
.gds-nav__icons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    > .gds-nav__link {
        flex: 0;
        padding: 1.2rem 0.5rem;
        // background: pink;
    }
}

.gds-nav__top,
.gds-nav__bottom {
    .gds-nav__icons {
        flex-wrap: nowrap;
        padding: 0 1rem;
    }
}

.gds-nav {
    &__item {
        flex-grow: 1;
    }

    &__item--grow-0 {
        flex-grow: 0;
    }

    &__links {
        display: flex;
        align-items: center;
        flex-flow: row wrap;
        position: relative;
        // background: purple;
    }

    &__links-sub {
        display: none;
    }

    // Works on hover and with active class (requires JS to toggle)

    &__links--sub-wrapper--active > &__links-sub,
    &__links--sub-wrapper:hover > &__links-sub {
        display: inline-block;
        position: absolute;
        background: #fff;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
        border-radius: $border-radius;
        top: 2.8rem;
        left: 0;
        z-index: $z-index-4;
        height: auto;
        width: max-content;
        padding: 0.75rem;
        font: inherit;
    }
}

// Links in Side Navs
.gds-nav__side .gds-nav__links {
    width: 100%;
    display: inline-block;
}

.gds-app-layout__left.gds-nav__side .gds-nav__link {
    padding: 0.75rem 1rem;
    &:hover {
        box-shadow: inset -2px 0 0px $primaryDark1Color;
    }
}

.gds-app-layout__right.gds-nav__side .gds-nav__link {
    padding: 0.75rem 1rem;
    &:hover {
        box-shadow: inset 2px 0 0px $primaryDark1Color;
    }
}

// Links in Collapsed Side Nav

.gds-nav__side {
    .gds-nav__icons {
        padding: 1rem 0;
    }

    @media (min-width: $tablet) {
        &--collapsed {
            width: fit-content;
            max-width: 3.25rem;

            .gds-nav__title {
                display: none;
            }

            .gds-nav__logo:empty {
                flex-grow: 0;
                // Mark Icon
                background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMDguMSAxMDcuNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTA4LjEgMTA3LjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOnVybCgjU1ZHSURfMV8pO30NCjwvc3R5bGU+DQo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAiIHkxPSI1My43MzU1IiB4Mj0iMTA4LjE0MjYiIHkyPSI1My43MzU1Ij4NCgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMDBDRTdDIi8+DQoJPHN0b3AgIG9mZnNldD0iMC45OTg0IiBzdHlsZT0ic3RvcC1jb2xvcjojNEFDMUUwIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTg2LjksMEg1My44QzQyLjEsMCwzMi42LDkuNSwzMi42LDIxLjJ2MzguM2MwLDAuMSwwLDAuMiwwLDAuM0MzMi4zLDYwLDMyLDYwLDMxLjcsNjBsLTE1LjQsMA0KCUM3LjMsNjAsMCw2Ny4zLDAsNzYuM3YxNC45YzAsOSw3LjMsMTYuMywxNi4zLDE2LjNoMTQuOWM5LDAsMTYuMy03LjMsMTYuMy0xNi4zVjc2LjNsMC0wLjFjMC0wLjIsMC4xLTAuNCwwLjEtMC41DQoJYzAuMSwwLDAuNC0wLjEsMC45LTAuMWgzOC40YzExLjcsMCwyMS4yLTkuNSwyMS4yLTIxLjJWMjEuMkMxMDguMSw5LjUsOTguNiwwLDg2LjksMHogTTkzLjIsMjEuMnYzMy4xYzAsMy41LTIuOCw2LjMtNi4zLDYuM0g0OC41DQoJYy0wLjQsMC0wLjcsMC0xLDBjMC0wLjMsMC0wLjYsMC0wLjlWMjEuMmMwLTMuNSwyLjgtNi4zLDYuMy02LjNoMzMuMUM5MC40LDE0LjksOTMuMiwxNy43LDkzLjIsMjEuMnogTTMyLjYsNzQuOQ0KCWMtMC4xLDAuNi0wLjEsMS4yLTAuMSwxLjV2MTQuN2MwLDAuOC0wLjcsMS40LTEuNCwxLjRIMTYuM2MtMC44LDAtMS40LTAuNy0xLjQtMS40Vjc2LjNjMC0wLjgsMC43LTEuNCwxLjQtMS40bDE0LjUsMA0KCUMzMS4zLDc0LjksMzIsNzQuOSwzMi42LDc0Ljl6Ii8+DQo8L3N2Zz4NCg==);
                background-size: fill;
                width: 3.25rem;
                margin: 0.5rem 0;
            }

            .gds-nav__logo:empty::after {
                content: ' ';
            }

            .gds-nav__link {
                position: relative;

                > .gds-nav__link-text {
                    display: none;
                }
                > .gds-nav__link-icon {
                    font-size: 1rem;
                    margin-right: 0;
                }
            }

            // turn link text into a tooltip
            .gds-nav__link:hover,
            .gds-nav__link:focus {
                > .gds-nav__link-text {
                    font-size: 0.75rem;
                    font-family: $pri-font;
                    font-weight: $font-weight-light;
                    padding: 0.25rem;
                    border-radius: 0.25rem;
                    display: inline-block;
                    position: absolute;
                    width: max-content;
                    top: 50%;
                    left: 110%;
                    transform: translateY(-50%);
                    z-index: 1000000;
                    background: $grayDark2Color;
                    color: white;
                }
            }
        }
    }
}

// Logo
.gds-nav__logo {
    flex-grow: 0;
    width: fit-content;
    line-height: 0;
    box-shadow: none;
    &:empty {
        flex-grow: 0;
        display: inline-block;
        // Logo Data Image
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2MzIuOTcgMTk3LjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYzMi45NyAxOTcuOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzU2NTk1OTt9DQoJLnN0MXtmaWxsOnVybCgjU1ZHSURfMV8pO30NCjwvc3R5bGU+DQo8Zz4NCgk8Zz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS4yOSwxODQuMjhjMS4zOS0zLjA2LDMuNzEtNC4wNiw2Ljk0LTMuMDFjNC40NSwxLjY2LDguOTQsMi40OSwxMy40OCwyLjQ5YzUuNTgsMCwxMC4xMi0xLjMxLDEzLjYxLTMuOTMNCgkJCQljMy40OS0yLjYyLDUuMjQtNi43Miw1LjI0LTEyLjN2LTQuOTdsMC4yNi0zLjRoLTAuMjZjLTMuODQsNi42My05Ljk1LDkuOTUtMTguMzIsOS45NWMtOS40MiwwLTE2LjgyLTMuMjMtMjIuMTktOS42OQ0KCQkJCUMyLjY4LDE1Mi45NiwwLDE0NC44OSwwLDEzNS4yYzAtOS42LDIuNjItMTcuNTIsNy44NS0yMy43NmM1LjI0LTYuMjQsMTIuNjUtOS4zNiwyMi4yNS05LjM2YzIuODgsMCw1LjU0LDAuMzUsNy45OCwxLjA1DQoJCQkJYzIuNDQsMC43LDQuMzYsMS41NSw1Ljc2LDIuNTVjMS4zOSwxLDIuNTcsMi4wMSwzLjUzLDMuMDFjMC45NiwxLDEuNjEsMS44NSwxLjk2LDIuNTVsMC41MiwxLjA1aDAuMjYNCgkJCQljLTAuMDktMC40NC0wLjEzLTEtMC4xMy0xLjd2LTIuNDljMC0xLjMxLDAuNDYtMi4zOCwxLjM3LTMuMjFjMC45Mi0wLjgzLDIuMjUtMS4yNCwzLjk5LTEuMjRoNC40NWMzLjU4LDAsNS4zNywxLjgzLDUuMzcsNS41DQoJCQkJdjU3LjJjMCwxMC41Ni0zLjQzLDE4LjQ2LTEwLjI3LDIzLjY5Yy02Ljg1LDUuMjQtMTQuOTQsNy44NS0yNC4yOCw3Ljg1Yy03LjUxLDAtMTQuMDEtMS4xOC0xOS41LTMuNTMNCgkJCQljLTMuMzItMS40LTQuMjgtMy43NS0yLjg4LTcuMDdMOS4yOSwxODQuMjh6IE0zMy41MSwxNTUuMWM0LjQ1LDAsOC4xNC0xLjUzLDExLjA2LTQuNThjMi45Mi0zLjA1LDQuMzktOC4wMyw0LjM5LTE0LjkyDQoJCQkJYzAtMTIuOTEtNS40MS0xOS4zNy0xNi4yMy0xOS4zN2MtNS4wNiwwLTguOTksMS42Ni0xMS43OCw0Ljk3Yy0yLjc5LDMuMzItNC4xOSw3Ljc3LTQuMTksMTMuMzVjMCw2LjIsMS40OCwxMS4xNyw0LjQ1LDE0LjkyDQoJCQkJQzI0LjE3LDE1My4yMiwyOC4yNywxNTUuMSwzMy41MSwxNTUuMXoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03OS40NSwxNDYuNTl2LTM3LjQzYzAtMy42NiwxLjgzLTUuNSw1LjUtNS41aDUuNjNjMy42NiwwLDUuNSwxLjgzLDUuNSw1LjV2MzQuMDMNCgkJCQljMCw0LjQ1LDAuNzYsNy44MywyLjI5LDEwLjE0YzEuNTMsMi4zMSw0LjIxLDMuNDcsOC4wNSwzLjQ3YzUuNzYsMCwxMC4zMi0yLjE4LDEzLjY4LTYuNTRjMy4zNi00LjM2LDUuMDQtOS42OSw1LjA0LTE1Ljk3DQoJCQkJdi0yNS4xM2MwLTMuNjYsMS44My01LjUsNS41LTUuNWg1LjYzYzMuNjcsMCw1LjUsMS44Myw1LjUsNS41djU1Ljc2YzAsMy42Ni0xLjgzLDUuNS01LjUsNS41aC01LjFjLTMuNTgsMC01LjM3LTEuODMtNS4zNy01LjUNCgkJCQl2LTMuOTNsMC4yNi0zLjAxaC0wLjI2Yy0xLjc1LDMuNzUtNC43MSw3LjAzLTguOSw5LjgyYy00LjE5LDIuNzktOC45NSw0LjE5LTE0LjI3LDQuMTlDODcuMTcsMTcxLjk4LDc5LjQ1LDE2My41Miw3OS40NSwxNDYuNTl6DQoJCQkJIi8+DQoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTU2LjgsMTY0Ljkxdi01NS43NmMwLTMuNjYsMS43OS01LjUsNS4zNy01LjVoNS4xYzMuNTgsMCw1LjM3LDEuODMsNS4zNyw1LjV2NC4wNmwtMC4yNiwzLjAxaDAuMjYNCgkJCQljMS44My0zLjc1LDQuNzMtNy4wNSw4LjctOS44OGMzLjk3LTIuODMsOC4zNS00LjI1LDEzLjE1LTQuMjVjMTAuMjEsMCwxNi43MSw0LjU4LDE5LjUsMTMuNzRoMC4yNmMxLjkyLTMuNzUsNC45NS02Ljk4LDkuMS05LjY5DQoJCQkJYzQuMTQtMi43LDguNy00LjA2LDEzLjY4LTQuMDZjMTQuNTcsMCwyMS44Niw4LjQ2LDIxLjg2LDI1LjM5djM3LjQzYzAsMy42Ni0xLjgzLDUuNS01LjUsNS41aC01LjYzYy0zLjY3LDAtNS41LTEuODMtNS41LTUuNQ0KCQkJCXYtMzQuMjljMC00LjM2LTAuNjMtNy42OC0xLjktOS45NWMtMS4yNy0yLjI3LTMuNjktMy40LTcuMjYtMy40Yy01LjMyLDAtOS40OSwyLjI5LTEyLjUsNi44N2MtMy4wMSw0LjU4LTQuNTIsMTAuMDEtNC41MiwxNi4zDQoJCQkJdjI0LjQ4YzAsMy42Ni0xLjc5LDUuNS01LjM3LDUuNWgtNS43NmMtMy42NywwLTUuNS0xLjgzLTUuNS01LjV2LTM0LjI5YzAtNC4yNy0wLjU5LTcuNTctMS43Ny05Ljg4DQoJCQkJYy0xLjE4LTIuMzEtMy41Ni0zLjQ3LTcuMTMtMy40N2MtNS41LDAtOS43NSwyLjMxLTEyLjc2LDYuOTRjLTMuMDEsNC42My00LjUyLDEwLjA0LTQuNTIsMTYuMjN2MjQuNDhjMCwzLjY2LTEuNzksNS41LTUuMzcsNS41DQoJCQkJaC01Ljc2QzE1OC41OSwxNzAuNDEsMTU2LjgsMTY4LjU4LDE1Ni44LDE2NC45MXoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNzguNTMsMTg0LjI4YzEuMzktMy4wNiwzLjcxLTQuMDYsNi45NC0zLjAxYzQuNDUsMS42Niw4Ljk0LDIuNDksMTMuNDgsMi40OWM1LjU4LDAsMTAuMTItMS4zMSwxMy42MS0zLjkzDQoJCQkJYzMuNDktMi42Miw1LjI0LTYuNzIsNS4yNC0xMi4zdi00Ljk3bDAuMjYtMy40aC0wLjI2Yy0zLjg0LDYuNjMtOS45NSw5Ljk1LTE4LjMyLDkuOTVjLTkuNDIsMC0xNi44Mi0zLjIzLTIyLjE5LTkuNjkNCgkJCQljLTUuMzctNi40Ni04LjA1LTE0LjUzLTguMDUtMjQuMjFjMC05LjYsMi42Mi0xNy41Miw3Ljg1LTIzLjc2YzUuMjQtNi4yNCwxMi42NS05LjM2LDIyLjI1LTkuMzZjMi44OCwwLDUuNTQsMC4zNSw3Ljk4LDEuMDUNCgkJCQljMi40NCwwLjcsNC4zNiwxLjU1LDUuNzYsMi41NWMxLjM5LDEsMi41NywyLjAxLDMuNTMsMy4wMWMwLjk2LDEsMS42MSwxLjg1LDEuOTYsMi41NWwwLjUyLDEuMDVoMC4yNg0KCQkJCWMtMC4wOS0wLjQ0LTAuMTMtMS0wLjEzLTEuN3YtMi40OWMwLTEuMzEsMC40Ni0yLjM4LDEuMzctMy4yMWMwLjkyLTAuODMsMi4yNS0xLjI0LDMuOTktMS4yNGg0LjQ1YzMuNTgsMCw1LjM3LDEuODMsNS4zNyw1LjUNCgkJCQl2NTcuMmMwLDEwLjU2LTMuNDMsMTguNDYtMTAuMjcsMjMuNjljLTYuODUsNS4yNC0xNC45NCw3Ljg1LTI0LjI4LDcuODVjLTcuNTEsMC0xNC4wMS0xLjE4LTE5LjUtMy41Mw0KCQkJCWMtMy4zMi0xLjQtNC4yOC0zLjc1LTIuODgtNy4wN0wyNzguNTMsMTg0LjI4eiBNMzAyLjc0LDE1NS4xYzQuNDUsMCw4LjE0LTEuNTMsMTEuMDYtNC41OGMyLjkyLTMuMDUsNC4zOS04LjAzLDQuMzktMTQuOTINCgkJCQljMC0xMi45MS01LjQxLTE5LjM3LTE2LjIzLTE5LjM3Yy01LjA2LDAtOC45OSwxLjY2LTExLjc4LDQuOTdjLTIuNzksMy4zMi00LjE5LDcuNzctNC4xOSwxMy4zNWMwLDYuMiwxLjQ4LDExLjE3LDQuNDUsMTQuOTINCgkJCQlDMjkzLjQxLDE1My4yMiwyOTcuNTEsMTU1LjEsMzAyLjc0LDE1NS4xeiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM0OC42OCwxNDYuNTl2LTM3LjQzYzAtMy42NiwxLjgzLTUuNSw1LjUtNS41aDUuNjNjMy42NiwwLDUuNSwxLjgzLDUuNSw1LjV2MzQuMDMNCgkJCQljMCw0LjQ1LDAuNzYsNy44MywyLjI5LDEwLjE0YzEuNTMsMi4zMSw0LjIxLDMuNDcsOC4wNSwzLjQ3YzUuNzYsMCwxMC4zMi0yLjE4LDEzLjY4LTYuNTRjMy4zNi00LjM2LDUuMDQtOS42OSw1LjA0LTE1Ljk3DQoJCQkJdi0yNS4xM2MwLTMuNjYsMS44My01LjUsNS41LTUuNWg1LjYzYzMuNjcsMCw1LjUsMS44Myw1LjUsNS41djU1Ljc2YzAsMy42Ni0xLjgzLDUuNS01LjUsNS41aC01LjFjLTMuNTgsMC01LjM3LTEuODMtNS4zNy01LjUNCgkJCQl2LTMuOTNsMC4yNi0zLjAxaC0wLjI2Yy0xLjc1LDMuNzUtNC43MSw3LjAzLTguOSw5LjgyYy00LjE5LDIuNzktOC45NSw0LjE5LTE0LjI3LDQuMTkNCgkJCQlDMzU2LjQxLDE3MS45OCwzNDguNjgsMTYzLjUyLDM0OC42OCwxNDYuNTl6Ii8+DQoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI2LjA0LDE2NC45MXYtNTUuNzZjMC0zLjY2LDEuNzktNS41LDUuMzctNS41aDUuMWMzLjU4LDAsNS4zNywxLjgzLDUuMzcsNS41djQuMDZsLTAuMjYsMy4wMWgwLjI2DQoJCQkJYzEuODMtMy43NSw0LjczLTcuMDUsOC43LTkuODhjMy45Ny0yLjgzLDguMzUtNC4yNSwxMy4xNS00LjI1YzEwLjIxLDAsMTYuNzEsNC41OCwxOS41LDEzLjc0aDAuMjZjMS45Mi0zLjc1LDQuOTUtNi45OCw5LjEtOS42OQ0KCQkJCWM0LjE0LTIuNyw4LjctNC4wNiwxMy42OC00LjA2YzE0LjU3LDAsMjEuODYsOC40NiwyMS44NiwyNS4zOXYzNy40M2MwLDMuNjYtMS44Myw1LjUtNS41LDUuNWgtNS42M2MtMy42NywwLTUuNS0xLjgzLTUuNS01LjUNCgkJCQl2LTM0LjI5YzAtNC4zNi0wLjYzLTcuNjgtMS45LTkuOTVjLTEuMjctMi4yNy0zLjY5LTMuNC03LjI2LTMuNGMtNS4zMiwwLTkuNDksMi4yOS0xMi41LDYuODdjLTMuMDEsNC41OC00LjUyLDEwLjAxLTQuNTIsMTYuMw0KCQkJCXYyNC40OGMwLDMuNjYtMS43OSw1LjUtNS4zNyw1LjVoLTUuNzZjLTMuNjcsMC01LjUtMS44My01LjUtNS41di0zNC4yOWMwLTQuMjctMC41OS03LjU3LTEuNzctOS44OA0KCQkJCWMtMS4xOC0yLjMxLTMuNTYtMy40Ny03LjEzLTMuNDdjLTUuNSwwLTkuNzUsMi4zMS0xMi43Niw2Ljk0Yy0zLjAxLDQuNjMtNC41MiwxMC4wNC00LjUyLDE2LjIzdjI0LjQ4YzAsMy42Ni0xLjc5LDUuNS01LjM3LDUuNQ0KCQkJCWgtNS43NkM0MjcuODMsMTcwLjQxLDQyNi4wNCwxNjguNTgsNDI2LjA0LDE2NC45MXoiLz4NCgkJPC9nPg0KCTwvZz4NCgk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUyNC44MjYyIiB5MT0iNTMuNzM1NSIgeDI9IjYzMi45Njg5IiB5Mj0iNTMuNzM1NSI+DQoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMENFN0MiLz4NCgkJPHN0b3AgIG9mZnNldD0iMC45OTg0IiBzdHlsZT0ic3RvcC1jb2xvcjojNEFDMUUwIi8+DQoJPC9saW5lYXJHcmFkaWVudD4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjExLjcyLDBoLTMzLjA3Yy0xMS43MSwwLTIxLjI0LDkuNTMtMjEuMjQsMjEuMjV2MzguMzVjMCwwLjE0LTAuMDEsMC4yNS0wLjAyLDAuMzQNCgkJYy0wLjI1LDAuMDUtMC42LDAuMDktMC44OCwwLjA4bC0xNS4zNy0wLjAzYy05LDAtMTYuMzIsNy4zMi0xNi4zMiwxNi4zMnYxNC44NmMwLDksNy4zMiwxNi4zMiwxNi4zMiwxNi4zMkg1NTYNCgkJYzksMCwxNi4zMi03LjMyLDE2LjMyLTE2LjMyVjc2LjI2bC0wLjAxLTAuMDdjMC4wMS0wLjE3LDAuMDYtMC40LDAuMTEtMC41NGMwLjE0LTAuMDQsMC40My0wLjA5LDAuOS0wLjA5aDM4LjQNCgkJYzExLjcxLDAsMjEuMjQtOS41MywyMS4yNC0yMS4yNVYyMS4yNUM2MzIuOTcsOS41Myw2MjMuNDQsMCw2MTEuNzIsMHogTTYxOC4wNywyMS4yNXYzMy4wN2MwLDMuNS0yLjg1LDYuMzUtNi4zNSw2LjM1aC0zOC40DQoJCWMtMC4zNSwwLTAuNywwLjAxLTEuMDQsMC4wM2MwLjAyLTAuMzEsMC4wMy0wLjYyLDAuMDMtMC45M1YyMS4yNWMwLTMuNSwyLjg1LTYuMzUsNi4zNS02LjM1aDMzLjA3DQoJCUM2MTUuMjIsMTQuOSw2MTguMDcsMTcuNzUsNjE4LjA3LDIxLjI1eiBNNTU3LjQ3LDc0Ljg5Yy0wLjA1LDAuNjUtMC4wNiwxLjE3LTAuMDUsMS41MXYxNC43NWMwLDAuNzYtMC42NywxLjQyLTEuNDIsMS40MmgtMTQuODUNCgkJYy0wLjc2LDAtMS40Mi0wLjY3LTEuNDItMS40MlY3Ni4zYzAtMC43NiwwLjY2LTEuNDIsMS40Mi0xLjQybDE0LjQ4LDBDNTU2LjA4LDc0LjksNTU2LjgsNzQuOTIsNTU3LjQ3LDc0Ljg5eiIvPg0KPC9nPg0KPC9zdmc+DQo=);
        background-repeat: no-repeat;
        background-position: center;
        background-origin: content-box;
        background-size: auto;
        padding: 0.8rem 0.5rem;
        width: 100%;
        max-width: 12rem;
        min-width: 3rem;
        height: 3.25rem;
    }

    &--verity:empty {
        background-size: contain;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='261.88' height='74.73' viewBox='0 0 261.88 74.73'%3E%3Cdefs%3E%3ClinearGradient id='a' y1='37.37' x2='52.63' y2='37.37' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2300ce7c'/%3E%3Cstop offset='1' stop-color='%234ac1e0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M94.33,23.13a1.31,1.31,0,0,1,0-1.25,1.34,1.34,0,0,1,1.16-.46h1.89a1.58,1.58,0,0,1,1.67,1.24l5.15,15.22c.12.38.23.78.34,1.2s.21.81.3,1.19.2.86.32,1.31h.07c.1-.45.19-.89.29-1.31s.2-.78.32-1.19.23-.82.35-1.2l5.23-15.22a1.52,1.52,0,0,1,1.64-1.24h1.81a1.34,1.34,0,0,1,1.16.46,1.31,1.31,0,0,1,0,1.25l-8.07,22.36a1.6,1.6,0,0,1-1.67,1.18h-2.28a1.6,1.6,0,0,1-1.67-1.18Z' fill='%23565959'/%3E%3Cpath d='M124.81,22.91a1.3,1.3,0,0,1,1.45-1.49h12.17a1.31,1.31,0,0,1,1.49,1.48v1a1.3,1.3,0,0,1-1.49,1.44h-9.07V32h7a1.3,1.3,0,0,1,1.49,1.44v1a1.31,1.31,0,0,1-1.49,1.48h-7v6.83H139q1.5,0,1.5,1.44v1a1.32,1.32,0,0,1-1.5,1.48H126.26c-1,0-1.45-.5-1.45-1.5Z' fill='%23565959'/%3E%3Cpath d='M149.91,22.91a1.31,1.31,0,0,1,1.46-1.49h6.83a20.16,20.16,0,0,1,2.93.16,7.61,7.61,0,0,1,1.87.52,6.74,6.74,0,0,1,3.07,2.57A7.74,7.74,0,0,1,167.23,29a8.53,8.53,0,0,1-.29,2.21,8,8,0,0,1-.81,2,6.89,6.89,0,0,1-1.32,1.62,5.54,5.54,0,0,1-1.78,1.1V36l.22.32.26.41a4.91,4.91,0,0,1,.34.59L168,44.89a1.22,1.22,0,0,1,.16,1.28,1.29,1.29,0,0,1-1.19.5h-1.92a1.88,1.88,0,0,1-1.74-1l-4.45-8.4h-4.41v7.93a1.31,1.31,0,0,1-1.46,1.5h-1.63a1.31,1.31,0,0,1-1.46-1.5Zm8.68,10.35a3.93,3.93,0,0,0,2.91-1.07,4,4,0,0,0,1.07-3,4.51,4.51,0,0,0-.48-2.12,2.89,2.89,0,0,0-1.51-1.34,4.39,4.39,0,0,0-1.09-.32,10.16,10.16,0,0,0-1.65-.11h-3.38v7.93Z' fill='%23565959'/%3E%3Cpath d='M177.47,22.91a1.31,1.31,0,0,1,1.46-1.49h1.63A1.3,1.3,0,0,1,182,22.91V45.17a1.31,1.31,0,0,1-1.46,1.5h-1.63a1.31,1.31,0,0,1-1.46-1.5Z' fill='%23565959'/%3E%3Cpath d='M198.73,25.33h-6.79a1.3,1.3,0,0,1-1.49-1.44v-1a1.31,1.31,0,0,1,1.49-1.48h18.14a1.3,1.3,0,0,1,1.46,1.48v1a1.28,1.28,0,0,1-1.46,1.44h-6.79V45.17a1.33,1.33,0,0,1-1.5,1.5h-1.6a1.31,1.31,0,0,1-1.46-1.5Z' fill='%23565959'/%3E%3Cpath d='M225.08,36.11,217.69,23.2a1.18,1.18,0,0,1-.16-1.26,1.2,1.2,0,0,1,1.15-.52h2a1.78,1.78,0,0,1,1.71,1.1l3.42,6.33c.18.41.37.8.56,1.19s.36.76.5,1.09.32.74.46,1.1h.08c.14-.36.29-.72.46-1.1s.31-.7.5-1.09l.56-1.19,3.42-6.33a1.78,1.78,0,0,1,1.71-1.1h2a1.21,1.21,0,0,1,1.17.52,1.26,1.26,0,0,1-.14,1.26l-7.43,12.91v9.06a1.31,1.31,0,0,1-1.46,1.5h-1.6a1.33,1.33,0,0,1-1.5-1.5Z' fill='%23565959'/%3E%3Cpath d='M247.72,29.29a.76.76,0,0,1-.87-.85V21.85h-2.22c-.57,0-.85-.27-.85-.81v-.13c0-.54.28-.8.85-.8H251c.58,0,.87.26.87.8V21q0,.81-.87.81h-2.19v6.59a.75.75,0,0,1-.85.85Zm5.39-8.35a.79.79,0,0,1,.89-.83h.29a1,1,0,0,1,1,.66l1.62,3.67c0,.09.06.19.1.29s.06.19.09.27.05.2.08.31h0a1.11,1.11,0,0,1,.09-.31,2.13,2.13,0,0,1,.09-.27,2.49,2.49,0,0,1,.11-.29l1.62-3.67a1,1,0,0,1,1-.66h.29a.79.79,0,0,1,.89.83l.58,7.46c0,.59-.25.89-.83.89h-.27a.79.79,0,0,1-.87-.83l-.29-3.9a.5.5,0,0,1,0-.21c0-.08,0-.15,0-.22a.75.75,0,0,1,0-.21h0l-1.35,3a1,1,0,0,1-1,.66h-.12a1,1,0,0,1-1-.66l-1.35-3h0a1.49,1.49,0,0,1,0,.21v.43l-.31,3.9a.8.8,0,0,1-.9.83h-.24a.73.73,0,0,1-.83-.89Z' fill='%23565959'/%3E%3Cpath d='M42.29,11.21H26.2A10.35,10.35,0,0,0,15.86,21.55V40.22a.76.76,0,0,1,0,.16,2,2,0,0,1-.43,0l-7.48,0A8,8,0,0,0,0,48.34v7.23a8,8,0,0,0,7.94,8h7.23a8,8,0,0,0,8-8V48.29a1.1,1.1,0,0,1,.06-.26,1.73,1.73,0,0,1,.43,0H42.29A10.35,10.35,0,0,0,52.63,37.65V21.55A10.35,10.35,0,0,0,42.29,11.21Zm3.09,10.34v16.1a3.08,3.08,0,0,1-3.09,3.08H23.6l-.51,0c0-.15,0-.3,0-.46V21.55a3.1,3.1,0,0,1,3.09-3.09H42.29A3.09,3.09,0,0,1,45.38,21.55ZM15.89,47.66c0,.32,0,.57,0,.74v7.17a.71.71,0,0,1-.69.7H7.94a.71.71,0,0,1-.69-.7V48.34a.71.71,0,0,1,.69-.69H15A8.58,8.58,0,0,0,15.89,47.66Z' fill='url(%23a)'/%3E%3Cline x1='76.37' y1='0.45' x2='76.37' y2='74.28' fill='none' stroke='%237b868c' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.9'/%3E%3C/svg%3E");
    }

    &:hover {
        box-shadow: none;
    }
}

.gds-nav__top .gds-nav__logo:empty {
    max-width: 3.25rem;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMDguMSAxMDcuNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTA4LjEgMTA3LjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOnVybCgjU1ZHSURfMV8pO30NCjwvc3R5bGU+DQo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAiIHkxPSI1My43MzU1IiB4Mj0iMTA4LjE0MjYiIHkyPSI1My43MzU1Ij4NCgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMDBDRTdDIi8+DQoJPHN0b3AgIG9mZnNldD0iMC45OTg0IiBzdHlsZT0ic3RvcC1jb2xvcjojNEFDMUUwIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTg2LjksMEg1My44QzQyLjEsMCwzMi42LDkuNSwzMi42LDIxLjJ2MzguM2MwLDAuMSwwLDAuMiwwLDAuM0MzMi4zLDYwLDMyLDYwLDMxLjcsNjBsLTE1LjQsMA0KCUM3LjMsNjAsMCw2Ny4zLDAsNzYuM3YxNC45YzAsOSw3LjMsMTYuMywxNi4zLDE2LjNoMTQuOWM5LDAsMTYuMy03LjMsMTYuMy0xNi4zVjc2LjNsMC0wLjFjMC0wLjIsMC4xLTAuNCwwLjEtMC41DQoJYzAuMSwwLDAuNC0wLjEsMC45LTAuMWgzOC40YzExLjcsMCwyMS4yLTkuNSwyMS4yLTIxLjJWMjEuMkMxMDguMSw5LjUsOTguNiwwLDg2LjksMHogTTkzLjIsMjEuMnYzMy4xYzAsMy41LTIuOCw2LjMtNi4zLDYuM0g0OC41DQoJYy0wLjQsMC0wLjcsMC0xLDBjMC0wLjMsMC0wLjYsMC0wLjlWMjEuMmMwLTMuNSwyLjgtNi4zLDYuMy02LjNoMzMuMUM5MC40LDE0LjksOTMuMiwxNy43LDkzLjIsMjEuMnogTTMyLjYsNzQuOQ0KCWMtMC4xLDAuNi0wLjEsMS4yLTAuMSwxLjV2MTQuN2MwLDAuOC0wLjcsMS40LTEuNCwxLjRIMTYuM2MtMC44LDAtMS40LTAuNy0xLjQtMS40Vjc2LjNjMC0wLjgsMC43LTEuNCwxLjQtMS40bDE0LjUsMA0KCUMzMS4zLDc0LjksMzIsNzQuOSwzMi42LDc0Ljl6Ii8+DQo8L3N2Zz4NCg==);
}

@media (min-width: $tablet) {
    .gds-nav__logo:empty.gds-nav__logo--full {
        display: inline-block;
        // Logo Data Image
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2MzIuOTcgMTk3LjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYzMi45NyAxOTcuOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzU2NTk1OTt9DQoJLnN0MXtmaWxsOnVybCgjU1ZHSURfMV8pO30NCjwvc3R5bGU+DQo8Zz4NCgk8Zz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS4yOSwxODQuMjhjMS4zOS0zLjA2LDMuNzEtNC4wNiw2Ljk0LTMuMDFjNC40NSwxLjY2LDguOTQsMi40OSwxMy40OCwyLjQ5YzUuNTgsMCwxMC4xMi0xLjMxLDEzLjYxLTMuOTMNCgkJCQljMy40OS0yLjYyLDUuMjQtNi43Miw1LjI0LTEyLjN2LTQuOTdsMC4yNi0zLjRoLTAuMjZjLTMuODQsNi42My05Ljk1LDkuOTUtMTguMzIsOS45NWMtOS40MiwwLTE2LjgyLTMuMjMtMjIuMTktOS42OQ0KCQkJCUMyLjY4LDE1Mi45NiwwLDE0NC44OSwwLDEzNS4yYzAtOS42LDIuNjItMTcuNTIsNy44NS0yMy43NmM1LjI0LTYuMjQsMTIuNjUtOS4zNiwyMi4yNS05LjM2YzIuODgsMCw1LjU0LDAuMzUsNy45OCwxLjA1DQoJCQkJYzIuNDQsMC43LDQuMzYsMS41NSw1Ljc2LDIuNTVjMS4zOSwxLDIuNTcsMi4wMSwzLjUzLDMuMDFjMC45NiwxLDEuNjEsMS44NSwxLjk2LDIuNTVsMC41MiwxLjA1aDAuMjYNCgkJCQljLTAuMDktMC40NC0wLjEzLTEtMC4xMy0xLjd2LTIuNDljMC0xLjMxLDAuNDYtMi4zOCwxLjM3LTMuMjFjMC45Mi0wLjgzLDIuMjUtMS4yNCwzLjk5LTEuMjRoNC40NWMzLjU4LDAsNS4zNywxLjgzLDUuMzcsNS41DQoJCQkJdjU3LjJjMCwxMC41Ni0zLjQzLDE4LjQ2LTEwLjI3LDIzLjY5Yy02Ljg1LDUuMjQtMTQuOTQsNy44NS0yNC4yOCw3Ljg1Yy03LjUxLDAtMTQuMDEtMS4xOC0xOS41LTMuNTMNCgkJCQljLTMuMzItMS40LTQuMjgtMy43NS0yLjg4LTcuMDdMOS4yOSwxODQuMjh6IE0zMy41MSwxNTUuMWM0LjQ1LDAsOC4xNC0xLjUzLDExLjA2LTQuNThjMi45Mi0zLjA1LDQuMzktOC4wMyw0LjM5LTE0LjkyDQoJCQkJYzAtMTIuOTEtNS40MS0xOS4zNy0xNi4yMy0xOS4zN2MtNS4wNiwwLTguOTksMS42Ni0xMS43OCw0Ljk3Yy0yLjc5LDMuMzItNC4xOSw3Ljc3LTQuMTksMTMuMzVjMCw2LjIsMS40OCwxMS4xNyw0LjQ1LDE0LjkyDQoJCQkJQzI0LjE3LDE1My4yMiwyOC4yNywxNTUuMSwzMy41MSwxNTUuMXoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03OS40NSwxNDYuNTl2LTM3LjQzYzAtMy42NiwxLjgzLTUuNSw1LjUtNS41aDUuNjNjMy42NiwwLDUuNSwxLjgzLDUuNSw1LjV2MzQuMDMNCgkJCQljMCw0LjQ1LDAuNzYsNy44MywyLjI5LDEwLjE0YzEuNTMsMi4zMSw0LjIxLDMuNDcsOC4wNSwzLjQ3YzUuNzYsMCwxMC4zMi0yLjE4LDEzLjY4LTYuNTRjMy4zNi00LjM2LDUuMDQtOS42OSw1LjA0LTE1Ljk3DQoJCQkJdi0yNS4xM2MwLTMuNjYsMS44My01LjUsNS41LTUuNWg1LjYzYzMuNjcsMCw1LjUsMS44Myw1LjUsNS41djU1Ljc2YzAsMy42Ni0xLjgzLDUuNS01LjUsNS41aC01LjFjLTMuNTgsMC01LjM3LTEuODMtNS4zNy01LjUNCgkJCQl2LTMuOTNsMC4yNi0zLjAxaC0wLjI2Yy0xLjc1LDMuNzUtNC43MSw3LjAzLTguOSw5LjgyYy00LjE5LDIuNzktOC45NSw0LjE5LTE0LjI3LDQuMTlDODcuMTcsMTcxLjk4LDc5LjQ1LDE2My41Miw3OS40NSwxNDYuNTl6DQoJCQkJIi8+DQoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTU2LjgsMTY0Ljkxdi01NS43NmMwLTMuNjYsMS43OS01LjUsNS4zNy01LjVoNS4xYzMuNTgsMCw1LjM3LDEuODMsNS4zNyw1LjV2NC4wNmwtMC4yNiwzLjAxaDAuMjYNCgkJCQljMS44My0zLjc1LDQuNzMtNy4wNSw4LjctOS44OGMzLjk3LTIuODMsOC4zNS00LjI1LDEzLjE1LTQuMjVjMTAuMjEsMCwxNi43MSw0LjU4LDE5LjUsMTMuNzRoMC4yNmMxLjkyLTMuNzUsNC45NS02Ljk4LDkuMS05LjY5DQoJCQkJYzQuMTQtMi43LDguNy00LjA2LDEzLjY4LTQuMDZjMTQuNTcsMCwyMS44Niw4LjQ2LDIxLjg2LDI1LjM5djM3LjQzYzAsMy42Ni0xLjgzLDUuNS01LjUsNS41aC01LjYzYy0zLjY3LDAtNS41LTEuODMtNS41LTUuNQ0KCQkJCXYtMzQuMjljMC00LjM2LTAuNjMtNy42OC0xLjktOS45NWMtMS4yNy0yLjI3LTMuNjktMy40LTcuMjYtMy40Yy01LjMyLDAtOS40OSwyLjI5LTEyLjUsNi44N2MtMy4wMSw0LjU4LTQuNTIsMTAuMDEtNC41MiwxNi4zDQoJCQkJdjI0LjQ4YzAsMy42Ni0xLjc5LDUuNS01LjM3LDUuNWgtNS43NmMtMy42NywwLTUuNS0xLjgzLTUuNS01LjV2LTM0LjI5YzAtNC4yNy0wLjU5LTcuNTctMS43Ny05Ljg4DQoJCQkJYy0xLjE4LTIuMzEtMy41Ni0zLjQ3LTcuMTMtMy40N2MtNS41LDAtOS43NSwyLjMxLTEyLjc2LDYuOTRjLTMuMDEsNC42My00LjUyLDEwLjA0LTQuNTIsMTYuMjN2MjQuNDhjMCwzLjY2LTEuNzksNS41LTUuMzcsNS41DQoJCQkJaC01Ljc2QzE1OC41OSwxNzAuNDEsMTU2LjgsMTY4LjU4LDE1Ni44LDE2NC45MXoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNzguNTMsMTg0LjI4YzEuMzktMy4wNiwzLjcxLTQuMDYsNi45NC0zLjAxYzQuNDUsMS42Niw4Ljk0LDIuNDksMTMuNDgsMi40OWM1LjU4LDAsMTAuMTItMS4zMSwxMy42MS0zLjkzDQoJCQkJYzMuNDktMi42Miw1LjI0LTYuNzIsNS4yNC0xMi4zdi00Ljk3bDAuMjYtMy40aC0wLjI2Yy0zLjg0LDYuNjMtOS45NSw5Ljk1LTE4LjMyLDkuOTVjLTkuNDIsMC0xNi44Mi0zLjIzLTIyLjE5LTkuNjkNCgkJCQljLTUuMzctNi40Ni04LjA1LTE0LjUzLTguMDUtMjQuMjFjMC05LjYsMi42Mi0xNy41Miw3Ljg1LTIzLjc2YzUuMjQtNi4yNCwxMi42NS05LjM2LDIyLjI1LTkuMzZjMi44OCwwLDUuNTQsMC4zNSw3Ljk4LDEuMDUNCgkJCQljMi40NCwwLjcsNC4zNiwxLjU1LDUuNzYsMi41NWMxLjM5LDEsMi41NywyLjAxLDMuNTMsMy4wMWMwLjk2LDEsMS42MSwxLjg1LDEuOTYsMi41NWwwLjUyLDEuMDVoMC4yNg0KCQkJCWMtMC4wOS0wLjQ0LTAuMTMtMS0wLjEzLTEuN3YtMi40OWMwLTEuMzEsMC40Ni0yLjM4LDEuMzctMy4yMWMwLjkyLTAuODMsMi4yNS0xLjI0LDMuOTktMS4yNGg0LjQ1YzMuNTgsMCw1LjM3LDEuODMsNS4zNyw1LjUNCgkJCQl2NTcuMmMwLDEwLjU2LTMuNDMsMTguNDYtMTAuMjcsMjMuNjljLTYuODUsNS4yNC0xNC45NCw3Ljg1LTI0LjI4LDcuODVjLTcuNTEsMC0xNC4wMS0xLjE4LTE5LjUtMy41Mw0KCQkJCWMtMy4zMi0xLjQtNC4yOC0zLjc1LTIuODgtNy4wN0wyNzguNTMsMTg0LjI4eiBNMzAyLjc0LDE1NS4xYzQuNDUsMCw4LjE0LTEuNTMsMTEuMDYtNC41OGMyLjkyLTMuMDUsNC4zOS04LjAzLDQuMzktMTQuOTINCgkJCQljMC0xMi45MS01LjQxLTE5LjM3LTE2LjIzLTE5LjM3Yy01LjA2LDAtOC45OSwxLjY2LTExLjc4LDQuOTdjLTIuNzksMy4zMi00LjE5LDcuNzctNC4xOSwxMy4zNWMwLDYuMiwxLjQ4LDExLjE3LDQuNDUsMTQuOTINCgkJCQlDMjkzLjQxLDE1My4yMiwyOTcuNTEsMTU1LjEsMzAyLjc0LDE1NS4xeiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM0OC42OCwxNDYuNTl2LTM3LjQzYzAtMy42NiwxLjgzLTUuNSw1LjUtNS41aDUuNjNjMy42NiwwLDUuNSwxLjgzLDUuNSw1LjV2MzQuMDMNCgkJCQljMCw0LjQ1LDAuNzYsNy44MywyLjI5LDEwLjE0YzEuNTMsMi4zMSw0LjIxLDMuNDcsOC4wNSwzLjQ3YzUuNzYsMCwxMC4zMi0yLjE4LDEzLjY4LTYuNTRjMy4zNi00LjM2LDUuMDQtOS42OSw1LjA0LTE1Ljk3DQoJCQkJdi0yNS4xM2MwLTMuNjYsMS44My01LjUsNS41LTUuNWg1LjYzYzMuNjcsMCw1LjUsMS44Myw1LjUsNS41djU1Ljc2YzAsMy42Ni0xLjgzLDUuNS01LjUsNS41aC01LjFjLTMuNTgsMC01LjM3LTEuODMtNS4zNy01LjUNCgkJCQl2LTMuOTNsMC4yNi0zLjAxaC0wLjI2Yy0xLjc1LDMuNzUtNC43MSw3LjAzLTguOSw5LjgyYy00LjE5LDIuNzktOC45NSw0LjE5LTE0LjI3LDQuMTkNCgkJCQlDMzU2LjQxLDE3MS45OCwzNDguNjgsMTYzLjUyLDM0OC42OCwxNDYuNTl6Ii8+DQoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI2LjA0LDE2NC45MXYtNTUuNzZjMC0zLjY2LDEuNzktNS41LDUuMzctNS41aDUuMWMzLjU4LDAsNS4zNywxLjgzLDUuMzcsNS41djQuMDZsLTAuMjYsMy4wMWgwLjI2DQoJCQkJYzEuODMtMy43NSw0LjczLTcuMDUsOC43LTkuODhjMy45Ny0yLjgzLDguMzUtNC4yNSwxMy4xNS00LjI1YzEwLjIxLDAsMTYuNzEsNC41OCwxOS41LDEzLjc0aDAuMjZjMS45Mi0zLjc1LDQuOTUtNi45OCw5LjEtOS42OQ0KCQkJCWM0LjE0LTIuNyw4LjctNC4wNiwxMy42OC00LjA2YzE0LjU3LDAsMjEuODYsOC40NiwyMS44NiwyNS4zOXYzNy40M2MwLDMuNjYtMS44Myw1LjUtNS41LDUuNWgtNS42M2MtMy42NywwLTUuNS0xLjgzLTUuNS01LjUNCgkJCQl2LTM0LjI5YzAtNC4zNi0wLjYzLTcuNjgtMS45LTkuOTVjLTEuMjctMi4yNy0zLjY5LTMuNC03LjI2LTMuNGMtNS4zMiwwLTkuNDksMi4yOS0xMi41LDYuODdjLTMuMDEsNC41OC00LjUyLDEwLjAxLTQuNTIsMTYuMw0KCQkJCXYyNC40OGMwLDMuNjYtMS43OSw1LjUtNS4zNyw1LjVoLTUuNzZjLTMuNjcsMC01LjUtMS44My01LjUtNS41di0zNC4yOWMwLTQuMjctMC41OS03LjU3LTEuNzctOS44OA0KCQkJCWMtMS4xOC0yLjMxLTMuNTYtMy40Ny03LjEzLTMuNDdjLTUuNSwwLTkuNzUsMi4zMS0xMi43Niw2Ljk0Yy0zLjAxLDQuNjMtNC41MiwxMC4wNC00LjUyLDE2LjIzdjI0LjQ4YzAsMy42Ni0xLjc5LDUuNS01LjM3LDUuNQ0KCQkJCWgtNS43NkM0MjcuODMsMTcwLjQxLDQyNi4wNCwxNjguNTgsNDI2LjA0LDE2NC45MXoiLz4NCgkJPC9nPg0KCTwvZz4NCgk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUyNC44MjYyIiB5MT0iNTMuNzM1NSIgeDI9IjYzMi45Njg5IiB5Mj0iNTMuNzM1NSI+DQoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMENFN0MiLz4NCgkJPHN0b3AgIG9mZnNldD0iMC45OTg0IiBzdHlsZT0ic3RvcC1jb2xvcjojNEFDMUUwIi8+DQoJPC9saW5lYXJHcmFkaWVudD4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjExLjcyLDBoLTMzLjA3Yy0xMS43MSwwLTIxLjI0LDkuNTMtMjEuMjQsMjEuMjV2MzguMzVjMCwwLjE0LTAuMDEsMC4yNS0wLjAyLDAuMzQNCgkJYy0wLjI1LDAuMDUtMC42LDAuMDktMC44OCwwLjA4bC0xNS4zNy0wLjAzYy05LDAtMTYuMzIsNy4zMi0xNi4zMiwxNi4zMnYxNC44NmMwLDksNy4zMiwxNi4zMiwxNi4zMiwxNi4zMkg1NTYNCgkJYzksMCwxNi4zMi03LjMyLDE2LjMyLTE2LjMyVjc2LjI2bC0wLjAxLTAuMDdjMC4wMS0wLjE3LDAuMDYtMC40LDAuMTEtMC41NGMwLjE0LTAuMDQsMC40My0wLjA5LDAuOS0wLjA5aDM4LjQNCgkJYzExLjcxLDAsMjEuMjQtOS41MywyMS4yNC0yMS4yNVYyMS4yNUM2MzIuOTcsOS41Myw2MjMuNDQsMCw2MTEuNzIsMHogTTYxOC4wNywyMS4yNXYzMy4wN2MwLDMuNS0yLjg1LDYuMzUtNi4zNSw2LjM1aC0zOC40DQoJCWMtMC4zNSwwLTAuNywwLjAxLTEuMDQsMC4wM2MwLjAyLTAuMzEsMC4wMy0wLjYyLDAuMDMtMC45M1YyMS4yNWMwLTMuNSwyLjg1LTYuMzUsNi4zNS02LjM1aDMzLjA3DQoJCUM2MTUuMjIsMTQuOSw2MTguMDcsMTcuNzUsNjE4LjA3LDIxLjI1eiBNNTU3LjQ3LDc0Ljg5Yy0wLjA1LDAuNjUtMC4wNiwxLjE3LTAuMDUsMS41MXYxNC43NWMwLDAuNzYtMC42NywxLjQyLTEuNDIsMS40MmgtMTQuODUNCgkJYy0wLjc2LDAtMS40Mi0wLjY3LTEuNDItMS40MlY3Ni4zYzAtMC43NiwwLjY2LTEuNDIsMS40Mi0xLjQybDE0LjQ4LDBDNTU2LjA4LDc0LjksNTU2LjgsNzQuOTIsNTU3LjQ3LDc0Ljg5eiIvPg0KPC9nPg0KPC9zdmc+DQo=);
        background-repeat: no-repeat;
        background-position: center;
        background-origin: content-box;
        background-size: auto;
        padding: 0.8rem 0.5rem;
        width: 100%;
        max-width: 12rem;
        min-width: 3rem;
        height: 3.25rem;
    }
}

.gds-nav__menu ~ .gds-nav__logo {
    max-width: 12rem;
    @media (max-width: $tablet) {
        max-width: 6rem;
    }
}

.gds-nav__title {
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 0.75rem;
    font-weight: $font-weight-bold;
    color: $grayLight4Color;
    margin-right: 1rem;
    min-width: 8.75rem;
    max-width: min-content;
    &:hover,
    &:focus {
        color: $grayLight4Color;
    }
}

.gds-nav__side .gds-nav__title {
    max-width: 100%;
    margin-right: 0;
    text-align: center;
    margin-bottom: 1.5rem;
}

// Hide for greater than tablet
@media (min-width: $tablet) {
    .gds-nav__top.gds-nav__auto-hide {
        display: none;
    }
    .gds-nav__side {
        > .gds-nav__close-wrapper {
            display: none;
        }
    }
    .gds-nav__top > .gds-nav__menu.gds-nav__auto-hide {
        display: none;
    }
    .gds-nav__top .gds-nav__links.gds-nav__auto-hide {
        > .gds-nav__close-wrapper {
            display: none;
        }
    }
}

// .gds-nav__close {
//   display: none;
// }

// Hide for tablet and smaller
@media (max-width: $tablet) {
    .gds-nav__top {
        > .gds-nav__menu.gds-nav__auto-hide {
            display: inline-block;
        }
        > .gds-nav__links.gds-nav__auto-hide {
            display: none;
        }
        > .gds-nav__icons {
            flex-grow: 1;
            justify-content: flex-end;
        }
    }
}

// Show absolute for tablet and smaller
// Side nav styling
// Sublinks to be inline
@media (max-width: $tablet) {
    .gds-nav__top .gds-nav__links.gds-nav__auto-hide--active {
        display: inline-block;
        background: #fff;
        box-shadow: 0.25rem 0px 0.75rem rgba(0, 0, 0, 0.16);
        z-index: $z-index-5;
        width: 100%;
        max-width: 16rem;
        align-items: flex-start;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100vh;

        .gds-nav__link {
            padding: 0.75rem 1rem;
            &:hover {
                box-shadow: inset -2px 0 0px $primaryDark1Color;
            }
        }
        .gds-nav__links-sub {
            top: 2rem;
            left: 0.5rem;
        }
    }
}

// Collapse Button
.gds-nav__side--collapse-wrapper {
    z-index: $z-index-1;
    position: absolute;
    background: transparent;
    border-left: 2px solid transparent;
    top: 0;
    right: -0.75rem;
    height: 100%;
    width: 0.75rem;
    transition: border;
    transition-delay: 500ms;
}

.gds-nav__side--collapse-wrapper:hover {
    border-left-color: #d8eefa;
}

.gds-nav__side--collapse-button {
    opacity: 0;
    position: absolute;
    top: 2rem;
    left: -2px;
    width: 1.25rem;
    height: 2rem;
    z-index: 10000;
    border: none;
    cursor: pointer;
    background: white;
    outline: none;
    border-radius: 0 4px 4px 0;
    text-align: center;
    color: $gg-light-5;
    transition: opacity;
    transition-delay: 500ms;

    &:before {
        content: '\f053';
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    &:hover,
    &:focus {
        color: $gg-dark-2;
    }
}

@media (max-width: $tablet) {
    .gds-nav__side--collapse-wrapper {
        display: none;
    }
}

.gds-nav__side--collapsed .gds-nav__side--collapse-button {
    &:before {
        content: '\f054';
    }
}

.gds-nav__side--collapse-wrapper:hover .gds-nav__side--collapse-button {
    opacity: 1;
}