﻿.sub-menu li {
  clear: both;
  overflow: hidden;
}
.sub-menu li .event-title {
  float: left;
  max-width: 80%;
  white-space: nowrap;
}
.sub-menu li .event-title a {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.sub-menu li .event-date {
  float: right;
  padding: 8px 3px;
}
.widget-registered-event-list,
.widget-registered-class-list {
  margin: 15px 0 50px;
}
.widget-registered-event-list .widget-header,
.widget-registered-class-list .widget-header {
  margin-bottom: 5px;
}
@media only screen and (max-width: 739px) {
  .sub-menu li .event-title {
    max-width: 65%;
  }
}
@media only screen and (max-width: 320px) {
  .collapsible-link-list li .sub-menu ul {
    padding: 0;
  }
  .collapsible-link-list li .sub-menu ul li {
    padding: 10px 0 10px 20px;
    border-bottom: 1px solid #dfdfdf;
  }
  .collapsible-link-list li .sub-menu ul li .event-title {
    float: none;
  }
  .collapsible-link-list li .sub-menu ul li .event-title a {
    margin: 0;
    padding: 0 0 0 15px;
  }
  .collapsible-link-list li .sub-menu ul li .event-date {
    float: none;
  }
  .collapsible-link-list li .sub-menu ul li .event-date a {
    margin: 0;
    padding: 0;
  }
  .collapsible-link-list li .sub-menu ul li:last-child {
    border: none;
  }
}
