/**
 * @file
 * Styles for Views
*/
/**********************************************\
1.  EXPOSED FORM - Filters (facets)
\**********************************************/
.form-item, .form-actions{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.node__content .view-filters .views-exposed-form .form--inline{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-10);
    border-bottom: var(--border-width) solid var(--black);
    margin-bottom: var(--spacing-20);
}
.views-exposed-form .form--inline .form-item{
    /* display: flex;
    flex-direction: column; */
    max-width: 100%;
}
.views-exposed-form .form--inline .form-item:not(.js-form-item-sort-by) label{
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    word-wrap: normal;
}
.views-exposed-form .form-select{
    max-width: 100%;
}
.views-exposed-form .form--inline .form-item .form-select{
    font-weight: var(--med-weight);
    transition: var(--three-sec-trans);
    cursor: pointer;
}
.views-exposed-form .form--inline .form-item .form-select:hover{

}
.views-exposed-form .form--inline .form-item .form-select:focus{
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: var(--underline-offset);
    text-decoration-thickness: var(--underline-thickness);
}
.views-exposed-form .form--inline input, .views-exposed-form .form--inline optgroup, .views-exposed-form .form--inline select, .views-exposed-form .form--inline textarea{
    font-weight: var(--light-weight);
}
.views-exposed-form .form--inline select{
    border: none;
}
.views-exposed-form .clearfix::after{
    min-width: 100%;
}
.views-exposed-form .form--inline input{
    font-weight: var(--reg-weight);
    background-color: var(--black);
    color: var(--white);
    border: var(--border-width) solid var(--black);
    padding: 0.5rem 1.5rem;
    transition: var(--three-sec-trans);
    cursor: pointer;
}
.views-exposed-form .form--inline input:hover, .views-exposed-form .form--inline input:focus{
    background-color: transparent;
    color: var(--black);
}
/**********************************************\
1.  INPUTS
\**********************************************/
/*=== Select Field ===*/