/* --------------- MAIN BACKGROUND --------------- */
.view-infoscreen.view-display-id-activities > .view-content > .views-row {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-position:  center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 12;
}

.view-infoscreen.view-display-id-activities > .view-content > .views-row::after {
    content: '';
    width: 100vw;
    height: 52vh;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    background-position: 48% top;
    background-size: 32vw;
    background-repeat: no-repeat;
}
.view-infoscreen.view-display-id-activities > .view-content > .views-row.hecap::after { background-image: url(../../assets/infoscreen/filigrana_header_hecap.svg); }
.view-infoscreen.view-display-id-activities > .view-content > .views-row.cmsp::after { background-image: url(../../assets/infoscreen/filigrana_header_cmsp.svg); }
.view-infoscreen.view-display-id-activities > .view-content > .views-row.math::after { background-image: url(../../assets/infoscreen/filigrana_header_math.svg); }
.view-infoscreen.view-display-id-activities > .view-content > .views-row.esp::after { background-image: url(../../assets/infoscreen/filigrana_header_esp.svg); }
.view-infoscreen.view-display-id-activities > .view-content > .views-row.qls::after { background-image: url(../../assets/infoscreen/filigrana_header_qls.svg); }
.view-infoscreen.view-display-id-activities > .view-content > .views-row.sti::after { background-image: url(../../assets/infoscreen/filigrana_header_sti.svg); }


.view-infoscreen.view-display-id-activities > .view-content > .views-row.hecap { background-image: url(../../assets/infoscreen/infoscreen_hecap.webp); }
.view-infoscreen.view-display-id-activities > .view-content > .views-row.cmsp { background-image: url(../../assets/infoscreen/infoscreen_cmsp.webp); }
.view-infoscreen.view-display-id-activities > .view-content > .views-row.math { background-image: url(../../assets/infoscreen/infoscreen_math.webp); }
.view-infoscreen.view-display-id-activities > .view-content > .views-row.esp { background-image: url(../../assets/infoscreen/infoscreen_esp.webp); }
.view-infoscreen.view-display-id-activities > .view-content > .views-row.qls { background-image: url(../../assets/infoscreen/infoscreen_qls.webp); }
.view-infoscreen.view-display-id-activities > .view-content > .views-row.sti { background-image: url(../../assets/infoscreen/infoscreen_sti.webp); }

/* --------------- INFOSCREEN LAYOUT --------------- */
.view-infoscreen.view-display-id-activities > .view-content > .views-row .info { height: 15vh; }
.view-infoscreen.view-display-id-activities > .view-content > .views-row .columns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    height: calc(((100vh - 15vh) / 2) - .5vw);
    /* margin-top: .5vw; */
    gap: .5vw;
}


.view-infoscreen.view-display-id-activities > .view-content > .views-row .one:not(:empty), 
.view-infoscreen.view-display-id-activities > .view-content > .views-row .two:not(:empty),
.view-infoscreen.view-display-id-activities > .view-content > .views-row .three:not(:empty),
.view-infoscreen.view-display-id-activities > .view-content > .views-row .four:not(:empty),
.view-infoscreen.view-display-id-activities > .view-content > .views-row .five:not(:empty),
.view-infoscreen.view-display-id-activities > .view-content > .views-row .six:not(:empty),
.view-infoscreen.view-display-id-activities > .view-content > .views-row .seven:not(:empty) {
    background-color: rgba(0,0,0,.7);
    /* margin: 0 .25vw; */
    height: inherit;
}
.view-infoscreen.view-display-id-activities > .view-content > .views-row .two { 
    grid-column: span 2; 
    padding-left: 1vw;
}
.view-infoscreen.view-display-id-activities > .view-content > .views-row.hecap .two { border-left: .3vw solid var(--hecap); }
.view-infoscreen.view-display-id-activities > .view-content > .views-row.cmsp .two { border-left: .3vw solid var(--cmsp); }
.view-infoscreen.view-display-id-activities > .view-content > .views-row.math .two { border-left: .3vw solid var(--math); }
.view-infoscreen.view-display-id-activities > .view-content > .views-row.esp .two { border-left: .3vw solid var(--esp); }
.view-infoscreen.view-display-id-activities > .view-content > .views-row.qls .two { border-left: .3vw solid var(--qls); }
.view-infoscreen.view-display-id-activities > .view-content > .views-row.sti .two { border-left: .3vw solid var(--sti); }


.view-infoscreen.view-display-id-activities > .view-content > .views-row .view { 
    width: calc(100% - 2vw);
    max-width: unset;
    margin: 0 1vw;
    padding: 0 0 2vw 0;
    height: calc(((100vh - 15vh) / 2) - 3.05vw);
}
.view-infoscreen.view-display-id-activities > .view-content > .views-row .view .swiper-wrapper { width: 100%; }


.view-infoscreen.view-display-id-activities > .view-content > .views-row .view.view-infoscreen-activities.view-display-id-single_seminar {
    padding-bottom: 0;
}

.view-infoscreen.view-display-id-activities > .view-content > .views-row .view .view-content { width: calc((100vw - 1.5vw - 8vw) / 4); }
.view-infoscreen.view-display-id-activities > .view-content > .views-row .two .view .view-content { width: 100%; }


.view-infoscreen.view-display-id-activities > .view-content > .views-row .view.view-display-id-news { height: calc(((100vh - 15vh) / 2) - .5vw); }



/* --------------- LOGOS --------------- */
.view-infoscreen.view-display-id-activities > .view-content > .views-row .info {
    display: grid;
    grid-template-areas: 
        'logosection title1 hour logoictp logocollab1'
        'logosection title2 today logoictp logocollab2';
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 23fr 4fr 1fr 1fr;
    padding: 1vw;
    gap: 0 1vw;
}
.view-infoscreen.view-display-id-activities > .view-content > .views-row .info .logo-section { grid-area: logosection; }
.view-infoscreen.view-display-id-activities > .view-content > .views-row .info .title1 { grid-area: title1; }
.view-infoscreen.view-display-id-activities > .view-content > .views-row .info .title2 { grid-area: title2; }
.view-infoscreen.view-display-id-activities > .view-content > .views-row .info .hour { grid-area: hour; }
.view-infoscreen.view-display-id-activities > .view-content > .views-row .info .today { grid-area: today; }
.view-infoscreen.view-display-id-activities > .view-content > .views-row .info .logo-ictp { grid-area: logoictp; }
.view-infoscreen.view-display-id-activities > .view-content > .views-row .info .logo-collab1 { grid-area: logocollab1; }
.view-infoscreen.view-display-id-activities > .view-content > .views-row .info .logo-collab2 { grid-area: logocollab2; }

.view-infoscreen.view-display-id-activities > .view-content > .views-row .info .logo-collab1,
.view-infoscreen.view-display-id-activities > .view-content > .views-row .info .logo-collab2 {
    width: 3vw;
    height: 3vw;
    display: block;
}

.view-infoscreen.view-display-id-activities > .view-content > .views-row .info .logo-ictp {
    width: 4vw;
    height: 4vw;
    display: block;
    margin: auto 0;   
}


.view-infoscreen.view-display-id-activities > .view-content > .views-row .info .logo-section {
    width: 6vw;
    height: 6vw;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% 1.25vw;
}


/* SECTIONS */
.view-infoscreen-activities .views-field-field-ref-sections .section div { padding: 0 2vw 0 2.5vw; }
.view-infoscreen-activities .views-row.multiple-sections .views-field-field-ref-sections .section div { padding: 0 0 0 2.5vw; }
.view-infoscreen-activities .views-field-field-ref-sections .section div {
    height: 2vw;
    margin: .5vw 0;
    background-size: 2vw 2vw;
}
.view-infoscreen-activities .views-field-field-ref-sections .section div {
    font-size: .6vw;
    line-height: 1vw;
}

/* PAGINATION */
.view-infoscreen-activities .swiper-pagination {
    bottom: .65vw !important;
}
.view-infoscreen-activities .swiper-pagination-bullet { 
    width: .45vw;
    height: .45vw;
    background-color: var(--light_gray);
    opacity: .5;
}
.view-infoscreen-activities .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { 
    opacity: 1; 
    transform: scale(1.3);
}

.hecap .view-infoscreen-activities .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--hecap); }
.cmsp .view-infoscreen-activities .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--cmsp); }
.math .view-infoscreen-activities .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--math); }
.esp .view-infoscreen-activities .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--esp); }
.qls .view-infoscreen-activities .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--qls); }
.sti .view-infoscreen-activities .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--sti); }