.article.agenda-list.calendar-view .item-agenda-list {
  border-bottom: 1px solid var(--defaultLightGrey);
  width: 540px;
  margin: 0 25px;
  margin-right: 0;
  max-width: 350px;
}
.article.agenda-list.calendar-view .item-agenda-list > .image {
  width: 65px;
  height: 90px;
  margin-right: 15px;
  position: relative;
}
.article.agenda-list.calendar-view .item-agenda-list .title {
  margin-bottom: 8px;
}
.article.agenda-list.calendar-view .item-agenda-list .title h2 {
  font-size: var(--defaultFontSize);
  transition: color var(--shortTransition);
}
.article.agenda-list.calendar-view .item-agenda-list .calendar-date {
  gap: 2px;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-content: baseline;
  justify-content: flex-start;
  text-align: center;
  margin-left: 8px;
  position: absolute;
  top: 0;
}
.article.agenda-list.calendar-view .item-agenda-list .calendar-date .calendar-year {
  padding-top: 3px;
}
.article.agenda-list.calendar-view .item-agenda-list .calendar-date .calendar-month {
  color: var(--defaultWhite);
  margin-top: 5px;
  text-transform: uppercase;
}
.article.agenda-list.calendar-view .item-agenda-list .text > .row.location {
  margin: 8px 0 0 5px;
}
.article.agenda-list.calendar-view .item-agenda-list .image img {
  max-width: 55px;
  max-height: 65px;
  width: auto;
  height: auto;
  margin-left: 26px;
}
.article.agenda-list.calendar-view .truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Grade A */
/* Grade B */
/* Grade C */
/* Grade D */
@media (max-width: 479px) {
  .article.agenda-list.calendar-view .article.item-agenda-list {
    max-width: 80vw;
  }
  .article.agenda-list.calendar-view .article.item-agenda-list .image {
    height: 85px;
  }
}
/* small phones */
@media (max-width: 360px) {
  /* set padding to 5, so the calendar will be in the center (calendar = 350px) */
  .article.agenda-list.calendar-view > .margin > .padding {
    padding: 5px;
  }
}
@media (max-width: 355px) {
  .article.agenda-list.calendar-view > .margin > .padding {
    padding: 0px;
  }
}

/*# sourceMappingURL=agendaCalendar.css.map */