#filter {
    display  : block;
    width    : 100%;
    max-width: 100%;
}

#search-fields {
    position  : relative;
    margin-top: 5px;
    padding   : 0 0 10px 0;
}

#search-fields select option {
    color: black;
}

#search-fields label {
    color    : var(--white);
    font-size: 18px;
    display  : block;
    margin   : 0 0 10px 0;
}

#search-fields input,
#search-fields select {
    color                : var(--white);
    width                : 100%;
    max-width            : 100%;
    height               : 40px;
    border               : 0;
    border               : solid 1px #f5f6fa;
    border-radius        : 4px;
    padding              : 8px 5px;
    background-color     : transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    -ms-border-radius    : 4px;
    -o-border-radius     : 4px;
}

#search-fields select {
    background-image   : url('../images/down-arrow.svg');
    background-repeat  : no-repeat;
    background-size    : 12px;
    background-position: calc(100% - 10px);
}

#search-fields input[type="search"] {
    box-sizing: border-box;
    height    : 40px;
}

#search-fields ::placeholder {
    color: var(--white);
}

.col-btn-filtro {
    display       : flex;
    flex-direction: column;
    align-items   : start;
    padding-right : 0;
}


#search-fields button {
    cursor  : pointer;
    display : inline-block;
    position: absolute;
    top     : 4px;
    z-index : 2;
}

#search-fields #filtra {
    display           : inline-block;
    background-color  : #ff3365;
    border            : 2px solid #ff3365;
    color             : #fff;
    font-weight       : bold;
    font-size         : 14px;
    text-decoration   : none;
    border-radius     : 4px;
    padding           : 5px 20px;
    cursor            : pointer;
    box-shadow        : 0px 2px 3px rgba(0, 0, 0, .2);
    -webkit-transition: 0.2s ease-in-out;
    transition        : 0.2s ease-in-out;
    -moz-transition   : 0.2s ease-in-out;
    -ms-transition    : 0.2s ease-in-out;
    -o-transition     : 0.2s ease-in-out;
}

#search-fields #filtra:hover {
    background-color: #fff;
    color           : #ff3365;
    border          : 2px solid #ff3365;
}

#search-fields #filtra:hover::after {
    content            : '';
    background-image   : url(../images/search-ico-red.svg);
    width              : 65px;
    height             : 25px;
    background-repeat  : no-repeat;
    background-position: 38px 4px;
    background-size    : 22px;
}

.search-icon {
    position: absolute;
    top     : 12px;
    right   : 12px;
    width   : 25px;
    height  : 20px;
}

#active-filters-list {
    display: flex;
}

#active-filters p {
    color : var(--white);
    margin: 0 0 10px 0;
}

.active-pill {
    margin-right: 10px;
}

.active-item {
    color                : var(--main);
    display              : flex;
    min-width            : 70px;
    padding-left         : 8px;
    padding-right        : 8px;
    background-color     : var(--white);
    border-radius        : 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius   : 25px;
    -ms-border-radius    : 25px;
    -o-border-radius     : 25px;
}

.reset-button {
    width              : 18px;
    height             : 18px;
    align-self         : center;
    margin-left        : 10px;
    background         : 0 0;
    background-image   : url(../images/remove.svg);
    background-repeat  : no-repeat;
    background-position: center;
    border             : none;
}

/* .post-type-archive-vendor #filtered-list {
    display: none;
} */

#loading {
    display   : none;
    width     : 100%;
    text-align: center;
}

h2.network-no-result {
    width      : 100%;
    text-align : center;
    font-size  : 1.8rem;
    font-weight: 700;
    margin     : 60px 0 20px 0;
}

p.network-no-result {
    width        : 100%;
    text-align   : center;
    font-size    : 1.4rem;
    margin-bottom: 40px;
    color        : var(--gray);
    font-weight  : lighter;
}

.no-lawyer .subtitle {
    font-family: 'Source Sans Pro' !important;
}

.vendor-image-box {
    margin-top: 10px;
}

.vendor-image-box img {
    width                : 90px;
    height               : 90px;
    border               : solid 1px var(--gray-light);
    border-radius        : 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    -ms-border-radius    : 5px;
    -o-border-radius     : 5px;
    object-fit           : cover;
    object-position      : center;
}

.archive-vendor-country .city-name,
.archive-vendor-country .vendor-flag {
    color      : var(--black) !important;
    font-size  : 14px;
    line-height: 18.2px;
}

.archive-vendor-skills {
    margin-top: 5px;
}

.archive-vendor-skills h3 {
    color      : var(--black);
    font-size  : 14px;
    font-weight: 600;
    line-height: 18.2px;
}

.archive-vendor-skills ul {
    margin-top     : 15px;
    display        : flex;
    flex-wrap      : wrap;
    justify-content: start;
}

.archive-vendor-skills ul li {
    color                : var(--gray);
    font-size            : 12px;
    font-weight          : 500;
    line-height          : 17px;
    display              : inline-block;
    margin-right         : 4px;
    margin-bottom        : 3px;
    padding              : 0 8px;
    border               : solid 1px var(--gray);
    border-radius        : 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius   : 100px;
    -ms-border-radius    : 100px;
    -o-border-radius     : 100px;
}

.column-right-separator {
    border-right: solid 1px var(--white);
}

.archive-pagination {
    width          : 100%;
    display        : flex;
    justify-content: center;
    align-items    : baseline;
}

.archive-pagination li a {
    color      : var(--dark);
    font-size  : 18px;
    font-weight: 400;
    line-height: 50px;
}

.archive-pagination .active {
    color          : var(--main);
    font-size      : 18px;
    font-weight    : 700;
    line-height    : 50px;
    text-decoration: underline;
}

.no-post-found h2 {
    text-align : center;
    font-size  : 2rem;
    font-weight: 700;
}

@media screen and (max-width: 997px) {

    /* Archivio Vendor */
    .post-type-archive-vendor #filter,
    .post-type-archive-vendor #filtered-list {
        display: flex;
    }

    .archive-vendor-skills ul {
        justify-content: center;
    }
}

@media screen and (max-width: 767px) {

    .vendor-image-box {
        text-align: center;
    }

    .column-right-separator {
        border-right: none;
    }

    #search-fields input,
    #search-fields select {
        margin-bottom: 5px;
    }

    #search-fields .col-btn-filtro {
        height     : 20px;
        align-items: start;
    }

    #search-fields button {
        top: 15px;
    }
}