#program-practice-results {
    margin-top: 20px;
}

#results-count {
    margin-top: 20px;
}

.results-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    margin-top: 20px;
    gap: 15px;
}

.result {
    padding: 15px;
    border: 1px solid rgb(62, 66, 66);
    display: flex;
    flex-direction: column;
    flex: 0 1 auto;
    width: calc(95% / 3);
}

#program-practice-filters .filter-container {
    width: 50%;
}

#program-practice-filters .filter {
    margin-bottom: .5em;
}

#program-practice-filters .filter input {
    width: 80%;
}

.result .entry-excerpt {
    width: 100%;
}

#active-filter-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

#program-practice-active-filters .filter {
    padding: 5px 10px;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
}

#program-practice-active-filters .filter .filter-item {
    margin-right: 5px;
    display: flex;
}

.filter-item:not(:first-of-type) {
    margin-top: .5em;
}

.active-filter-button {
    background-color: var(--wpex-btn-bg);
    color: var(--wpex-btn-color);
    border: 1px solid rgba(0, 0, 0, 0);
    padding: .5em;
    border-radius: var(--wpex-btn-border-radius);
}

.active-filter-button:hover {
    background-color: var(--wpex-hover-btn-bg);
    color: var(--wpex-hover-btn-color);
    border: 1px solid var(--wpex-btn-bg);
}

.active-filter-button:hover svg,
.active-filter-button:hover i {
    color: red;
}

.active-filter-button svg,
.active-filter-button i {
    cursor: pointer;
    margin-right: 1em;
}

@media screen and (max-width: 768px) {
    .result {
        width: calc(100%);
    }

    #program-practice-filters .filter-container {
        width: 100%;
    }

    #program-practice-filters .filter label {
        display: block;
        margin-bottom: .25em;
    }

    #program-practice-filters .filter input {
        width: 65%;
    }
}