html,
body {
	background: #000;
}

#footer {
	display:none;
}

/* CONTENT */
.st-content-wrap {
	width: 70%;
	width: calc(100% - 20em) !important;
	float: left;
	padding:0 4em 4em 4em !important;
}

/* SIDEBAR */
.st-details-wrap {
	position: fixed !important;
	top: 0;
	right: 0;
	width: 20em;
	height: 100%;
}

.st-details-wrap .middle {
	max-width:96% !important;
}

/* WHEN */
.element-when .date:after {
	content:'';
	display:block;
}

.time .minute:before {
  content: ':'; 
  float: left;
}
.event-has-end-time .time[i="00"] .minute {
  display: none;
}

.event-has-end-time .time .minute:before {
  content: ':';
  float: left;
}

.event-has-end-time.sesm .date.end:before {
  content: '- ';
}
.event-has-end-time.sesm .time.end:before {
  content: '- ';
  float: left;
}

.event-has-end-time.mult-day .event_start {
  width: 50% !important;
}

.event-has-end-time.sesm .event_start {
  width: 100% !important;
}

.event_end:before {
  content: 'until';
  position: absolute;
  top: 50%;
  right: 100%;
  width: 40px;
  margin-right: -20px;
  font-size: 0.6em;
}

.event-has-end-time.mult-day.sesm .layoutGrp.element-when-day .end.date:before {
  display: inline;
}

/* WHERE */
.element-where .venue_name  {
	font-size:2em;
}

.element-where-city {
  padding-right: 0 !important;
}

.element-where-state {
  padding: 0 !important;
}

.element-where-zip {
  padding: 0 0 0 .5em !important;
}

.venue-state:before {
  content: ',\00a0';
}

@media only screen and (max-width: 960px) {
    .st-content-wrap {
		padding:0 2em 4em 2em !important;
	}
}

@media only screen and (max-width: 767px) {
    .st-content-wrap {
		width: 100% !important;
    padding-bottom: 14em !important;
	}

  .st-details-wrap {
    top: auto;
    bottom: 0;
    width: 100% !important;
    height: auto;
    padding:.5em 0 0 0 !important;
  }

  .details-right {
    width: 50% !important;
  }

  .mega-date-wrap,
  .mega-venue-wrap {
    width: 25% !important;
  }

  .element-where-venue {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .element-where-address {
    padding-bottom: .1em !important
  }

  .mega-date-wrap {
    float: left !important;
    font-size: 0.7em;
    line-height: 1em;
  }

  .mega-venue-wrap {
    float: right !important;
    font-size: 0.7em;
    line-height: 1em;
    padding-top: 0 !important;
  }

  .element-rsvp {
    margin-top: 0 !important;
  }

  .element-contact-organizer {
    padding-bottom: 0 !important;
  }
  .element-hash {
    padding-bottom: 0 !important;
  }

}



#element-contact-organizer{
	display: none;
}