/* ---- .filter-button ---- */
.filter-button {
    display: inline-block;
    padding: 0px 20px;
    margin: 10px;
    background: #FFFFFF;
    border: none;
    border-radius: 13px;
    height: 25px;
    color: #000000;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    outline-color: transparent;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .filter-button {
        margin: 0px;
        font-size: 14px;
    }
}

.filter-button:hover {
    color: #FFFFFF;
    outline-color: transparent;
}

.filter-button:active,
.filter-button.is-checked {
    color: #FFFFFF;
    outline-color: transparent;
}

.filter-button.exhibit:hover {
    background-color: #6C6AC4;
}

.filter-button.exhibit:active, .filter-button.exhibit.is-checked {
    background-color: #3025A8;
}

.filter-button.activities:hover {
    background-color: #FF8889;
}

.filter-button.activities:active, .filter-button.activities.is-checked {
    background-color: #FF2029;
}

.filter-button.collection:hover {
    background-color: #57BC89;
}

.filter-button.collection:active, .filter-button.collection.is-checked {
    background-color: #009F56;
}

.filter-button.other:hover {
    background-color: #888888;
}

.filter-button.other:active, .filter-button.other.is-checked {
    background-color: #000000;
}

/* ---- filter-button-group ---- */

.filter-button-group {
    margin-bottom: 20px;
}

.filter-button-group:after {
    content: '';
    display: block;
    clear: both;
}