/**
 * @file
 * Styling for Mercury Content Type
 */

/*Styling for front page mercury*/
.mercury-event {
  display:flex;
}

.mercury-right-side h4 {
   border-bottom: 4px solid #eeb211;
   padding: 0 3px 6px 3px;
}
.mercury-left-side {
  width: 70%;
}
.mercury-right-side {
  width: 30%;
  padding:20px;
}
.mercury-event .mercury-related-media img {
  width: auto;
}

.mercury-teaser p {
  font-family: "Roboto Slab", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    margin: 0;
    font-size: 2.25em;
    line-height: 1.1;
}

@media screen and (max-width:39.875rem) {
  .mercury-event{
    flex-direction: column;
  }
  .mercury-left-side, .mercury-right-side {
    width: 100%;
  }
}