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

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

.view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-title span {
  font-size: 1.6vw;
  font-weight: 300;
  padding: .25vw 0 1vw 0;
  color: #FFF;
  line-height: 2vw;
  display: block;
}

.view-infoscreen-activities.view-display-id-single_seminar .views-row .top + .views-field-title span {
  padding: 1.5vw 0 1vw 0;
}

.view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-topic span {
  font-size: 1vw;
  font-weight: 300;
  text-transform: uppercase;
  padding: 1.5vw 0 0 0;
  line-height: 1.2vw;
  display: block;
}
.views-row.hecap .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-topic span { color: var(--hecap) }
.views-row.cmsp .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-topic span { color: var(--cmsp) }
.views-row.math .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-topic span { color: var(--math) }
.views-row.esp .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-topic span { color: var(--esp) }
.views-row.qls .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-topic span { color: var(--qls) }
.views-row.sti .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-topic span { color: var(--sti) }


.view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-event-speakers { 
  margin: auto 0 0 0; 
  padding-left: 2vw;
  background-position: left center;
  background-size: 1.5vw 1.5vw;
  background-repeat: no-repeat;
}
.views-row.hecap .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-event-speakers { background-image: url(../../assets/icons/icon_speakers_hecap.svg); }
.views-row.cmsp .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-event-speakers { background-image: url(../../assets/icons/icon_speakers_cmsp.svg); }
.views-row.math .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-event-speakers { background-image: url(../../assets/icons/icon_speakers_math.svg); }
.views-row.esp .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-event-speakers { background-image: url(../../assets/icons/icon_speakers_esp.svg); }
.views-row.qls .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-event-speakers { background-image: url(../../assets/icons/icon_speakers_qls.svg); }
.views-row.sti .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-event-speakers { background-image: url(../../assets/icons/icon_speakers_sti.svg); }

.view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-event-speakers .views-label {
  font-size: .7vw;
  font-weight: 300;
  padding: 0;
  color: var(--medium_gray);
  line-height: 1vw;
  display: block;
  text-transform: uppercase;
}

.view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-event-speakers .field-content {
  font-size: 1vw;
  color: #fff;
  font-weight: 300;
  padding: .15vw 0 0 0;
  color: var(--border_gray);
  line-height: 1.2vw;
  display: block;
}

/* --------------------------------------------------------------------- */
.view-infoscreen-activities.view-display-id-single_seminar .views-row .dates { 
  display: flex;
  flex-direction: row;
  max-width: 45%;
}
.view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-start-time {
  color: #FFF;
  font-size: 1.8vw;
  font-weight: 300;
  line-height: 1.5vw;
  padding-left: 1.5vw;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1.25vw 1.25vw;
  height: fit-content;
}
.hecap .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-start-time { 
  background-image: url(../../assets/icons/icon_time_hecap.svg); 
}
.cmsp .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-start-time { 
  background-image: url(../../assets/icons/icon_time_cmsp.svg); 
}
.math .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-start-time { 
  background-image: url(../../assets/icons/icon_time_math.svg); 
}
.esp .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-start-time { 
  background-image: url(../../assets/icons/icon_time_esp.svg); 
}
.qls .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-start-time { 
  background-image: url(../../assets/icons/icon_time_qls.svg); 
}
.sti .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-start-time { 
  background-image: url(../../assets/icons/icon_time_sti.svg); 
}


.view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-end-time {
  color: #FFF;
  font-size: 1.8vw;
  font-weight: 300;
  line-height: 1.5vw;
  padding-left: 1vw;
  position: relative;
  height: fit-content;
}


.view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-start-date .field-content {
  display: grid;
  padding-left: 2vw;
  background-position: .5vw 40%;
  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-single_seminar .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-single_seminar .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-single_seminar .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-single_seminar .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-single_seminar .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-single_seminar .views-row .views-field-field-start-date .field-content { 
  background-image: url(../../assets/icons/icon_calendar_sti.svg); 
}

/* only if there's no end date to display */
.view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-start-date .field-content {
  margin-right: 1vw;
  padding-right: 1vw;
  border-right: 1px solid var(--medium_gray);
}

/* .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-end-date .field-content {
  display: grid;
  position: relative;
  padding-left: 1vw;
  gap: 0 .2vw;
  margin-right: 1vw;
  padding-right: 1vw;
  border-right: 1px solid var(--medium_gray);
  grid-template-areas:
    'day month'
    'day year';
} */

.view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-start-date .field-content */* ,
.view-infoscreen-activities.view-display-id-single_seminar .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-single_seminar .views-row .views-field-field-start-date .field-content .day/* ,
  .view-infoscreen-activities.view-display-id-single_seminar .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-single_seminar .views-row .views-field-field-start-date .field-content .month/* ,
.view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-end-date .field-content .month */ {
  grid-area: month;
  text-transform: uppercase;
  font-weight: 500;
}
.view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-start-date .field-content .year/* ,
.view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-end-date .field-content .year */ {
  grid-area: year;
  color: var(--medium_gray);
}


/* .view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-end-date .field-content::before, */
.view-infoscreen-activities.view-display-id-single_seminar .views-row .views-field-field-end-time::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-single_seminar .views-row .location { 
  max-width: 45%;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 1.25vw 1.25vw;
  padding-right: 1.8vw;
}
.view-infoscreen-activities.view-display-id-single_seminar .views-row.hybrid .location {
  background-image: url(../../assets/icons/icon_hybrid_w.svg);
}
.view-infoscreen-activities.view-display-id-single_seminar .views-row.online .location {
  background-image: url(../../assets/icons/icon_online_w.svg);
}
.view-infoscreen-activities.view-display-id-single_seminar .views-row.physical .location {
  background-image: url(../../assets/icons/icon_pin_w.svg);
}

.view-infoscreen-activities.view-display-id-single_seminar .views-row .field--name-field-event-location-description {
  color: #FFF;
  font-size: 1vw;
  padding-bottom: .25vw;
  margin: 0;
  font-weight: 300;
  text-align: right;
}

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

/* --------------------------------------------------------------------- */
.view-infoscreen-activities.view-display-id-single_seminar .views-row .sections {
  display: flex;
  width: 40%;
}
.view-infoscreen-activities.view-display-id-single_seminar .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-single_seminar .views-row .sections .section.hecap {
  background-image: url(../../assets/loghi/logo-hecap-col-typo.svg); 
}
.view-infoscreen-activities.view-display-id-single_seminar .views-row .sections .section.cmsp {
  background-image: url(../../assets/loghi/logo-cmsp-col-typo.svg);
}
.view-infoscreen-activities.view-display-id-single_seminar .views-row .sections .section.math {
  background-image: url(../../assets/loghi/logo-math-col-typo.svg);
}
.view-infoscreen-activities.view-display-id-single_seminar .views-row .sections .section.qls {
  background-image: url(../../assets/loghi/logo-qls-col-typo.svg);
}
.view-infoscreen-activities.view-display-id-single_seminar .views-row .sections .section.sti {
  background-image: url(../../assets/loghi/logo-sti-col-typo.svg);
}
.view-infoscreen-activities.view-display-id-single_seminar .views-row .sections .section.esp {
  background-image: url(../../assets/loghi/logo-esp-col-typo.svg);
}

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