.PillNav {
    padding-left: 0;
}

.PillNav-item {
    list-style: none;
    margin-left: 0;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 10px;
    cursor: pointer;
    font-weight: bolder;
    color: var(--theme-bg-gray);
}

.PillNav--active {
    background: var(--theme-bg-gray);
    color: white;
    box-shadow: inset 3px 5px 15px rgba(0,0,0, .10);
}

.PillNav-item > a {
    display: block;
}

.PillNav-item > a:hover {
    color: #09203f;
    text-decoration: none;
}

.PillNav-item > a,
.PillNav--active > a:hover {
    color: inherit;
}

.PillNav--active > a:hover {
    cursor: default;
}

.PillNav-gallery {
    display: flex;
    justify-content: baseline;
    flex-wrap: wrap;
}

.PillNav-galleryItem {
    width: calc(var(--thumb-width) + 10px);
    min-height: calc(var(--thumb-height) + 4em);
    box-shadow: 3px 5px 15px rgba(0, 0, 0, .10);
    text-align: center;
    margin-left: 20px;
    margin-bottom: 40px;
    padding: 5px;
    position: relative;
}

.PillNav-galleryItem a {
    color: #111;
}