body.noscroll #sliding-popup { display: none !important; }

.view-infoscreen::after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    transition: opacity 1000ms ease;
}

.view-infoscreen.blank::after {
    opacity: 1;
    transition: opacity 1000ms ease;
}


/* --------------- TITLES --------------- */
body.noscroll {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.view-infoscreen h4 { 
    margin: 0 1vw; 
    padding: .75vw .5vw 0.75vw .5vw;
    font-size: .9vw;
    line-height: 1vw;
    color: #fff;
    border-bottom: 1px solid var(--medium_gray);
}


.view-infoscreen .faculty h4 {
    padding: 0.5vw 0.5vw 1vw .5vw;
    font-size: 1.4vw;
    font-weight: 300;
    margin: 0 .5vw;
    color: #fff;
}
.view-infoscreen.view-display-id-people > .view-content > .views-row.hecap .faculty h4 { border-bottom: 1px solid var(--hecap); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.cmsp .faculty h4 { border-bottom: 1px solid var(--cmsp); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.math .faculty h4 { border-bottom: 1px solid var(--math); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.esp .faculty h4 { border-bottom: 1px solid var(--esp); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.qls .faculty h4 { border-bottom: 1px solid var(--qls); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.sti .faculty h4 { border-bottom: 1px solid var(--sti); }


/* --------------- MEMBER CARD --------------- */
.view-infoscreen.view-display-id-people > .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;
    border: none;
    padding: 0;
}

.view-infoscreen.view-display-id-people > .view-content > .views-row .first { 
    margin: 0 .25vw; 
    padding-top: .5vw;
}

.view-infoscreen.view-display-id-people > .view-content > .views-row .one, 
.view-infoscreen.view-display-id-people > .view-content > .views-row .two,
.view-infoscreen.view-display-id-people > .view-content > .views-row .three,
.view-infoscreen.view-display-id-people > .view-content > .views-row .five,
.view-infoscreen.view-display-id-people > .view-content > .views-row .six {
    background-color: rgba(0,0,0,.7);
}

.view-infoscreen.view-display-id-people > .view-content > .views-row .four {
    position: relative;
}

.view-infoscreen.view-display-id-people > .view-content > .views-row .seven {
    margin: .5vw 0 0 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: .5vw;
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
.view-infoscreen.view-display-id-people > .view-content > .views-row .seven .label {
    color: var(--border_gray);
    text-transform: uppercase;
    font-size: .6vw;
    font-weight: 300;
    padding-left: 1.2vw;
    background-image: url(../../assets/icons/icon_mail_w.svg);
    background-size: 0.6vw 0.6vw;
    background-repeat: no-repeat;
    background-position: 0.1vw center;
    height: fit-content;
}

.view-infoscreen.view-display-id-people > .view-content > .views-row .seven .email {
    font-size: 1vw;
    color: #fff;
    font-weight: 500;
    margin: 0 0 0 1.2vw;
}

.view-infoscreen.view-display-id-people > .view-content > .views-row.hecap .seven { background: url(../../assets/infoscreen/sfondo_colore_hecap.svg); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.cmsp .seven { background: url(../../assets/infoscreen/sfondo_colore_cmsp.svg); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.math .seven { background: url(../../assets/infoscreen/sfondo_colore_math.svg); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.esp .seven { background: url(../../assets/infoscreen/sfondo_colore_esp.svg); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.qls .seven { background: url(../../assets/infoscreen/sfondo_colore_qls.svg); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.sti .seven { background: url(../../assets/infoscreen/sfondo_colore_sti.svg); }


.view-infoscreen.view-display-id-people > .view-content > .views-row::before {
    content: '';
    width: 100vw;
    height: 50vh;
    z-index: -2;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.view-infoscreen.view-display-id-people > .view-content > .views-row.hecap::before { background-image: url(../../assets/infoscreen/sfondo_colore_hecap.svg); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.cmsp::before { background-image: url(../../assets/infoscreen/sfondo_colore_cmsp.svg); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.math::before { background-image: url(../../assets/infoscreen/sfondo_colore_math.svg);}
.view-infoscreen.view-display-id-people > .view-content > .views-row.esp::before { background-image: url(../../assets/infoscreen/sfondo_colore_esp.svg); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.qls::before { background-image: url(../../assets/infoscreen/sfondo_colore_qls.svg); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.sti::before { background-image: url(../../assets/infoscreen/sfondo_colore_sti.svg); }


.view-infoscreen.view-display-id-people > .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-people > .view-content > .views-row.hecap::after { background-image: url(../../assets/infoscreen/filigrana_header_hecap.svg); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.cmsp::after { background-image: url(../../assets/infoscreen/filigrana_header_cmsp.svg); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.math::after { background-image: url(../../assets/infoscreen/filigrana_header_math.svg); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.esp::after { background-image: url(../../assets/infoscreen/filigrana_header_esp.svg); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.qls::after { background-image: url(../../assets/infoscreen/filigrana_header_qls.svg); }
.view-infoscreen.view-display-id-people > .view-content > .views-row.sti::after { background-image: url(../../assets/infoscreen/filigrana_header_sti.svg); }


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


.view-infoscreen.view-display-id-people > .view-content > .views-row .view { 
    width: calc(100% - 2vw);
    max-width: unset;
    margin: .5vw 1vw;
    padding: 0;
}
.view-infoscreen.view-display-id-people > .view-content > .views-row .faculty .view { 
    margin: 1vw 0.5vw 0 0.5vw;
    width: calc(100% - 1vw);
}

.view-infoscreen.view-display-id-people > .view-content > .views-row .view .swiper-wrapper { width: 100%; }

.view-infoscreen.view-display-id-people > .view-content > .views-row .member-card { 
    pointer-events: none; 
    height: 5vw !important;
    min-height: unset;
    border: none;
    padding-left: 0;
}
.view-infoscreen.view-display-id-people > .view-content > .views-row .faculty .member-card { 
    height: 6.5vw !important;
}



/* --------------- MEMBER INFO --------------- */
.view-infoscreen.view-display-id-people > .view-content > .views-row .member-card .name-info { padding: 0 .5vw 0 5.5vw; }
.view-infoscreen.view-display-id-people > .view-content > .views-row .faculty .member-card .name-info { padding: 0 .5vw 0 7vw; }

.view-infoscreen.view-display-id-people > .view-content > .views-row .member-card .name-info .member-name { margin: 0; }
.view-infoscreen.view-display-id-people > .view-content > .views-row .member-card .name-info .member-name a { 
    font-size: .9vw;
    color: #FFF;
    max-width: 12vw;
    margin-right: 0;
    font-weight: 400;
}
.view-infoscreen.view-display-id-people > .view-content > .views-row .faculty .member-card .name-info .member-name a { 
    font-size: 1.1vw;
    font-weight: 400;
}

.view-infoscreen.view-display-id-people > .view-content > .views-row .member-card .field--name-field-job-title { 
    font-size: .7vw; 
    color: var(--border_gray);
    margin-top: 0.25vw;
}

.view-infoscreen.view-display-id-people > .view-content > .views-row .member-card .desktop-info {
    flex-direction: column-reverse;
    padding: 0 .5vw 0 5.5vw;
}
.view-infoscreen.view-display-id-people > .view-content > .views-row .faculty .member-card .desktop-info {
    padding: 0 .5vw 0 7vw;
}

.view-infoscreen.view-display-id-people > .view-content > .views-row .member-card .desktop-info .field--name-field-profile-phone,
.view-infoscreen.view-display-id-people > .view-content > .views-row .member-card .desktop-info .field--name-field-profile-email,
.view-infoscreen.view-display-id-people > .view-content > .views-row .member-card .desktop-info .field--name-field-profile-room {
    font-size: .6vw;
}

.view-infoscreen.view-display-id-people > .view-content > .views-row .faculty .member-card .desktop-info .field--name-field-profile-phone,
.view-infoscreen.view-display-id-people > .view-content > .views-row .faculty .member-card .desktop-info .field--name-field-profile-email,
.view-infoscreen.view-display-id-people > .view-content > .views-row .faculty .member-card .desktop-info .field--name-field-profile-room {
    font-size: .7vw;
}


.view-infoscreen.view-display-id-people > .view-content > .views-row .member-card .desktop-info .field--name-field-profile-email { 
    border-right: none; 
    padding-left: .9vw;
    background-image: url(../../assets/icons/icon_mail_w.svg);
    background-size: 0.6vw 0.6vw;
    background-repeat: no-repeat;
    background-position: 0.1vw center;
    color: #fff;
}

.view-infoscreen.view-display-id-people > .view-content > .views-row .member-card .desktop-info .field--name-field-profile-phone {
    color: #FFF;
    border-right: none;
    margin-top: .2em;
    padding-left: 1vw;
    background-image: url(../../assets/icons/icon_phone_w.svg);
    background-size: 0.6vw 0.6vw;
    background-repeat: no-repeat;
    background-position: 0.1vw center;
}

.view-infoscreen.view-display-id-people > .view-content > .views-row .member-card .desktop-info .field--name-field-profile-room {
    color: #FFF;
    display: block;
    padding-left: .8vw;
    background-image: url(../../assets/icons/icon_pin_w.svg);
    background-size: .8vw .8vw;
    background-repeat: no-repeat;
    background-position: left center;
    margin-top: .2em;
    position: absolute;
    left: 12vw;
}
.view-infoscreen.view-display-id-people > .view-content > .views-row .faculty .member-card .desktop-info .field--name-field-profile-room {
    left: 14vw;
}

.view-infoscreen.view-display-id-people > .view-content > .views-row .member-card .field--name-field-profile-picture {
    height: 100%;
    width: unset;
    aspect-ratio: 1;
    top: 0;
    left: 0;
}

.view-infoscreen.view-display-id-people .member-card .field--name-field-profile-picture img {
    width: 5vw;
    height: 5vw;
}
.view-infoscreen.view-display-id-people .faculty .member-card .field--name-field-profile-picture img {
    width: 6.5vw;
    height: 6.5vw;
}

/* --------------- INFOSCREEN LAYOUT --------------- */
.view-infoscreen.view-display-id-people > .view-content > .views-row .columns {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    height: 50vh;
    gap: .5vw;
}
.view-infoscreen.view-display-id-people > .view-content > .views-row .faculty { height: 35vh; }
.view-infoscreen.view-display-id-people > .view-content > .views-row .info { height: 15vh; }


.view-permanent-scientist.view-display-id-infoscreen_faculty .view-content {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0 0.5vw;
}

.view-permanent-scientist.view-display-id-infoscreen_other .view-content {
    grid-template-columns: 1fr;
    gap: unset;
}

.view-permanent-scientist.view-display-id-infoscreen_other .infoscreen-flex {
    display: flex;
    flex-direction: row;
    height: 100% !important;
}

.view-permanent-scientist.view-display-id-infoscreen_postdoctoral .view-content,
.view-permanent-scientist.view-display-id-infoscreen_students .view-content,
.view-permanent-scientist.view-display-id-infoscreen_secretariat .view-content,
.view-permanent-scientist.view-display-id-infoscreen_visiting .view-content {
    display: flex;
    gap: unset;
}

.view-permanent-scientist.view-display-id-infoscreen_other .view-content {
    max-height: 24vw !important;
    flex-direction: row;
    height: fit-content !important;
}
.view-permanent-scientist.view-display-id-infoscreen_postdoctoral .view-content,
.view-permanent-scientist.view-display-id-infoscreen_students .view-content {
    flex-direction: column;
    height: 24vw;
}
.view-permanent-scientist.view-display-id-infoscreen_secretariat .view-content {
    flex-direction: column;
    height: 12vw;
}
.view-permanent-scientist.view-display-id-infoscreen_visiting { 
    margin-bottom: .5vw !important; 
    max-width: calc((100vw - 1.5vw) / 5) !important;
}
.view-permanent-scientist.view-display-id-infoscreen_visiting .view-content {
    height: 6.5vw;
    flex-direction: row;
}


.view-permanent-scientist.view-display-id-infoscreen_faculty .view-content .views-row.member-card {
    margin: 0 0 1vw 0;
}
.view-permanent-scientist.view-display-id-infoscreen_other .view-content .views-row.member-card {
    margin: .5vw 0;
    width: 50% !important;
}
.view-permanent-scientist.view-display-id-infoscreen_postdoctoral .view-content .views-row.member-card,
.view-permanent-scientist.view-display-id-infoscreen_students .view-content .views-row.member-card {
    margin: 0.5vw 0 .5vw 0;
    width: 100%;
}
.view-permanent-scientist.view-display-id-infoscreen_secretariat .view-content .views-row.member-card {
    margin: .35vw 0;
    width: 100%;
}


.view-permanent-scientist.view-display-id-infoscreen_visiting .view-content .views-row.member-card { 
    height: calc(100% - 1.5vw) !important;
    width: 100% !important;
    margin: .5vw 0;
}
.view-permanent-scientist.view-display-id-infoscreen_visiting .view-content .views-row.member-card .name-info,
.view-permanent-scientist.view-display-id-infoscreen_visiting .view-content .views-row.member-card .desktop-info { padding: 0 .5vw; }
.view-permanent-scientist.view-display-id-infoscreen_visiting .view-content .views-row.member-card .desktop-info * { 
    font-weight: 300;
}

.view-permanent-scientist.view-display-id-infoscreen_visiting .view-content .views-row.member-card .field--name-field-profile-picture { display: none; }

/* --------------- LOGOS --------------- */
.view-infoscreen.view-display-id-people > .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-people > .view-content > .views-row .info .logo-section { grid-area: logosection; }
.view-infoscreen.view-display-id-people > .view-content > .views-row .info .title1 { grid-area: title1; }
.view-infoscreen.view-display-id-people > .view-content > .views-row .info .title2 { grid-area: title2; }
.view-infoscreen.view-display-id-people > .view-content > .views-row .info .hour { grid-area: hour; }
.view-infoscreen.view-display-id-people > .view-content > .views-row .info .today { grid-area: today; }
.view-infoscreen.view-display-id-people > .view-content > .views-row .info .logo-ictp { grid-area: logoictp; }
.view-infoscreen.view-display-id-people > .view-content > .views-row .info .logo-collab1 { grid-area: logocollab1; }
.view-infoscreen.view-display-id-people > .view-content > .views-row .info .logo-collab2 { grid-area: logocollab2; }

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

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


.view-infoscreen.view-display-id-people > .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;
}
.view-infoscreen .views-row.hecap .info .logo-section {
    background-color: var(--hecap);
    background-image: url(../../assets/loghi/logo-hecap-w-typo.svg);
}
.view-infoscreen .views-row.cmsp .info .logo-section {
    background-color: var(--cmsp);
    background-image: url(../../assets/loghi/logo-cmsp-w-typo.svg);
}
.view-infoscreen .views-row.math .info .logo-section {
    background-color: var(--math);
    background-image: url(../../assets/loghi/logo-math-w-typo.svg);
}
.view-infoscreen .views-row.esp .info .logo-section {
    background-color: var(--esp);
    background-image: url(../../assets/loghi/logo-esp-w-typo.svg);
}
.view-infoscreen .views-row.qls .info .logo-section {
    background-color: var(--qls);
    background-image: url(../../assets/loghi/logo-qls-w-typo.svg);
}
.view-infoscreen .views-row.sti .info .logo-section {
    background-color: var(--sti);
    background-image: url(../../assets/loghi/logo-sti-w-typo.svg);
}


.view-infoscreen .views-row .info .title1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: .5vw;
    font-size: 1vw;
    text-transform: uppercase;
    font-weight: 300;
    color: var(--border_gray);
}

.view-infoscreen .views-row .info .title2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-size: 2.4vw;
    font-weight: 300;
    color: #fff;
    margin-top: -.5vw
}

.view-infoscreen .views-row .qr-slide .info .title2 {
    font-size: 1.5vw;
    margin-top: 0;
}


.view-infoscreen .views-row .info .hour,
.view-infoscreen .views-row .info .today {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.view-infoscreen .views-row .info .today { justify-content: flex-start; }

.view-infoscreen .views-row .info .hour div,
.view-infoscreen .views-row .info .today div {
    text-align: right;
    font-size: 1.2vw;
    font-weight: 500;
    color: #fff;
    padding: 0 0 .25vw 1.5vw;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 1vw 1vw;
    width: fit-content;
    margin: 0 0 0 auto;
}

.view-infoscreen .views-row .info .hour div { 
    background-image: url(../../assets/icons/icon_time_w.svg); 
    background-position: left 40%;
}
.view-infoscreen .views-row .info .today div {
    padding: .25vw 0 0 1.5vw;
    background-image: url(../../assets/icons/icon_calendar_w.svg);
    background-position: left 70%;
}
.view-infoscreen .views-row .info .today span { 
    font-weight: 300; 
    font-size: 1vw;
}

/* ------------------------------- pilse phone and lab------------------------- */
.view-infoscreen.view-display-id-people > .view-content > .views-row .member-card .desktop-info.pulse .field--name-field-profile-phone {
    animation-name: ping;
    animation-duration: 15000ms;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.view-infoscreen.view-display-id-people > .view-content > .views-row .member-card .desktop-info.pulse .field--name-field-profile-room {
  animation-name: pingreverse;
  animation-duration: 15000ms;
  opacity: 0;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  left: 5.5vw;
}
.view-infoscreen.view-display-id-people > .view-content > .views-row .faculty .member-card .desktop-info.pulse .field--name-field-profile-room {
    left: 7vw;
}

.view-infoscreen.view-display-id-people > .view-content > .views-row .member-card .desktop-info.relative .field--name-field-profile-room {
    position: unset;
}

@keyframes ping {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
  }

  75% {
    opacity: 0;
  }

  100%  {
    opacity: 1;
  }
}

@keyframes pingreverse {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0;
    }

    37% {
        opacity: 1;
    }

    62% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100%  {
        opacity: 0;
    }
  }