.events-month-navigation{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
  margin:28px 0 20px;
}
.events-month-navigation h2{
  margin:0;
  font:700 30px Georgia,serif;
  text-align:center;
}
.events-month-navigation a{
  color:#257736;
  font-weight:700;
  text-decoration:none;
}
.events-month-navigation a:last-child{text-align:right}
.events-calendar{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  border-top:1px solid #d7e0d9;
  border-left:1px solid #d7e0d9;
  background:#fff;
}
.events-weekday{
  padding:10px;
  border-right:1px solid #d7e0d9;
  border-bottom:1px solid #d7e0d9;
  color:#257736;
  font-weight:700;
  text-align:center;
}
.events-day{
  min-height:145px;
  padding:10px;
  border-right:1px solid #d7e0d9;
  border-bottom:1px solid #d7e0d9;
}
.events-day>time{
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  font-weight:700;
}
.events-day.is-today>time{
  border-radius:50%;
  background:#257736;
  color:#fff;
}
.events-day.is-past{
  background:#f3f4f5;
  color:#9aa0a6;
}
.events-day-empty{background:#f7f8f9}
.calendar-event{
  display:grid;
  gap:3px;
  margin-top:8px;
  padding:9px;
  border-left:4px solid #257736;
  background:#eef7f1;
  color:#17202f;
  font-size:13px;
}
.calendar-event span,.calendar-event small{color:#607067}
@media(max-width:760px){
  .events-calendar{display:block;border-top:0}
  .events-weekday,.events-day-empty,.events-day.is-past{display:none}
  .events-day{min-height:auto;border-left:1px solid #d7e0d9}
  .events-month-navigation{grid-template-columns:1fr 1fr}
  .events-month-navigation h2{grid-column:1/-1;grid-row:1}
}