/* TODO : to remove when new 202011 version takes precedence */
.agenda{
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin: 1rem 0;
  font-size: 1rem;
}
.agenda .time{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 30%;
  min-width: 100px;
  height: 3rem;
  background: url("../css/img/diagonal-slash.svg") center no-repeat;
  background-size: 60% 60%;
  font-weight: bold;
}
.agenda .end-time,
.agenda .start-time{
  position: absolute;
  display: inline-block;
  vertical-align: middle;
}
.agenda .start-time{
  top: 0;
  left: 0;
  width: 50%;
  min-width: 50px;
  padding-top: 5%;
  text-align: right;
  vertical-align: bottom;
}
.agenda .end-time{
  right: 0;
  bottom: 0;
  width: 50%;
  min-width: 50px;
  height: 50%;
  text-align: left;
}
.agenda .description{
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: 60%;
  margin: 1rem 2%;
}