.smb-public-events {
  background-color: #3b1a54;
  color: #faf4f9;
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #3b1a54;
}
.smb-public-events ul {
  list-style: none;
}
.smb-public-events ul li {
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.smb-public-events ul li.active {
  padding-bottom: 20px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.smb-public-events ul .smb-public-event-details {
  display: none;
}
.smb-public-events ul .smb-public-event-details a {
  color: #faf4f9;
}
.smb-public-events .smb-event-and-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.smb-public-events .smb-event-and-date .date {
  -ms-flex-preferred-size: 120px;
      flex-basis: 120px;
  font-weight: 700;
}
.smb-public-events .smb-event-and-date .reason {
  -ms-flex-preferred-size: calc(100% - 120px);
      flex-basis: calc(100% - 120px);
}