.extra-tile { display: none; }

.extra-tile .hide { display: none; }

@media (min-width: 1840px) {
    .extra-tile {
        width: 25%;
        max-height: 95%;
        display: block;
        padding-top: 1rem;
        z-index: 9;
    }

    .extra-tile > div {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .extra-tile > .calendar { background-color: #444; }
    .extra-tile .calendar .views-element-container { height: 100%; }
    .extra-tile .calendar .view-events {
        overflow-y: scroll;
        scrollbar-width: none;
        max-height: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .extra-tile .calendar .view-events::-webkit-scrollbar { width: 0; }

    .extra-tile .views-element-container { height: 48%; }

    .extra-tile .views-element-container .view-megamenu-widget,
    .extra-tile .views-element-container .view-content,
    .extra-tile .views-element-container .views-row { height: 100%; }

    .extra-tile .view-megamenu-widget .views-row {
        margin: 0 0 2rem 0;
        background-color: #212121;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        transition: all 300ms ease;
    }

    .extra-tile .view-megamenu-widget .views-row .title,
    .extra-tile .view-megamenu-widget .views-row .subtitle,
    .extra-tile .view-megamenu-widget .views-row a {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        width: fit-content;
        color: #FFF;
        margin: .25rem 0;
    }

    .extra-tile .view-megamenu-widget .views-row .title {
        font-size: 26px;
        font-weight: 400;
        margin-top: auto;
    }
    .extra-tile .view-megamenu-widget .views-row .subtitle,
    .extra-tile .view-megamenu-widget .views-row a {
        font-size: 18px;
        font-weight: 300;
    }

    .extra-tile .view-megamenu-widget .views-row a {
        padding-right: 2rem;
        margin-bottom: 1.5rem;
        display: block;
        position: relative;
        transition: all 300ms ease;
    }
    .extra-tile .view-megamenu-widget .views-row a::after {
        content: '';
        background-image: url(../../assets/icons/icon_arrow_right_blue.svg);
        background-position: right center;
        background-size: 1.25rem 1.25rem;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        right: 0;
        width: 1.25rem;
        height: 1.25rem;
        transition: all 300ms ease;
    }


    /* ------------ HOVER EFFECTS ------------ */
    .extra-tile .view-megamenu-widget .views-row:hover {
        background-color: #444;
        cursor: pointer;
        transition: all 300ms ease;
    }
    .extra-tile .view-megamenu-widget .views-row:hover .extra-tile-image-wrapper img {
        transform: scale(1.2);
        /* transition: all 300ms ease; */
    }
    .extra-tile .view-megamenu-widget .views-row:hover .extra-tile-image-wrapper.empty {
        background-size: 120% auto;
        transition: all 300ms ease;
    }
    .extra-tile .view-megamenu-widget .views-row:hover a {
        text-decoration: underline;
        transition: all 300ms ease;
    }
    .extra-tile .view-megamenu-widget .views-row:hover a::after {
        background-image: url(../../assets/icons/icon_arrow_right_w.svg);
        transition: all 300ms ease;
        right: -.5rem
    }
    /* ------------ ------------ ------------ */


    .extra-tile .view-megamenu-widget .views-row .extra-tile-image-wrapper { height: 55%; }
    .extra-tile .view-megamenu-widget .views-row .extra-tile-image-wrapper .field--name-field-image {
        height: 100%;
        overflow: hidden;
    }
    .extra-tile .view-megamenu-widget .views-row .extra-tile-image-wrapper img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: top left;
        /* transition: all 300ms ease; */
    }

    .extra-tile .views-element-container .extra-tile-image-wrapper.empty {
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        transition: all 300ms ease;
    }

    /* home */
    .home#lv_1_research .views-element-container:first-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/home_research_fields.webp);
    }
    .home#lv_1_research .views-element-container:last-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/home_publications.webp);
    }
    .home#lv_1_visitors_guide .views-element-container:last-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/home_campusmap.webp);
    }
    .home#lv_1_ictp_science_outreach .views-element-container:first-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/home_science_outreach.webp);
    }
    .home#lv_1_ictp_science_outreach .views-element-container:last-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/home_partner_institutes.webp);
    }

    /* general for sections */
    #lv_1_higher_education_and_career_development .views-element-container:first-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/home_opportunities_overview.webp);
    }

    /* hecap */
    .high_energy_cosmology_and_astroparticle_physics#lv_1_about .views-element-container:last-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/hecap_people.webp);
    }
    .high_energy_cosmology_and_astroparticle_physics#lv_1_research .views-element-container:first-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/hecap_topicspjs.webp);
    }
    .high_energy_cosmology_and_astroparticle_physics#lv_1_research .views-element-container:last-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/hecap_pubs.webp);
    }

    /* cmsp */
    .condensed_matter_and_statistical_physics#lv_1_about .views-element-container:last-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/cmsp_people.webp);
    }
    .condensed_matter_and_statistical_physics#lv_1_research .views-element-container:first-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/cmsp_topicspjs.webp);
    }
    .condensed_matter_and_statistical_physics#lv_1_research .views-element-container:last-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/cmsp_pubs.png);
    }

    /* math */
    .mathematics#lv_1_about .views-element-container:last-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/math_people.webp);
    }
    .mathematics#lv_1_research .views-element-container:first-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/math_topicspjs.webp);
    }
    .mathematics#lv_1_research .views-element-container:last-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/math_pubs.webp);
    }

    /* sti */
    .science_technology_and_innovation#lv_1_about .views-element-container:last-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/sti_people.webp);
    }
    .science_technology_and_innovation#lv_1_research .views-element-container:first-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/sti_topicspjs.webp);
    }
    .science_technology_and_innovation#lv_1_research .views-element-container:last-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/sti_pubs.webp);
    }
    .science_technology_and_innovation#lv_1_higher_education_and_career_development .views-element-container:last-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/sti_lab_opportunities.webp);
    }

    /* esp */
    .earth_system_physics#lv_1_about .views-element-container:last-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/esp_people.webp);
    }
    .earth_system_physics#lv_1_research .views-element-container:first-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/esp_topicspjs.webp);
    }
    .earth_system_physics#lv_1_research .views-element-container:last-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/esp_pubs.webp);
    }

    /* qls */
    .quantitative_life_sciences#lv_1_about .views-element-container:last-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/qls_people.webp);
    }
    .quantitative_life_sciences#lv_1_research .views-element-container:first-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/qls_topicspjs.webp);
    }
    .quantitative_life_sciences#lv_1_research .views-element-container:last-child .extra-tile-image-wrapper.empty {
        background-image: url(../../assets/images/megamenu/qls_pubs.webp);
    }

}


@media (min-width: 3000px) {
    .extra-tile > div { justify-content: flex-start; }
    .extra-tile .views-element-container { max-height: 450px; }
}