/* Generated by less 3.11.1 */
* {
  box-sizing: border-box;
}
.event {
  border-radius: 4px;
  height: 32px;
  margin: 0 auto 5px;
  display: block;
}
.event:hover {
  cursor: pointer;
}
.event-side {
  padding: 10px;
  border-radius: 4px;
  float: left;
  height: 100%;
  width: calc(15% - 1px);
  box-shadow: 1px 2px 2px -1px #888;
  background: url('https://www.toptal.com/designers/subtlepatterns/patterns/linedpaper.png');
  z-index: 1000;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
  overflow: hidden;
  font-size: 0.8em;
  text-align: right;
}
.event-date,
.event-time {
  position: absolute;
  width: calc(100% - 20px);
}
.event-date {
  top: 10px;
  font-size: 1.2em;
}
.event-time {
  bottom: 10px;
}
.to {
  display: block;
  position: relative;
  left: -25%;
}
.cut-out-left,
.cut-out-right {
  border-radius: 1000px;
  width: 19px;
  height: 13px;
  display: block;
  position: absolute;
  left: -10px;
  top: 9px;
  background: #000000;
  -webkit-box-shadow: inset -2px 1px 1px -2px #888;
  box-shadow: inset -2px 1px 1px -2px #888;
  clip: rect(0px, 60px, 200px, 0px);
}
.cut-out-right {
  right: -10px;
  left: auto;
  -webkit-box-shadow: inset 2px 1px 1px -2px #888;
  box-shadow: inset 2px 1px 1px -2px #888;
}
.dotted-line-separator {
  right: -2px;
  position: absolute;
  background: #fff;
  width: 5px;
  top: 8px;
  bottom: 8px;
}
.dotted-line-separator .line {
  /*border-right: 1px dashed #ccc;*/
  transform: rotate(90deg);
}
.dotted-line-separator .line:after {
  content: "| | | | | | | | | | | | | | | | | | | | | | | | | | |";
  overflow: hidden;
  position: relative;
  left: 1px;
  height: 90%;
  margin: 5px 0;
  display: block;
  color: rgba(204, 204, 204, 0.5);
}
.event-body {
  border-radius: 4px;
  float: left;
  height: 100%;
  width: 100%;
  box-shadow: 0 2px 2px -1px #888;
  background: url('https://www.toptal.com/designers/subtlepatterns/patterns/linedpaper.png');
  position: relative;
}
.event-title,
.event-location,
.event-details {
  float: left;
  width: 54%;
  padding: 0;
}
.event-location,
.event-details {
  height: 30%;
  line-height: 24px;
}
.event-title {
  width: 100%;
}
.event-title span {
  font-size: 0.5em;
  text-transform: uppercase;
  color: #888;
}
.event-title h3 {
  margin: 0 0 0 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 40px;
  font-family: lhf_gloriaregular;
  line-height: 1;
}
.event-title h2 {
  margin-top: 3px;
  font-size: 18px;
  color: black;
}
.event-title h2:hover {
  color: #999999;
}
.event:hover h3 {
  color: #428bca;
}
.event-image {
  width: calc(46% - 20px);
  height: calc(100% - 20px);
  margin: 10px;
  float: left;
  overflow: hidden;
  text-align: center;
  background: url('https://s3.amazonaws.com/resources.emedia.com/designer/bluesfest/_images/chrome/logo_new_artwork.png');
  background-size: contain;
}
.image {
  display: block;
  height: 100%;
  widht: 100%;
  background: url('http://thumbs.dreamstime.com/x/dj-turns-records-club-under-blue-light-31682560.jpg') no-repeat center;
  background-size: cover;
}
#customFilter {
  border: 0;
  color: white;
  margin-bottom: 15px;
}
#customFilter p {
  text-align: center;
}
#customFilter .event-body {
  background: white;
  margin-bottom: 6px;
  transition: background 250ms;
}
#customFilter .event-body:hover .event-title h2 {
  color: white;
}
#customFilter.hopeestate {
  background: #ffffff;
}
#customFilter.hopeestate [class^='cut-out'] {
  background: #ffffff;
}
#customFilter.hopeestate .event-title h2 {
  color: #ffffff;
  margin-top: 9px;
  font-size: 14px;
  font-weight: 900;
}
#customFilter.hopeestate .event-body {
  background: #000000;
}
#customFilter.hopeestate .event-body:hover {
  background: #999999;
}
#customFilter.hopeestate p {
  color: black;
  margin-top: 15px;
}
#customFilter.anggnarra {
  background: #ffffff;
}
#customFilter.anggnarra [class^='cut-out'] {
  background: #ffffff;
}
#customFilter.anggnarra .event-title h2 {
  color: #ffffff;
  margin-top: 9px;
  font-size: 14px;
  font-weight: 900;
}
#customFilter.anggnarra .event-body {
  background: #5eb577;
}
#customFilter.anggnarra .event-body:hover {
  background: #999999;
}
#customFilter.anggnarra p {
  color: black;
  margin-top: 15px;
}
#customFilter.savannah {
  background: #ffffff;
}
#customFilter.savannah [class^='cut-out'] {
  background: #ffffff;
}
#customFilter.savannah .event-title h2 {
  color: #ffffff;
  margin-top: 9px;
  font-size: 14px;
  font-weight: 900;
}
#customFilter.savannah .event-body {
  background: #ff6633;
}
#customFilter.savannah .event-body:hover {
  background: #999999;
}
#customFilter.savannah p {
  color: black;
  margin-top: 15px;
}
#customFilter.rockynats {
  background: #0F1F46;
}
#customFilter.rockynats [class^='cut-out'] {
  background: #0F1F46;
}
#customFilter.rockynats .event-title h2 {
  color: white;
  margin-top: 9px;
  font-size: 12px;
  font-weight: 500;
}
#customFilter.rockynats .event-body {
  background: #007bff;
}
#customFilter.rockynats .event-body:hover {
  background: #999999;
}
#customFilter.rockynats p {
  margin-top: 15px;
}
#customFilter.mitchellcreek [class^='cut-out'] {
  background: #119b32;
}
#customFilter.mitchellcreek .event-title h2 {
  color: #119b32;
  letter-spacing: 0;
}
#customFilter.mitchellcreek .event-body:hover {
  background: #29abe2;
}
#customFilter.mitchellcreek [class^='col-md-']:nth-child(1) .event-body:hover {
  background: #29abe2;
}
#customFilter.mitchellcreek [class^='col-md-']:nth-child(2) .event-body:hover {
  background: #00a79d;
}
#customFilter.mitchellcreek [class^='col-md-']:nth-child(3) .event-body:hover {
  background: #75419b;
}
#customFilter.mitchellcreek [class^='col-md-']:nth-child(4) .event-body:hover {
  background: #f7931e;
}
#customFilter.mitchellcreek [class^='col-md-']:nth-child(5) .event-body:hover {
  background: #ed1c24;
}