.breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumb li {
    display: inline-block;
}

    .breadcrumb li:not(:first-child)::before {
        content: "/\00a0";
    }

.breadcrumb li {
    padding-right: 1rem;
}


.breadcrumb a {
    color: #18453B;
}

.link-external {
    background: linear-gradient(to right,#18453b 50%,#fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    border: 1px solid #ccc;
    border-radius: .5rem;
    color: #18453B;
    display: inline-block;
    margin: 1rem 0 0;
    padding: 1rem;
    text-decoration: none;
    transition: all .4s;
}

    .link-external:hover {
        background-position: left bottom;
        color: #FFF;
    }

        .link-external:hover svg {
            fill: #FFF;
        }

    .link-external svg {
        fill: #18453B;
        width: 1.6rem;
        transition: all .4s;
    }

.well {
    background: #EEE;
    border: 1px solid #DDD;
    border-radius: .5rem;
    padding: 1rem;
}

.well-inset {
    box-shadow: 1px 1px 1px #CCC inset;
}

.well-whitebg {
    background: #FFF;
}

.well-breadcrumb {
    grid-column: 1/-1;
}

.pagination {
    font-size: 1.8rem;
    margin-top: 1.6rem;
    padding: .5rem;
}

    .pagination ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
    }

    .pagination li {
        list-style: none;
    }

    .pagination a {
        color: #18453b;
        padding: .5rem .75rem;
        text-decoration: none;
    }

        .pagination a:hover,
        .pagination a.selected {
            background: #18453b;
            border-radius: .5rem;
            color: #FFF;
        }

.button-collapsible {
    background: #18453B;
    border: none;
    color: #FFF;
    font-size: 1.6rem;
    padding: 1.6rem;
    text-align: left;
    width: 100%;
    cursor: pointer;
}


.secondaryNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .secondaryNav ul li {
        border-bottom: 1px solid #EEE;
    }

.secondaryNav a {
    color: #18453b;
    display: block;
    font-weight: 500;
    padding: .8rem .8rem;
    text-decoration: none;
    transition: all .2s;
}

    .secondaryNav a:hover,
    .secondaryNav a:focus {
        background: #18453b;
        color: #FFF;
    }

.directoryContent__navContainer {
    border-left: 2px solid #18453B;
    border-top: 2px solid #18453B;
    padding: 1rem 0 0 1rem;
}