/*CSS BUTTONS FILTER*/
.ver-filter-item .btn-filter {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1.4px;
    font-weight: 500;
    display: flex;
    gap: 0.5rem;
    box-shadow: 0px 0px 0px #00000000;
    transition: box-shadow .5s cubic-bezier(0.65, 0, 0.35, 1);
}

.ver-filter-item.disabled{
    pointer-events: none;
    filter: grayscale(1);
}

.ver-filter-item.disabled .btn-filter span,
.ver-filter-item.disabled .btn-filter:after,
.ver-filter-item.disabled .btn-filter:before{
    opacity: 0.3;
}

.ver-filter-item .btn-filter:hover {
    box-shadow: 0px 3px 20px #00000029;
}

/*CSS BUTTONS FILTER ICON BEFORE*/
.ver-filter-item .btn-filter:before {
    font-family: 'Font Awesome 6 Pro';
    font-size: 1rem;
    color: var(--oea_colors_dark);
}

.ver-filter-item .btn-filter.location:before {
    content: '\f3c5';
}

.ver-filter-item .btn-filter.date:before {
    content: '\f073';
}

.ver-filter-item .btn-filter.type:before {
    content: '\f017';
}

.ver-filter-item .btn-filter.level:before {
    content: '\f828';
}

.ver-filter-item .btn-filter.area:before {
    content: '\f0b1';
}

.ver-filter-item .btn-filter.name:before {
    content: '\41';
}

/*CSS BUTTONS FILTER ARROW DROPDOWN*/
.ver-filter-item .btn-filter:after {
    content: '\f107';
    font-family: 'Font Awesome 6 pro';
    color: var(--oea_colors_secondary);
    font-size:1rem;
    transform: rotate(0deg);
    transition: all .5s cubic-bezier(0.65, 0, 0.35, 1);
}

.ver-filter-item .btn-filter.active:after{
    transform: rotate(180deg);
}

/*CSS SHOW STYLE*/

.ver-filter-item .btn-filter span {
    position: relative;
    z-index: 0;
    pointer-events: none;
}

.ver-filter-item .btn-filter span:after {
    content: '';
    width: 0.025rem;
    height: 0.25rem;
    display: block;
    position: absolute;
    background: transparent;
    min-width: 0.25rem;
    min-height: 0.25rem;
    border-radius: 100px;
    top: 0px;
    right: -0.25rem;
    transition: all .3s cubic-bezier(0.65, 0, 0.35, 1);
}

.ver-filter-item .btn-filter.show span:after {
    background: var(--oea_colors_secondary);
}

/*CSS BUTTONS FILTER OPTIONS*/

.ver-filter-item .btn-filter ~ .options-container {
    box-shadow: 0px 0px 0px #00000000;
    position: absolute;
    width: 100%;
    top: calc(100% + 0.5rem);
    overflow: hidden;
    opacity:0;
    transform: scaleY(0);
    transform-origin: top center;
    pointer-events: none;
    transition: all .3s cubic-bezier(0.65, 0, 0.35, 1);
}

.ver-filter-item .btn-filter.active ~ .options-container {
    opacity:1;
    transform: scaleY(1);
    pointer-events: all;
    box-shadow: 0px 3px 20px #00000029;
}

.ver-filter-item .btn-filter ~ .options-container .option {
    transition: background-color .2s cubic-bezier(0.65, 0, 0.35, 1);
}

.ver-filter-item .btn-filter ~ .options-container .option.active {
    background-color: var(--oea_colors_light) !important;
    font-weight: 600 !important;
}

.ver-filter-item .btn-filter ~ .options-container .option:last-child {
    border-bottom: none;
}

/*CSS SEARCH BAR STYLE*/

.current-search-form:after {
    content: '\f002';
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--oea_colors_secondary);
}

.current-search-form input{
    padding: 0.9rem 1.5rem !important;
    border-radius: 16px !important;
    line-height: 1em;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.4px;
    min-width: 440px;
}

.ver-alljobs-container .current-search-form input {
    min-width: 180px;
}

.current-search-form input::placeholder{
    color: var(--oea_colors_primary);
}

@media only screen and (max-width: 767px) {
.ver-filters-container {
    gap: 0.5rem;
} 

/*CSS BUTTONS FILTER*/
.ver-filter-item {
    justify-content: space-between;
    max-width: 280px;
    max-width: 250px;
    min-width: 250px;
    margin: auto;
}

.ver-filter-item .btn-filter {
    justify-content: space-between;
}

/*CSS SEARCH BAR*/
.current-search-form input {
    min-width: calc(100vw - 1rem);
} 

.ver-alljobs-container .current-search-form input,
.ver-allresearchs-container .current-search-form input,
.ver-allblog-container .current-search-form input {
    min-width: calc(100vw - 3rem);
} 
}

@media only screen and (max-width: 1024px) {
.ver-filter-item .btn-filter {
    transition: all .3s cubic-bezier(0.65, 0, 0.35, 1);
    opacity: 1;
    pointer-events: all;
}

.ver-filter-item .btn-filter.disabled {
    opacity: 0;
    pointer-events: none;
}

.ver-filter-item .btn-filter ~ .options-container {
    top: unset;
    bottom: calc(100% + 0.5rem);
}
}