.events-list .textBox {
  padding-bottom: 2rem;
}
.events-list .eventBox {
  border-bottom: 2px solid var(--secondary);
  padding-bottom: 3rem;
}
.events-list .eventBox .eventDate {
  text-align: center;
  -webkit-transition: opacity ease 0.5s;
  transition: opacity ease 0.5s;
}
.events-list .eventBox .eventDate .eventDateDay {
  font: var(--h2-font);
}
.events-list .eventBox .eventDate .eventDateMonth {
  font-size: 1.3rem;
  font-weight: bold;
  text-transform: uppercase;
}
.events-list .eventBox .eventExcerpt {
  max-height: 0;
  overflow: hidden;
  margin: 0;
  -webkit-transition: max-height ease 0.5s;
  transition: max-height ease 0.5s;
}
.events-list .eventBox:hover .eventDate {
  opacity: 0.3;
}
.events-list .eventBox:hover .textBox h5 {
  opacity: 0.3;
}
.events-list .eventBox:hover .eventExcerpt {
  max-height: 500px;
}