/** Pager (i.e. "Navigation by month") **/

/* not sure why pager is a form-item, but the calendar_view module makes it that.
So I need to unset the display:flex that's applied to all .form-item divs from form.css */
.calendar-view .pager__item > .form-item {
  display: unset;
}

.calendar-view ul.pager__items {
  list-style-type: none;
  padding: 0;
  margin-block-end: var(--spc);
}
.calendar-view li.pager__item {
  padding: 0;
  margin: 0;
}

.calendar-view .pager__current {
  flex: 4;
}
.calendar-view .pager__current div {
  font-size: var(--fs-xlg);
  text-transform: none;
}

.calendar-view .calendar-view-pager__reset a,
.calendar-view .pager__item > * {
  padding: 0;
  line-height: 2;
  /*
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none; */
}
.calendar-view .pager__item a:hover {
  background: var(--grey-dk);
  color: var(--white);
}
.calendar-view a:after {
  all: unset;
}


/* calendar_view module uses the table caption for the month. I hide it so the current month just uses the pager */
.calendar-view table caption {
  display: none;
  visibility: hidden;
}