/*AGENDA - month + category selects (replace the datepicker and the category buttons) + category tags*/
/* agenda list: the filters sit between the heading and the list, so the heading takes back the top spacing */
#header_section_agenda {
  margin-top: 40px;
}
.container + .agenda_filters {
  margin-top: 30px;
}
.agenda_filters_form {
  display: flex;
  flex-wrap: wrap;
  gap: 0 30px;
  margin: 0 auto;
  max-width: 760px;
}
.agenda_filters_hint {
  color: #59595b;
  flex: 0 0 100%;
  font-size: 13px;
  margin: 0 0 8px;
}
.agenda_filter {
  flex: 1 1 0;
  min-width: 0;
}
.agenda_filter label {
  color: #3ba8de;
  display: block;
  font-weight: 700;
  margin-bottom: 6px;
  text-transform: uppercase;
}
.agenda_filter select {
  background: #e9f8fa;
  border: 2px solid #e9f8fa;
  color: #3ba8de;
  font-weight: 700;
  height: 42px;
  padding: 0 10px;
  width: 100%;
}
.agenda_filter select:focus {
  border-color: #cf0573;
  outline: none;
}
.agenda_filters_form button {
  background: #cf0573;
  border: 0;
  color: #ffffff;
  font-weight: 700;
  margin-top: 12px;
  padding: 8px 20px;
  text-transform: uppercase;
}

/* tags vary in number: align the cards on their bottom so the 340px posters of a row line up */
.agenda_item {
  vertical-align: bottom;
}
.agenda_item_cats {
  display: block;
  max-width: 240px;
  min-height: 30px;
  text-align: left;
}
.agenda_cat_tag {
  background: #cf0573;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 4px 6px 0;
  padding: 3px 8px;
  text-transform: uppercase;
}
.agenda_cat_tag:hover,
.agenda_cat_tag:focus {
  background: #3ba8de;
  color: #ffffff;
  text-decoration: none;
}

@media (max-width: 767px) {
  .agenda_filter {
    flex-basis: 100%;
    margin-bottom: 15px;
  }
  .agenda_item_cats {
    margin: 0 auto;
  }
}