/* For template devs: Use these variables in your css files, to change the basic styling of the used elements */
.mod-jfilters_selections {
    --selection-element-background-color: #ececec;
    --selection-element-color: #22262a;
    --selection-element-border-color: #d7d7d7;
    --selection-element-border-radius: 3px;
}

a.jfilters-selection{
    display: inline-block;
    background-color: var(--selection-element-background-color);
    color: var(--selection-element-color);
    margin-inline-end: .6rem;
    margin-bottom: .7rem;
    padding: .4rem .7rem;
    font-size: 1rem;
    text-decoration: none;
    border-radius: var(--selection-element-border-radius);
}

a.jfilters-selection:hover, a.jfilters-selection:focus{
    background-color: var(--selection-element-border-color);
    color: var(--selection-element-color);
    text-decoration: none;
}

a.jfilters-selection:after {
    content: "×";
    margin-inline-start: .7rem;
    padding-inline-start: .5rem;
    border-inline-start: 1px var(--selection-element-border-color) solid;
    font-size: 1rem;
}