.event-list-item {
   padding-top: 15px;
   padding-bottom: 15px;
   border-bottom: 1px solid #ededed;
}

.event-list-item h2 {
   font-size: 22px;
margin-top: 0px;
}

section {
   padding-top:0px;
}

.event-content .event-image-container {
  float: right;
  clear: right;
  width: 250px;
  margin: 5px;
  text-align: center;
}

.event-content .event-image-container .event-image {
  margin: 20px 0;
}

.event-content .event-details {
  width: 100%;
  margin: 0 0 1.5em 0;
}

.event-content .event-details th,
.event-content .event-details td {
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #DDD;
  padding: 3px;
}

.event-content .event-details th {
  font-size: .9em;
  min-width: 8em;
}

/* Fix for URLs forcing the table to bleed off the page from:
   https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/  */
 
.event-content .event-details td {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.event-content .event-details-heading th {
  background-color: #DDD;
  text-align: center;
}

.event-content .event-details .event-priority,
.event-content .event-details .event-college-calendar {
  display: none;
}

.event-content .event-content .event-intro {
  margin-bottom: 1em;
}

@media only screen and (max-width: 767px) {

  .event-content .event-content .event-intro {
    font-size: 16px;
    line-height: 22.8571px;
  }

}

@media only screen and (min-width: 768px) {

  .event-content .event-details {
    float: right;
    clear: right;
    max-width: 250px;
    margin: 0 0 1.5em 1em;
  }

}



/* Fix for intro paragraphs that break on long words on stupid Android phones */

@media only screen and (max-width: 570px) {

  .event-content .event-image-container {
    float: none !important;
    margin-left: 0 !important;
    text-align: left !important;
  }

}