/* ####################################
   Trail Navigation

   - Critical Rendering Path: Recommended
   ################################## */

#TrailNav {
    /* The site trail nav, often displayed at the top of the page. */
    /* position: relative;
    width: 100%; */
}

.trail-nav {
    /* Includes the site trail nav, search trail nav, and any others that might appear. */
}

    .trail-nav a {
    }

        .trail-nav a:hover,
        .trail-nav a:focus {
            text-decoration: underline !important;
        }

    .trail-nav .you-are-here {
    }

    .trail-nav .link-home {
    }

    .trail-nav .prefix {
    }

    .trail-nav .suffix {
    }

    .trail-nav .separator {
        margin: 0 5px;
    }

.trail-nav nav {
}

    .trail-nav nav ol {
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        align-items: center;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .trail-nav nav ol li {
            margin: 0;
            padding: 0;
        }

            .trail-nav nav ol li:not(:first-child)::before {
                content: ":";
                margin: 0 4px;
                -moz-osx-font-smoothing: greyscale;
                -webkit-font-smoothing: antialiased;
                text-align: center;
                color: var(--site-color-white);
                /*font-family: var(--site-icon-font-family);*/
                font-weight: normal;
                font-size: 1em;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
            }

@media screen and (max-width: 900px) {

    .trail-nav {
    }

        .trail-nav .you-are-here {
            display: none;
        }

        .trail-nav nav ol,
        .trail-nav nav ol li,
        .trail-nav nav ol li a {
            /*display: inline-block;*/ /* One long line, avoiding a line break for each long link. */
        }

            .trail-nav nav ol li a {
                line-height: 18px; /* Only AA accessible, AAA requires 44px. */
            }

}

/*@media screen and (max-width: 900px) {
    .trail-nav nav ol {
        display: flex;
        align-items: center;
    }
}*/