.calendar {
  font-size: var(--small);
}

.calendar__header {
  display: flex;
  justify-content: space-between;
}

.calendar__header__button {
  background-repeat: no-repeat;
  background-size: 1em;
  width: var(--line-height-em);
}

.calendar__header__button.back {
  background-image: url('/components/assets/left-carat--burnt-orange.png');
}

.calendar__header__button.next {
  background-image: url('/components/assets/left-carat--burnt-orange.png');
}

.calendar__header__current {
  margin-bottom: calc(var(--line-height-em)/2);
}

.calendar__weekdays {
  display: flex;
  justify-content: space-around;
  font-size: var(--small);
  font-weight: var(--fw-medium);
  color: var(--muted);
}

.calendar__weekday {
  /* width: var(--line-height-em);
  min-width: var(--line-height-em);
  max-width: var(--line-height-em); */
}

.calendary__month-days {
  display: flex;
  flex-wrap: wrap;

}

.calendar__month-day {
  border-left: 1px solid var(--block-gray);
  border-top: 1px solid var(--block-gray);
}

/* ------------ events list --------------- */
.events-list {
  padding-top: calc(var(--line-height-em)*1);
  border-top: 1px solid var(--border-gray);
  margin-top: calc(var(--line-height-em)*1);
}

.events-description {
  display: flex;
  justify-content: space-between;
}

div.event {
  padding-top: var(--line-height-em);
  padding-bottom: var(--line-height-em);
  border-bottom: 1px solid var(--border-gray);
}

.no-events {
  font-weight: var(--fw-book);
  text-align: center;
  padding-bottom: calc(var(--line-height-em)*1);
  border-bottom: 1px solid var(--border-gray);
}