/* Brink Multimedia Shop Filters — opmaak gelijk aan de standaard FacetWP-stijl */

.bmsf-facet {
    margin-bottom: 40px;
}

.bmsf-facet.is-loading {
    opacity: 0.6;
    /* geen klikken tijdens het verversen */
    pointer-events: none;
}

/* Checkboxes */

.bmsf-checkbox {
    background: url('../images/checkbox.png') 0 50% no-repeat;
    background-size: 14px 14px;
    margin-bottom: 4px;
    padding-left: 20px;
    cursor: pointer;
}

.bmsf-checkbox.checked {
    background-image: url('../images/checkbox-on.png');
}

.bmsf-checkbox.disabled {
    opacity: 0.4;
    cursor: default;
}

.bmsf-display-value {
    padding-right: 5px;
}

/* Zoeken */

.bmsf-input-wrap {
    display: inline-block;
    position: relative;
}

.bmsf-facet input.bmsf-search {
    margin: 0;
    padding-right: 30px;
    min-width: 240px;
}

.bmsf-icon {
    right: 0;
    height: 100%;
    line-height: 1;
    position: absolute;
    cursor: pointer;
    opacity: 0.5;
}

.bmsf-icon:before {
    display: inline-block;
    content: '';
    width: 30px;
    height: 100%;
    background: url('../images/icon-search.png') no-repeat;
    background-position: 5px 50%;
    background-size: 20px 20px;
}

.bmsf-icon.f-loading:before {
    background-image: url('../images/loading.png');
    animation: bmsf-spin 700ms infinite linear;
}

@keyframes bmsf-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}