/* Page navigation */

#page-nav {
    display: block;
    flex: 0 0 auto;
    max-width: 300px;
    padding: 0;
    transition: 0.4s;
    width: 300px;
    -webkit-transition: 0.4s;
}

#page-nav a:link,
#page-nav a:visited {
    color: #9b9b9b;
    text-decoration: none;
}

#page-nav a:hover {
    color: black;
}

#page-nav a.active {
    background-color: transparent;
    color: black;
}

.page-nav-title {
    color: black;
    white-space: inherit;
}

.nested {
    margin-left: 5%;
}

.no-flex-wrap {
    flex-wrap: nowrap;
}

/* Responsive page navigation */

/* Hides page navigation on screen widths smaller than 1300px */
@media screen and (max-width: 1299.98px) {
    #page-nav {
        border: none;
        overflow: hidden;
        padding: 0;
        width: 0;
    }
}

/* Hide page navigation when printing */
@media print {
    #page-nav {
        border: none;
        display: none;
    }
}