.spine-alphabet-bar {
    margin-bottom: 20px;
    clear: both;
}

.spine-alphabet-bar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.spine-alphabet-bar ul .bar-letter {
    color: #fff;
    font-size: 15px;
    background-color: #f6d50a;
    flex: 1;
    padding: 8px 0;
    min-width: 40px;
}

.spine-alphabet-bar ul .bar-letter a {
    color: #fff;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    text-decoration: none;
}

.spine-alphabet-bar ul .bar-letter.active {
    background-color: #fff;
}

.spine-alphabet-bar ul .bar-letter.active a {
    color: #2e4a9e;
}

.spine-alphabet-bar .alphabet-results-block {
    margin-top: 17px;
}

.spine-alphabet-bar .alphabet-results-block ul {
    column-count: 6;
}

.spine-alphabet-bar .alphabet-results-block ul li {
    cursor: pointer;
}

@media (max-width: 768px) {
    .spine-alphabet-bar .alphabet-results-block ul {
        column-count: 3;
    }
}

.spine-alphabet-bar .alphabet-results-block ul li a {
    font-family: 'Gotham', sans-serif;;
    font-size: 14px;
    font-weight: 500;
    color: black;
    display: block;
    padding: 3px 0;
}

.spine-alphabet-bar .alphabet-results-block ul li a:hover {
    text-decoration: underline;
}

.spine-alphabet-bar .alphabet-results-block ul a .italic {
    font-style: italic;
    font-weight: normal;
}