/* DEADLINE TILES */
.view-infoscreen-activities.view-display-id-next_deadlines .multiple-sections .views-field-field-ref-sections ul {
  display: flex;
  flex-direction: row;
}

.view-infoscreen-activities.view-display-id-next_deadlines .multiple-sections .views-field-field-ref-sections a {
  font-size: 0;
  padding-left: 1.5vw;
}

.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: .25vw .5vw 1vw .5vw;
  height: 100%;
}

.view-infoscreen-activities.view-display-id-next_deadlines .views-field-field-ref-sections {
  margin: 0;
  padding: 0;
  height: 2.5vw;
}
.view-infoscreen-activities.view-display-id-next_deadlines .views-field-field-ref-sections > div > div { padding: 0; }
.view-infoscreen-activities.view-display-id-next_deadlines .views-field-field-ref-sections a { display: block; }

.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .deadline-category { padding-bottom: .25vw; }

.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .deadline-category span { text-transform: uppercase; }
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .deadline-category span:first-child {
  font-size: .75vw;
  font-weight: 500;
  color: var(--border_gray);
  width: fit-content;
  display: block;
}

.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-opportunity-category div:not(:empty),
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-event-type div:not(:empty) {
  font-size: 1vw;
  text-transform: uppercase;
  width: fit-content;
  position: relative;
  margin-bottom: .5vw;
  margin-top: .5vw;
  display: block;
  color: var(--medium_gray);
}

.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .deadline-title span {
  font-size: 1.25vw;
  line-height: 1.5vw;
  font-weight: 300;
  margin-top: 1vw;
  margin-bottom: .5vw;
  display: block;
  color: #FFF;
}

.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-end-date .field-content>div:not(:empty), 
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-start-date .field-content>div:not(:empty) {
  font-size: 1vw;
  margin: .5vw 0;
  margin-bottom: 0;
  margin-top: auto;
}
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-end-date *,
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-start-date * { display: inline-block; }

.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-end-date .field-content >div:first-child:empty::before,
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-start-date .field-content >div:first-child:empty::before { 
    display: none; 
}

.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-end-date .field-content >div:first-child::before,
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-start-date .field-content >div:first-child::before {
  margin-right: .5vw;
  display: inline-block;
  font-weight: 400;
  color: var(--medium_gray);
  content: "Starting from:";
}
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-end-date .field-content>div:first-child::before { content: "Ending:"; }
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-end-date .views-label,
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-start-date .views-label {
  margin-right: .5vw;
  display: inline-block;
  font-weight: 400;
  color: var(--medium_gray);
}
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-end-date .field-content div,
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-start-date .field-content div {
  font-weight: 500;
  color: #FFF;
}
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-end-date {
  margin: 0;
  margin-top: .5vw;
}

.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-event-deadline {
  margin-bottom: 0;
  margin-top: auto;
}
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-event-deadline .field-content { 
    padding-top: 1.5vw;
    position: relative; 
}
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-event-deadline >.field-content::before {
  content: '';
  background-image: url(../../assets/icons/icon_deadline_w.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: 0;
  bottom: 1.25vw;
  width: 1.25vw;
  height: 1.25vw;
}
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-event-deadline >.field-content::after {
  content: "Apply before:";
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: 400;
  font-size: .75vw;
  color: #FFF;
}
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-event-deadline .field-content .day {
  font-size: 4vw;
  font-weight: 300;
  color: #FFF;
  position: absolute;
  right: 4vw;
  bottom: -.5vw;
}
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-event-deadline .field-content .year,
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-event-deadline .field-content .month {
  font-size: 1.5vw;
  color: #FFF;
  text-align: right;
  text-transform: uppercase;
}
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-event-deadline .field-content .year { 
    font-weight: 300; 
    color: var(--medium_gray);
}
.view-infoscreen-activities.view-display-id-next_deadlines .view-content .views-row .views-field-field-event-deadline .field-content .month { font-weight: 500; }