.view-infoscreen-activities.view-display-id-next_events .views-row {
  padding: 1vw .5vw;
  display: flex;
  flex-direction: column;
}

.view-infoscreen-activities.view-display-id-next_events .views-row .top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.view-infoscreen-activities.view-display-id-next_events .views-row .views-field-title span {
  font-size: 1.25vw;
  font-weight: 300;
  padding: .25vw 0 1vw 0;
  color: #FFF;
  line-height: 1.5vw;
  display: block;
}
.view-infoscreen-activities.view-display-id-next_events .views-row .top + .views-field-title span {
  padding: 1vw 0;
}

.view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-event-smr span,
.view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-topic span {
  font-size: .8vw;
  font-weight: 300;
  text-transform: uppercase;
  padding: 1vw 0 0 0;
  line-height: 1vw;
  display: block;
  color: var(--medium_gray);
}

.view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-event-smr span {
  color: var(--border_gray);
}

.view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-topic + .views-field-field-event-smr span {
  padding: .25vw 0 0 0;
}

.view-infoscreen-activities.view-display-id-next_events .views-row .top .field--type-string {
  font-size: 1vw;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1vw;
}
.hecap .view-infoscreen-activities.view-display-id-next_events .views-row .top .field--type-string { color: var(--hecap); }
.cmsp .view-infoscreen-activities.view-display-id-next_events .views-row .top .field--type-string { color: var(--cmsp); }
.math .view-infoscreen-activities.view-display-id-next_events .views-row .top .field--type-string { color: var(--math); }
.esp .view-infoscreen-activities.view-display-id-next_events .views-row .top .field--type-string { color: var(--esp); }
.qls .view-infoscreen-activities.view-display-id-next_events .views-row .top .field--type-string { color: var(--qls); }
.sti .view-infoscreen-activities.view-display-id-next_events .views-row .top .field--type-string { color: var(--sti); }

/* --------------------------------------------------------------------- */
.view-infoscreen-activities.view-display-id-next_events .views-row .dates { 
  display: flex;
  flex-direction: row;
}

.view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-start-date .field-content {
  display: grid;
  padding-left: 2vw;
  background-position: .5vw center;
  background-repeat: no-repeat;
  background-size: 1vw 1vw;
  gap: 0 .2vw;
  grid-template-areas:
    'day month'
    'day year';
}
.hecap .view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-start-date .field-content { 
  background-image: url(../../assets/icons/icon_calendar_hecap.svg); 
}
.cmsp .view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-start-date .field-content { 
  background-image: url(../../assets/icons/icon_calendar_cmsp.svg); 
}
.math .view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-start-date .field-content { 
  background-image: url(../../assets/icons/icon_calendar_math.svg); 
}
.esp .view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-start-date .field-content { 
  background-image: url(../../assets/icons/icon_calendar_esp.svg); 
}
.qls .view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-start-date .field-content { 
  background-image: url(../../assets/icons/icon_calendar_qls.svg); 
}
.sti .view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-start-date .field-content { 
  background-image: url(../../assets/icons/icon_calendar_sti.svg); 
}

.view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-end-date .field-content {
  display: grid;
  position: relative;
  padding-left: 1vw;
  gap: 0 .2vw;
  grid-template-areas:
    'day month'
    'day year';
}
.view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-end-date .field-content::before {
  content: '-';
  position: absolute;
  left: .3vw;
  color: #FFF;
  font-size: 1.8vw;
  top: 45%;
  font-weight: 300;
  transform: translateY(-50%);
}


.view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-start-date .field-content *,
.view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-end-date .field-content * { 
  color: #FFF; 
  font-size: .75vw;
  line-height: .75vw;
  font-weight: 300;
}
.view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-start-date .field-content .day,
.view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-end-date .field-content .day {
  grid-area: day;
  font-size: 1.8vw;
  line-height: 1.5vw;
  font-weight: 300;
}
.view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-start-date .field-content .month,
.view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-end-date .field-content .moanth {
  grid-area: month;
  text-transform: uppercase;
  font-weight: 500;
}
.view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-start-date .field-content .year,
.view-infoscreen-activities.view-display-id-next_events .views-row .views-field-field-end-date .field-content .year {
  grid-area: year;
  color: var(--medium_gray);
}


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

.view-infoscreen-activities.view-display-id-next_events .views-row .field--name-field-event-location-description,
.view-infoscreen-activities.view-display-id-next_events .views-row.online .location div {
  color: #FFF;
  font-size: 1vw;
  padding-left: 1.5vw;
  padding-bottom: .25vw;
  font-weight: 300;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 1.25vw 1.25vw;
}
.view-infoscreen-activities.view-display-id-next_events .views-row.hybrid  .field--name-field-event-location-description {
  background-image: url(../../assets/icons/icon_hybrid_w.svg);
}
.view-infoscreen-activities.view-display-id-next_events .views-row.online .location div {
  background-image: url(../../assets/icons/icon_online_w.svg);
  background-position: left .15vw;
  background-size: 1vw 1vw;
}
.view-infoscreen-activities.view-display-id-next_events .views-row.physical .field--name-field-event-location-description {
  background-image: url(../../assets/icons/icon_pin_w.svg);
}

.view-infoscreen-activities.view-display-id-next_events .views-row .field--name-field-event-room {
  color: var(--medium_gray);
  padding-left: 1.5vw;
  font-size: .8vw;
  font-weight: 300;
}

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

.view-infoscreen-activities.view-display-id-next_events .views-row .bottom {
  margin: auto 0 0 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.view-infoscreen-activities.view-display-id-next_events .views-row .dead-date {
  display: flex;
  flex-direction: row;
  color: #FFF;
  font-size: 1vw;
  font-weight: 300;
  padding-top: 1.25vw;
  position: relative;
  line-height: 1vw;
}
.view-infoscreen-activities.view-display-id-next_events .views-row .dead-date * { padding-left: .2vw; }

.view-infoscreen-activities.view-display-id-next_events .views-row .dead-date::before {
  content: 'Apply before:';
  position: absolute;
  top: 0; 
  left: 0;
  font-size: .8vw;
  color: var(--medium_gray);
}


/* --------------------------------------------------------------------- */
.view-infoscreen-activities.view-display-id-next_events .views-row .sections {
  display: flex;
  width: 40%;
}
.view-infoscreen-activities.view-display-id-next_events .views-row .sections .section {
  height: 1.75vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 2vw;
  color: var(--medium_gray);
  font-size: .5vw;
  text-transform: uppercase;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}

.view-infoscreen-activities.view-display-id-next_events .views-row .sections .section.hecap {
  background-image: url(../../assets/loghi/logo-hecap-col-typo.svg); 
}
.view-infoscreen-activities.view-display-id-next_events .views-row .sections .section.cmsp {
  background-image: url(../../assets/loghi/logo-cmsp-col-typo.svg);
}
.view-infoscreen-activities.view-display-id-next_events .views-row .sections .section.math {
  background-image: url(../../assets/loghi/logo-math-col-typo.svg);
}
.view-infoscreen-activities.view-display-id-next_events .views-row .sections .section.qls {
  background-image: url(../../assets/loghi/logo-qls-col-typo.svg);
}
.view-infoscreen-activities.view-display-id-next_events .views-row .sections .section.sti {
  background-image: url(../../assets/loghi/logo-sti-col-typo.svg);
}
.view-infoscreen-activities.view-display-id-next_events .views-row .sections .section.esp {
  background-image: url(../../assets/loghi/logo-esp-col-typo.svg);
}

.view-infoscreen-activities.view-display-id-next_events .views-row .sections.multiple-sections .section { font-size: 0; }
.view-infoscreen-activities.view-display-id-next_events .views-row .sections.multiple-sections .section:last-child { padding-left: 2vw; }