.event-list {
  margin: 1em 0;
  list-style-type: none;
  padding: 0;
}

.event-list-item {
  padding: .75em 0;
  border-bottom: 1px solid #ccc;
}

.event-list-thumb a {
  display: block;
}

.event-list-thumb img {
  max-width: 100%;
  border: 0px;
}

.event-list-title {
  margin-top: 0;
  margin-bottom: .25em;
}

.maincontent .event-list-title a,
.maincontent .event-list-title.medium-title a {
  font-size: 20px;
  line-height: 1.1em;
  text-decoration: none;
}

.event-list-title.small-title a {
  font-size: 18px;
}

.event-list-title.large-title a {
  font-size: 24px;
  line-height: 1.3em;
}

.event-list-date {
  font-size: .8em;
  margin-bottom: .5em;
}

.event-list-batching {
  margin-top: .75em;
  margin-bottom: 1em;
}


/*** Department/office homepage tabs ***/

.feed .tab-pane .event-list {
  margin: 0 10px 10px 10px;
}

.feed .tab-pane .event-list .event-list-item.row {
  margin: 0;
}

.feed .tab-pane .event-list .event-list-item .col {
  padding: 0;
}

.feed .tab-pane .event-list div,
.feed .tab-pane .event-list p,
.feed .tab-pane .event-list li {
  font-size: 12px !important;
  line-height: 1.4em !important;
}

.feed .tab-pane .event-list-title,
.feed .tab-pane .event-list-title a {
  font-size: 14px !important;
  line-height: 1.2em !important;
}

.feed .tab-pane .event-list .no-events {
  margin: 20px 0;
}


/*** Simple sidebar links ***/

.event-list-simple-links ul li div {
  margin: 0 !important;
  padding: 0 !important;
}

.event-list-simple-links ul li,
.event-list-simple-links ul li a,
.event-list-simple-links .event-list-past-link a {
  font-size: 12px !important;
  line-height: 1.1em !important;
  color: #333 !important;
}

.event-list-simple-links ul li {
  margin-bottom: .5em !important;
}

.event-list-simple-links .event-list-past-link {
  margin-left: 15px;
}


/*** Event documents ***/

/* If wrap_show_titles_as_headlines is true, prevent doubling headlines on the page */

html.title-as-headline.purdue-event-document .default-headline,
html.title-as-headline.purdue-event-reference .default-headline {
  display: none;
}

.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;
  }

}