.calendar-event{
  cursor: pointer;
}
.calendar-date{
  width: 20%;
  float:left;
  padding: 10px;
  height: 88px;
  background-color: #ff6600;
}
.calendar-date-day{
  text-align:center;
  margin-top: -8px;
  font-weight: bold;
  font-size: 38px;
  color: #fff;
}
.calendar-date-month{
  text-align: center;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  margin-top: -18px;
}

.calendar-heading{
  width:80%;
  padding-left: 15px;
  padding-right: 10px;
  font-size: 15px;
  height: 88px;
  line-height: 19px;
  text-transform: uppercase;
  float:left;
  transition: 0.3s;
}
.calendar-heading-text{
  font-weight: bold;
  height: 34px;
  overflow:hidden;
}
.calendar-heading-time{
  padding-top: 15px;
}
.calendar-heading-location{
  text-transform: none;
}
.calendar-heading-description{
  text-transform: none;
  display: none
}
.calendar-event:hover .calendar-heading{
  margin-top: -89px;
}
.calendar-event:hover .calendar-heading-description{
  display: block;
}
.quote-wrapper .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{
  padding: 11px;
}

/*Edit mode styles*/
.elementor-element-edit-mode .calendar-event:hover .calendar-heading{
  margin-top: 0px;
}
.elementor-element-edit-mode .calendar-event:hover .calendar-heading-description{
  display: none;
}