.lgefep-filter-bar-wrapper {
    min-width: 200px;

    &[data-multi-select="yes"]{
        min-width: 250px;
    }

    span.select2.select2-container{
        .select2-selection.select2-selection--single{
            height: auto;
        }
        span.select2-selection__rendered,li.select2-selection__choice{
            font-family: var(--lgefep-taxonomy-filter-font-family);
            font-size: var(--lgefep-taxonomy-filter-font-size);
            font-weight: var(--lgefep-taxonomy-filter-font-weight);
            text-transform: var(--lgefep-taxonomy-filter-text-transform);
            font-style: var(--lgefep-taxonomy-filter-font-style);
            text-decoration: var(--lgefep-taxonomy-filter-text-decoration);
            line-height: var(--lgefep-taxonomy-filter-line-height);
            letter-spacing: var(--lgefep-taxonomy-filter-letter-spacing);
            word-spacing: var(--lgefep-taxonomy-filter-word-spacing);
            color: var(--lgefep-taxonomy-active-filter-text-color,var(--lgefep-taxonomy-normal-filter-text-color));
            text-shadow: var(--lgefep-taxonomy-active-filter-text-shadow,var(--lgefep-taxonomy-normal-filter-text-shadow));
        }
        
        .select2-selection--single{
            overflow: hidden;
            padding: var(--lgefep-taxonomy-filter-padding-top, .5em) var(--lgefep-taxonomy-filter-padding-right, 2rem) var(--lgefep-taxonomy-filter-padding-bottom, .5rem) var(--lgefep-taxonomy-filter-padding-left, .8em);
            border-radius: var(--lgefep-taxonomy-filter-border-radius-top,4px) var(--lgefep-taxonomy-filter-border-radius-right,4px) var(--lgefep-taxonomy-filter-border-radius-bottom,4px) var(--lgefep-taxonomy-filter-border-radius-left,4px);
            border-style: var(--lgefep-taxonomy-active-filter-border-style,var(--lgefep-taxonomy-normal-filter-border-style, solid));
            border-width: var(--lgefep-taxonomy-active-filter-border-width-top,var(--lgefep-taxonomy-normal-filter-border-width-top, 1px)) var(--lgefep-taxonomy-active-filter-border-width-right,var(--lgefep-taxonomy-normal-filter-border-width-right, 1px)) var(--lgefep-taxonomy-active-filter-border-width-bottom,var(--lgefep-taxonomy-normal-filter-border-width-bottom, 1px)) var(--lgefep-taxonomy-active-filter-border-width-left,var(--lgefep-taxonomy-normal-filter-border-width-left, 1px));
            border-color: var(--lgefep-taxonomy-active-filter-border-color,var(--lgefep-taxonomy-normal-filter-border-color, #aaa));
            background: var(--lgefep-taxonomy-active-filter-background-gradient, var(--lgefep-taxonomy-active-filter-background-color,var(--lgefep-taxonomy-normal-filter-background-gradient,var(--lgefep-taxonomy-normal-filter-background-color, #e4e4e4))));

            .select2-selection__arrow{
                top: 50%;
                transform: translateY(-50%);
                b{
                    display: block;
                    border-color: var(--lgefep-taxonomy-active-filter-text-color, var(--lgefep-taxonomy-normal-filter-text-color, #888)) transparent transparent transparent;
                }
            }
        }

        
        &.select2-container--open{
            .select2-selection--single .select2-selection__arrow b{
                border-color: transparent transparent var(--lgefep-taxonomy-active-filter-text-color, var(--lgefep-taxonomy-normal-filter-text-color, #888)) transparent
            }
        }

        li.select2-selection__choice{
            border-radius: var(--lgefep-taxonomy-filter-border-radius-top, 4px) var(--lgefep-taxonomy-filter-border-radius-right, 4px) var(--lgefep-taxonomy-filter-border-radius-bottom, 4px) var(--lgefep-taxonomy-filter-border-radius-left, 4px);
            margin-right: var(--lgefep-taxonomy-filter-space-between, 5px);
            background: var(--lgefep-taxonomy-active-filter-background-gradient, var(--lgefep-taxonomy-active-filter-background-color,var(--lgefep-taxonomy-normal-filter-background-gradient,var(--lgefep-taxonomy-normal-filter-background-color, #e4e4e4))));
            padding: var(--lgefep-taxonomy-filter-padding-top, 0px) var(--lgefep-taxonomy-filter-padding-right, 0px) var(--lgefep-taxonomy-filter-padding-bottom, 0px) calc(var(--lgefep-taxonomy-filter-padding-left, 20px) + 20px);
            border-width: var(--lgefep-taxonomy-active-filter-border-width-top,var(--lgefep-taxonomy-normal-filter-border-width-top, 1px)) var(--lgefep-taxonomy-active-filter-border-width-right,var(--lgefep-taxonomy-normal-filter-border-width-right, 1px)) var(--lgefep-taxonomy-active-filter-border-width-bottom,var(--lgefep-taxonomy-normal-filter-border-width-bottom, 1px)) var(--lgefep-taxonomy-active-filter-border-width-left,var(--lgefep-taxonomy-normal-filter-border-width-left, 1px));
            border-color: var(--lgefep-taxonomy-active-filter-border-color,var(--lgefep-taxonomy-normal-filter-border-color, #aaa));
            background: var(--lgefep-taxonomy-active-filter-background-gradient, var(--lgefep-taxonomy-active-filter-background-color,var(--lgefep-taxonomy-normal-filter-background-gradient,var(--lgefep-taxonomy-normal-filter-background-color, #e4e4e4))));

            .select2-selection__choice__remove{
                color: var(--lgefep-taxonomy-active-filter-text-color,var(--lgefep-taxonomy-normal-filter-text-color, #999));
                border-color: var(--lgefep-taxonomy-active-filter-text-color,var(--lgefep-taxonomy-normal-filter-text-color, #999));

                &:hover{
                    color: var(--lgefep-taxonomy-hover-filter-text-color,var(--lgefep-taxonomy-normal-filter-text-color, #999));
                    border-color: var(--lgefep-taxonomy-hover-filter-text-color,var(--lgefep-taxonomy-normal-filter-text-color, #999));
                    background: var(--lgefep-taxonomy-hover-filter-background-gradient, var(--lgefep-taxonomy-hover-filter-background-color,var(--lgefep-taxonomy-normal-filter-background-gradient,var(--lgefep-taxonomy-normal-filter-background-color, #f1f1f1))));
                }
            }

            &:hover{
                color: var(--lgefep-taxonomy-hover-filter-text-color,var(--lgefep-taxonomy-normal-filter-text-color));
                background: var(--lgefep-taxonomy-hover-filter-background-gradient, var(--lgefep-taxonomy-hover-filter-background-color,var(--lgefep-taxonomy-normal-filter-background-gradient,var(--lgefep-taxonomy-normal-filter-background-color))));
                text-shadow: var(--lgefep-taxonomy-hover-filter-text-shadow,var(--lgefep-taxonomy-normal-filter-text-shadow));  
            }
        }
    }
}

.select2-container{
    &[class*="lgefep-taxonomy-filter-"]{

        .select2-dropdown{
            width: auto !important;
            min-width: 200px;
        }

        li.select2-results__option, .select2-search--dropdown{
            font-family: var(--lgefep-taxonomy-filter-font-family);
            font-size: var(--lgefep-taxonomy-filter-font-size);
            font-weight: var(--lgefep-taxonomy-filter-font-weight);
            text-transform: var(--lgefep-taxonomy-filter-text-transform);
            font-style: var(--lgefep-taxonomy-filter-font-style);
            text-decoration: var(--lgefep-taxonomy-filter-text-decoration);
            line-height: var(--lgefep-taxonomy-filter-line-height);
            letter-spacing: var(--lgefep-taxonomy-filter-letter-spacing);
            word-spacing: var(--lgefep-taxonomy-filter-word-spacing);
            color: var(--lgefep-taxonomy-normal-filter-text-color);
            text-shadow: var(--lgefep-taxonomy-normal-filter-text-shadow);
            background: var(--lgefep-taxonomy-normal-filter-background-gradient, var(--lgefep-taxonomy-normal-filter-background-color));
            padding: var(--lgefep-taxonomy-filter-padding-top, 6px) var(--lgefep-taxonomy-filter-padding-right, 0.75em) var(--lgefep-taxonomy-filter-padding-bottom, 6px) var(--lgefep-taxonomy-filter-padding-left, 0.75em);
            &:not(.select2-search--dropdown){
                border-style: var(--lgefep-taxonomy-normal-filter-border-style);
                border-width: var(--lgefep-taxonomy-normal-filter-border-width-top) var(--lgefep-taxonomy-normal-filter-border-width-right) var(--lgefep-taxonomy-normal-filter-border-width-bottom) var(--lgefep-taxonomy-normal-filter-border-width-left);
                border-color: var(--lgefep-taxonomy-normal-filter-border-color);
            }

            
            &.select2-results__option--selected{
                color: var(--lgefep-taxonomy-active-filter-text-color,var(--lgefep-taxonomy-normal-filter-text-color));
                background: var(--lgefep-taxonomy-active-filter-background-gradient, var(--lgefep-taxonomy-active-filter-background-color,var(--lgefep-taxonomy-normal-filter-background-gradient,var(--lgefep-taxonomy-normal-filter-background-color, #e4e4e4))));

            }

            &:not(.select2-search--dropdown):hover,&.select2-results__option--highlighted{
                color: var(--lgefep-taxonomy-hover-filter-text-color,var(--lgefep-taxonomy-normal-filter-text-color, white));
                background: var(--lgefep-taxonomy-hover-filter-background-gradient, var(--lgefep-taxonomy-hover-filter-background-color,var(--lgefep-taxonomy-normal-filter-background-gradient,var(--lgefep-taxonomy-normal-filter-background-color,#5897fb))));
                text-shadow: var(--lgefep-taxonomy-hover-filter-text-shadow,var(--lgefep-taxonomy-normal-filter-text-shadow));

                &:not(.select2-search--dropdown){
                    border-style: var(--lgefep-taxonomy-hover-filter-border-style,var(--lgefep-taxonomy-normal-filter-border-style));
                    border-width: var(--lgefep-taxonomy-hover-filter-border-width-top,var(--lgefep-taxonomy-normal-filter-border-width-top)) var(--lgefep-taxonomy-hover-filter-border-width-right,var(--lgefep-taxonomy-normal-filter-border-width-right)) var(--lgefep-taxonomy-hover-filter-border-width-bottom,var(--lgefep-taxonomy-normal-filter-border-width-bottom)) var(--lgefep-taxonomy-hover-filter-border-width-left,var(--lgefep-taxonomy-normal-filter-border-width-left));
                    border-color: var(--lgefep-taxonomy-hover-filter-border-color,var(--lgefep-taxonomy-normal-filter-border-color));
                }
            }

            &.lgefep-filter-bar-list-item-child{
                text-indent: 1em;
            }
        }
    }
}