.view-opportunity .view-filters,
.view-news.view-display-id-block_4 .view-filters,
.view-news.view-display-id-block_3 .view-filters,
.view-pwf-projects .view-filters,
.view-pubblications.allpubs .view-filters {
    position: relative;
    padding: 3rem 0 0 0;
}


/* --------------- NO CONTENT JS RESULT --------------- */

.view .view-empty,
.view .view-content.no-content { display: block; }

.view-empty { padding: 0 2rem; }

.view .view-empty h3,
.view .view-content.no-content h3 {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.5em;
    color: var(--text_color);
}

.view .view-empty a.btn,
.view .view-content.no-content a.btn {
    text-transform: unset;
    padding: .75rem 1.5rem .75rem 3rem;
    background-position: 1rem center;
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    width: fit-content;
    background-image: url(../../assets/icons/icon-refresh-w.png);
}

.section-hecap .view .view-empty a.btn,
.section-hecap .view .view-content.no-content a.btn { background-color: var(--hecap); }

.section-cmsp .view .view-empty a.btn,
.section-cmsp .view .view-content.no-content a.btn { background-color: var(--cmsp); }

.section-math .view .view-empty a.btn,
.section-math .view .view-content.no-content a.btn { background-color: var(--math); }

.section-sti .view .view-empty a.btn,
.section-sti .view .view-content.no-content a.btn { background-color: var(--sti); }

.section-qls .view .view-empty a.btn,
.section-qls .view .view-content.no-content a.btn { background-color: var(--qls); }

.section-esp .view .view-empty a.btn,
.section-esp .view .view-content.no-content a.btn { background-color: var(--esp); }

/* --------------- --------------- --------------- --------------- */

.view-opportunity .view-filters { margin-bottom: 4rem; }

.view-news.view-display-id-block_4 .view-filters,
.view-news.view-display-id-block_3 .view-filters,
.view-pwf-projects .view-filters { margin-bottom: 2rem; }

.view-opportunity .view-filters::before,
.view-news.view-display-id-block_4 .view-filters::before,
.view-news.view-display-id-block_3 .view-filters::before,
.view-pwf-projects .view-filters::before,
.view-pubblications.allpubs .view-filters::before {
    content: '';
    width: 100vw;
    height: 240px;
    background-color: var(--light_gray);
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.view-opportunity .view-filters::before { height: 290px; }

.view-opportunity .view-filters::before,
.view-news.view-display-id-block_4 .view-filters::before,
.view-news.view-display-id-block_3 .view-filters::before,
.view-pwf-projects .view-filters::before { top: -88px; }

.view-opportunity .view-filters::after,
.view-news.view-display-id-block_4 .view-filters::after,
.view-news.view-display-id-block_3 .view-filters::after,
.view-pwf-projects .view-filters::after,
.view-pubblications.allpubs .view-filters::after {
    content: 'select filter:';
    font-size: 14px;
    padding: 1rem 1rem 1rem 2rem;
    position: absolute;
    top: -5px;
    left: 2rem;
    width: 100%;
    pointer-events: none;
    background-position: left center;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-image: url(../../assets/icons/icon_advanced_search.svg);
}

.page-member .view-pubblications.allpubs .view-filters::after { left: 0; }

.view-pubblications .filters-adj { display: none; }
.view-pubblications .filters-adj:first-child { display: block; }

.view-opportunity .view-filters form .form-item > label,
form#views-exposed-form-news-block-3 .form-item > label,
form#views-exposed-form-news-block-4 .form-item > label,
form#views-exposed-form-pwf-projects-block-1 .form-item > label,
form#views-exposed-form-pubblications-all-home .form-item > label,
form#views-exposed-form-pubblications-all .form-item > label,
form#views-exposed-form-pubblications-memberall .form-item > label { display: none; }

.view-opportunity .view-filters form .form-item,
form#views-exposed-form-news-block-3 .form-item,
form#views-exposed-form-news-block-4 .form-item,
form#views-exposed-form-pwf-projects-block-1 .form-item,
form#views-exposed-form-pubblications-all-home .form-item,
form#views-exposed-form-pubblications-all .form-item,
form#views-exposed-form-pubblications-memberall .form-item {
    width: 100%;
    margin: 0;
}

.view-opportunity .view-filters form select,
form#views-exposed-form-news-block-3 select,
form#views-exposed-form-news-block-4 select,
form#views-exposed-form-pwf-projects-block-1 select,
form#views-exposed-form-pubblications-all-home select,
form#views-exposed-form-pubblications-all select,
form#views-exposed-form-pubblications-memberall select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../../assets/icons/icon_accordion_down.svg);
    background-position: calc(100% - 1rem) center;
    background-repeat: no-repeat;
    background-size: .75rem .75rem;
}

.view-opportunity .view-filters form div:not(.form-actions) > input,
.view-opportunity .view-filters form select,
.view-opportunity .view-filters form option,
form#views-exposed-form-news-block-3 div:not(.form-actions) > input,
form#views-exposed-form-news-block-3 select,
form#views-exposed-form-news-block-3 option,
form#views-exposed-form-news-block-4 div:not(.form-actions) > input,
form#views-exposed-form-news-block-4 select,
form#views-exposed-form-news-block-4 option,
form#views-exposed-form-pwf-projects-block-1 div:not(.form-actions) > input,
form#views-exposed-form-pwf-projects-block-1 select,
form#views-exposed-form-pwf-projects-block-1 option,
form#views-exposed-form-pubblications-all-home div:not(.form-actions) > input,
form#views-exposed-form-pubblications-all-home select,
form#views-exposed-form-pubblications-all-home option,
form#views-exposed-form-pubblications-all div:not(.form-actions) > input,
form#views-exposed-form-pubblications-all select,
form#views-exposed-form-pubblications-all option,
form#views-exposed-form-pubblications-memberall div:not(.form-actions) > input,
form#views-exposed-form-pubblications-memberall select,
form#views-exposed-form-pubblications-memberall option {
    padding: 1rem .5rem;
    font-size: 1rem;
    background-color: #FFF;
    border-radius: 0;
    border: 1px solid var(--border_gray);
    font-family: 'Ubuntu';
    width: 100%;
}

.view-opportunity .view-filters form select,
.view-opportunity .view-filters form option,
form#views-exposed-form-news-block-3 select,
form#views-exposed-form-news-block-3 option,
form#views-exposed-form-news-block-4 select,
form#views-exposed-form-news-block-4 option,
form#views-exposed-form-pwf-projects-block-1 select,
form#views-exposed-form-pwf-projects-block-1 option,
form#views-exposed-form-pubblications-all-home select,
form#views-exposed-form-pubblications-all-home option,
form#views-exposed-form-pubblications-all select,
form#views-exposed-form-pubblications-all option,
form#views-exposed-form-pubblications-memberall select,
form#views-exposed-form-pubblications-memberall option {
    cursor: pointer;
}

.view-opportunity .view-filters form .form--inline {
    display: grid;
    gap: 1rem .5rem;
    grid-template-areas:
        'one'
        'two'
        /* 'mid' */
        'four';
    grid-template-columns: 1fr;
    gap: .5rem;
    position: relative;
}


form#views-exposed-form-news-block-3 .form--inline,
form#views-exposed-form-news-block-4 .form--inline,
form#views-exposed-form-pwf-projects-block-1 .form--inline,
form#views-exposed-form-pubblications-all-home .form--inline,
form#views-exposed-form-pubblications-all .form--inline,
form#views-exposed-form-pubblications-memberall .form--inline {
    display: grid;
    gap: 1rem .5rem;
    grid-template-areas:
        'one'
        'two'
        'four';
    grid-template-columns: 1fr;
    gap: 1rem;
    position: relative;
}
form#views-exposed-form-news-block-3 .form--inline,
form#views-exposed-form-news-block-4 .form--inline,
form#views-exposed-form-pwf-projects-block-1 .form--inline { gap: .5rem; }

/* .view-opportunity .view-filters form .form--inline .form-item-opencall {
    grid-area: mid;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 1rem 0;
}
.view-opportunity .view-filters form .form--inline .form-item-opencall button {
    height: 1.2rem;
    position: relative;
    padding: 0 0 0 2rem;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
}
.view-opportunity .view-filters form .form--inline .form-item-opencall button::before {
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid var(--border_gray);
    background-color: #FFF;
}
.view-opportunity .view-filters form .form--inline .form-item-opencall button.checked::before {
    background-color: var(--main_blue);
    border: 1px solid var(--main_blue);
    background-image: url(../../assets/icons/icon_tick.svg);
    background-position: center center;
    background-size: 60%;
    background-repeat: no-repeat;
} */


.view-opportunity .view-filters form .form--inline .form-item-field-call-open-date-value,
.view-opportunity .view-filters form .form--inline .form-item-field-event-deadline-value { display: none; }

.view-opportunity .view-filters form .form-item-title,
form#views-exposed-form-news-block-3 .form-item-title,
form#views-exposed-form-news-block-4 .form-item-title,
form#views-exposed-form-pwf-projects-block-1 .form-item-title,
form#views-exposed-form-pwf-projects-block-1 .form-item-search,
form#views-exposed-form-pubblications-all-home .form-item-title,
form#views-exposed-form-pubblications-all .form-item-title,
form#views-exposed-form-pubblications-memberall .form-item-pubtt { grid-area: four; }

.view-opportunity .view-filters form .form-item-date,
form#views-exposed-form-news-block-3 .form-item-date,
form#views-exposed-form-news-block-4 .form-item-date,
form#views-exposed-form-pwf-projects-block-1 .form-item-date,
form#views-exposed-form-pubblications-all-home .form-item-year,
form#views-exposed-form-pubblications-all .form-item-year,
form#views-exposed-form-pubblications-memberall .form-item-year { grid-area: one; }

/* form#views-exposed-form-news-block-3 .form-item-type, */
form#views-exposed-form-pubblications-all-home .form-item-type,
form#views-exposed-form-pubblications-all .form-item-type,
form#views-exposed-form-pubblications-memberall .form-item-pubty { grid-area: two; }

.view-opportunity .view-filters form .form-actions,
form#views-exposed-form-news-block-3 .form-actions,
form#views-exposed-form-news-block-4 .form-actions,
form#views-exposed-form-pwf-projects-block-1 .form-actions,
form#views-exposed-form-pubblications-all-home .form-actions,
form#views-exposed-form-pubblications-all .form-actions,
form#views-exposed-form-pubblications-memberall .form-actions {
    grid-area: five;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin: 0;
    position: absolute;
    bottom: 1.125rem;
    right: 0;
}
.view-opportunity .view-filters form .form-actions { bottom: .7rem; }
form#views-exposed-form-news-block-3 .form-actions,
form#views-exposed-form-news-block-4 .form-actions,
form#views-exposed-form-pwf-projects-block-1 .form-actions { bottom: calc(.5rem + 2px); }

.view-opportunity .view-filters form .form-actions input,
form#views-exposed-form-news-block-3 .form-actions input,
form#views-exposed-form-news-block-4 .form-actions input,
form#views-exposed-form-pwf-projects-block-1 .form-actions input,
form#views-exposed-form-pubblications-all-home .form-actions input,
form#views-exposed-form-pubblications-all .form-actions input,
form#views-exposed-form-pubblications-memberall .form-actions input {
    background-color: #191A1A;
    font-size: 0;
    width: 3rem;
    height: 3rem;
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40%;
    border: none;
}

.view-opportunity .view-filters form .form-actions input[value="Apply"],
form#views-exposed-form-news-block-3 .form-actions input[value="Apply"],
form#views-exposed-form-news-block-4 .form-actions input[value="Apply"],
form#views-exposed-form-pwf-projects-block-1 .form-actions input[value="Apply"],
form#views-exposed-form-pubblications-all-home .form-actions input[value="Apply"],
form#views-exposed-form-pubblications-all .form-actions input[value="Apply"],
form#views-exposed-form-pubblications-memberall .form-actions input[value="Apply"] {
    position: relative;
    margin: 0 .25rem 0 0;
    background-image: url(../../assets/icons/icon-search-w.svg);
    background-color: #191A1A;
}

.view-opportunity .view-filters form .form-actions input[value="Reset"],
form#views-exposed-form-news-block-3 .form-actions input[value="Reset"],
form#views-exposed-form-news-block-4 .form-actions input[value="Reset"],
form#views-exposed-form-pwf-projects-block-1 .form-actions input[value="Reset"],
form#views-exposed-form-pubblications-all-home .form-actions input[value="Reset"],
form#views-exposed-form-pubblications-all .form-actions input[value="Reset"],
form#views-exposed-form-pubblications-memberall .form-actions input[value="Reset"] {
    position: relative;
    margin: 0 .25rem 0 0;
    background-image: url(../../assets/icons/icon_close_w.svg);
    background-color: #191A1A;
}


@media (min-width: 768px) {
    .view-opportunity .view-filters form .form--inline {
        display: grid;
        gap: .5rem;
        grid-template-areas:
            'one two three'
            'mid mid mid'
            'four four four';
        grid-template-columns: 2fr 2fr 1fr;
    }

    /* .view-opportunity .view-filters form .form--inline .form-item-opencall { margin: .5rem 0; } */
    .view-opportunity .view-filters::before { height: 240px; }


    form#views-exposed-form-news-block-3 .form--inline,
    form#views-exposed-form-news-block-4 .form--inline,
    form#views-exposed-form-pwf-projects-block-1 .form--inline,
    form#views-exposed-form-pubblications-all-home .form--inline,
    form#views-exposed-form-pubblications-all .form--inline,
    form#views-exposed-form-pubblications-memberall .form--inline {
        display: grid;
        gap: 1rem;
        grid-template-areas:
            'one two three'
            'four four four';
        grid-template-columns: 2fr 2fr 1fr;
    }

    form#views-exposed-form-pubblications-all-home .form--inline {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .view-opportunity .view-filters form .form-actions input,
    form#views-exposed-form-news-block-3 .form-actions input,
    form#views-exposed-form-news-block-4 .form-actions input,
    form#views-exposed-form-pwf-projects-block-1 .form-actions input,
    form#views-exposed-form-pubblications-all-home .form-actions input,
    form#views-exposed-form-pubblications-all .form-actions input,
    form#views-exposed-form-pubblications-memberall .form-actions input {
        width: 3rem;
        height: 3rem;
    }

    .view-opportunity .view-filters form .form-actions,
    form#views-exposed-form-news-block-3 .form-actions,
    form#views-exposed-form-news-block-4 .form-actions,
    form#views-exposed-form-pwf-projects-block-1 .form-actions,
    form#views-exposed-form-pubblications-all .form-actions,
    form#views-exposed-form-pubblications-memberall .form-actions {
        bottom: .2rem;
        right: 0;
    }

    form#views-exposed-form-pubblications-all-home .form-actions {
        bottom: 1.2rem;
        right: 0;
    }
}

@media (min-width: 992px) {
    .view-opportunity .view-filters,
    .view-news.view-display-id-block_4 .view-filters,
    .view-news.view-display-id-block_3 .view-filters,
    .view-pwf-projects .view-filters,
    .view-pubblications.allpubs .view-filters {
        padding: 3rem 2rem 0 2rem;
    }

    .page-member .view-pubblications.allpubs .view-filters { padding: 3rem 0 0 0; }


    /* --------------- NO CONTENT JS RESULT --------------- */
    .view .view-content.no-content { padding: 3rem 2rem 0 2rem; }
    
    .view .view-empty h3,
    .view .view-content.no-content h3 { font-size: 40px; }

    /* --------------- --------------- --------------- --------------- */
}

@media (min-width: 1024px) {
    .view-pubblications.allpubs .view-filters::before { top: -100px; }

    .page-member .view-pubblications.allpubs .view-filters::before { top: -135px; }
    .page-member .view-pubblications.allpubs .view-filters::before { height: 280px; }

    .view-opportunity .view-filters form div:not(.form-actions) > input,
    .view-opportunity .view-filters form select,
    .view-opportunity .view-filters form option,
    form#views-exposed-form-news-block-3 div:not(.form-actions) > input,
    form#views-exposed-form-news-block-3 select,
    form#views-exposed-form-news-block-3 option,
    form#views-exposed-form-news-block-4 div:not(.form-actions) > input,
    form#views-exposed-form-news-block-4 select,
    form#views-exposed-form-news-block-4 option,
    form#views-exposed-form-pwf-projects-block-1 div:not(.form-actions) > input,
    form#views-exposed-form-pwf-projects-block-1 select,
    form#views-exposed-form-pwf-projects-block-1 option,
    form#views-exposed-form-pubblications-all-home div:not(.form-actions) > input,
    form#views-exposed-form-pubblications-all-home select,
    form#views-exposed-form-pubblications-all-home option,
    form#views-exposed-form-pubblications-all div:not(.form-actions) > input,
    form#views-exposed-form-pubblications-all select,
    form#views-exposed-form-pubblications-all option,
    form#views-exposed-form-pubblications-memberall div:not(.form-actions) > input,
    form#views-exposed-form-pubblications-memberall select,
    form#views-exposed-form-pubblications-memberall option {
        font-size: 18px;
    }
}

.page-member h3.pubs-filter-header,
.view-opportunity .view-header,
.view-news.view-display-id-block_3 .view-header,
.view-news.view-display-id-block_4 .view-header,
.view-pwf-projects .view-header,
.view-pubblications.allpubs .view-header,
.view-pubblications.allpubs .view-header .section-label:before {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: var(--text_color);
}

.page-member .main-slide-publications h3.pubs-filter-header { margin-top: 2rem;}

.view-opportunity .view-header,
.view-news.view-display-id-block_3 .view-header,
.view-news.view-display-id-block_4 .view-header,
.view-pwf-projects .view-header { margin-top: 3rem; }

.page-member h3.pubs-filter-header,
.view-opportunity .view-header,
.view-news.view-display-id-block_3 .view-header,
.view-news.view-display-id-block_4 .view-header,
.view-pwf-projects .view-header,
.view-pubblications.allpubs .view-header { padding: 0 2rem; }


@media (min-width: 1024px) {
    .page-member h3.pubs-filter-header,
    .view-opportunity .view-header,
    .view-news.view-display-id-block_3 .view-header,
    .view-news.view-display-id-block_4 .view-header,
    .view-pwf-projects .view-header,
    .view-pubblications.allpubs .view-header,
    .view-pubblications.allpubs .view-header .section-label:before {
        font-size: 30px;
        font-weight: 500;
        line-height: 1.5rem;
        margin-bottom: 2rem;
        margin-top: 5rem;
    }

    .view-opportunity .view-header,
    .view-news.view-display-id-block_3 .view-header,
    .view-news.view-display-id-block_4 .view-header,
    .view-pwf-projects .view-header { margin-bottom: 1rem; }
}

/* SECTION COLOR IN TITLE */
.section-hecap .view-pubblications.allpubs .view-header .section-label:before {
    content: "HECAP";
    color: var(--hecap);
}
.section-cmsp .view-pubblications.allpubs .view-header .section-label:before {
    content: "CMSP";
    color: var(--cmsp);
}

.section-math .view-pubblications.allpubs .view-header .section-label:before {
    content: "MATH";
    color: var(--math);
}
.section-esp .view-pubblications.allpubs .view-header .section-label:before {
    content: "ESP";
    color: var(--esp);
}
.section-sti .view-pubblications.allpubs .view-header .section-label:before {
    content: "STI";
    color: var(--sti);
}
.section-qls .view-pubblications.allpubs .view-header .section-label:before {
    content: "QLS";
    color: var(--qls);
}

/* section color filter buttons */
.section-home .view-opportunity .view-filters form .form-actions input[value="Apply"],
.section-home .view-opportunity .view-filters form .form-actions input[value="Reset"],
.section-home form#views-exposed-form-news-block-4 .form-actions input[value="Apply"],
.section-home form#views-exposed-form-news-block-4 .form-actions input[value="Reset"],
.section-home form#views-exposed-form-pwf-projects-block-1 .form-actions input[value="Apply"],
.section-home form#views-exposed-form-pwf-projects-block-1 .form-actions input[value="Reset"],
.section-home form#views-exposed-form-pubblications-all-home .form-actions input[value="Apply"],
.section-home form#views-exposed-form-pubblications-all-home .form-actions input[value="Reset"] { background-color: var(--main_blue); }

.section-hecap form#views-exposed-form-news-block-3 .form-actions input[value="Apply"],
.section-hecap form#views-exposed-form-news-block-3 .form-actions input[value="Reset"],
.section-hecap form#views-exposed-form-pubblications-all .form-actions input[value="Apply"],
.section-hecap form#views-exposed-form-pubblications-all .form-actions input[value="Reset"] { background-color: var(--hecap); }

.section-cmsp form#views-exposed-form-news-block-3 .form-actions input[value="Apply"],
.section-cmsp form#views-exposed-form-news-block-3 .form-actions input[value="Reset"],
.section-cmsp form#views-exposed-form-pubblications-all .form-actions input[value="Apply"],
.section-cmsp form#views-exposed-form-pubblications-all .form-actions input[value="Reset"] { background-color: var(--cmsp); }

.section-math form#views-exposed-form-news-block-3 .form-actions input[value="Apply"],
.section-math form#views-exposed-form-news-block-3 .form-actions input[value="Reset"],
.section-math form#views-exposed-form-pubblications-all .form-actions input[value="Apply"],
.section-math form#views-exposed-form-pubblications-all .form-actions input[value="Reset"] { background-color: var(--math); }

.section-sti form#views-exposed-form-news-block-3 .form-actions input[value="Apply"],
.section-sti form#views-exposed-form-news-block-3 .form-actions input[value="Reset"],
.section-sti form#views-exposed-form-pubblications-all .form-actions input[value="Apply"],
.section-sti form#views-exposed-form-pubblications-all .form-actions input[value="Reset"] { background-color: var(--sti); }

.section-qls form#views-exposed-form-news-block-3 .form-actions input[value="Apply"],
.section-qls form#views-exposed-form-news-block-3 .form-actions input[value="Reset"],
.section-qls form#views-exposed-form-pubblications-all .form-actions input[value="Apply"],
.section-qls form#views-exposed-form-pubblications-all .form-actions input[value="Reset"] { background-color: var(--qls); }

.section-esp form#views-exposed-form-news-block-3 .form-actions input[value="Apply"],
.section-esp form#views-exposed-form-news-block-3 .form-actions input[value="Reset"],
.section-esp form#views-exposed-form-pubblications-all .form-actions input[value="Apply"],
.section-esp form#views-exposed-form-pubblications-all .form-actions input[value="Reset"] { background-color: var(--esp); }