.uoe--overlay {
  position: absolute;
  bottom: 10px;
  left: -6px;
  background-color: rgba(47, 47, 47, 0.75);
  color: #FFF;
  width: 90%;
  padding: 12px;
}
.uoe--overlay h1,
.uoe--overlay h2,
.uoe--overlay h3,
.uoe--overlay h4,
.uoe--overlay h5,
.uoe--overlay h6 {
  color: #FFF;
}
.uoe--overlay a,
.uoe--overlay a:hover,
.uoe--overlay a:visited,
.uoe--overlay a:active {
  color: #FFF;
}
.uoe--overlay a:hover {
  text-decoration: underline;
}
.uos--overlay--left-half.uoe--overlay,
.uos--overlay--left-half .uoe--overlay {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 50%;
  width: 50%;
}
.uos--overlay--left-half.uoe--overlay .uoe--button,
.uos--overlay--left-half .uoe--overlay .uoe--button {
  position: absolute;
  bottom: 12px;
  left: 12px;
}
.uoe--header--overlay a,
.uoe--header--overlay a:hover,
.uoe--header--overlay a:visited,
.uoe--header--overlay a:active {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.uoe--header--piped {
  border-left: 4px solid #8F001A;
}
.uoe--button {
  display: inline-block;
  background: #2F2F2F;
  color: #FFF;
  padding: 0.75em 1.75em;
  width: auto;
  border: 2px solid #2F2F2F;
}
.uoe--title-icon {
  width: 40px;
  display: inline-block;
  vertical-align: middle;
}
.uoe--hero-image {
  position: relative;
}
.uoe--hero-image .uoe--overlay {
  position: initial;
  bottom: auto;
  left: auto;
  width: 100%;
  padding: 1rem 1rem 1rem 1.5rem;
}
.uoe--hero-image .uoe--hero-overlay {
  display: none;
  position: absolute;
  top: 50%;
  left: 25px;
  bottom: auto;
  height: auto;
  width: 50%;
  transform: translateY(-50%);
}
.uoe--hero-image .uoe--hero-overlay .uoe--hero-overlay-tag-line {
  font-size: 28px;
  padding: 0;
  font-weight: normal;
}
.uoe--hero-image .uoe--hero-overlay .uoe--hero-overlay-tag-summary {
  font-size: 13px;
  padding: 0;
  padding-top: 12px;
}
.uoe--hero-image .field-name-uottawa-banner-image ~ .uoe--hero-overlay {
  display: block;
}
.uos--overlay--impactful .uoe--hero-image .uoe--hero-overlay.uos--standard-width--always {
  position: absolute;
  left: 50%;
  margin-left: -490px;
  width: 640px;
}
.uos--overlay--impactful .uoe--hero-image .uoe--hero-overlay .uoe--overlay {
  width: 67%;
}
.uos--overlay--impactful .uoe--hero-image .uoe--hero-overlay .uoe--hero-overlay-tag-line {
  font-size: 36px;
}
.uos--overlay--impactful .uoe--hero-image .uoe--hero-overlay .uoe--hero-overlay-tag-summary {
  font-size: 24px;
}
@media (min-width: 736px) and (max-width: 995px) {
  .uos--overlay--impactful .uoe--hero-image .uoe--hero-overlay.uos--standard-width--always {
    margin-left: -367px;
  }
  .uos--overlay--impactful .uoe--hero-image .uoe--hero-overlay.uos--standard-width--always .uoe--overlay {
    width: 100%;
  }
  .uos--overlay--impactful .uoe--hero-image .uoe--hero-overlay .uoe--hero-overlay-tag-line {
    font-size: 28px;
  }
  .uos--overlay--impactful .uoe--hero-image .uoe--hero-overlay .uoe--hero-overlay-tag-summary {
    font-size: 18px;
  }
  .uos--overlay--left-half .uol--list--two-column .uoe--entity--read-more-overlay,
  .uos--overlay--impactful .uol--list--two-column .uoe--entity--read-more-overlay,
  .uol--width--500 .uos--overlay--left-half .uoe--entity--read-more-overlay,
  .uol--width--500 .uos--overlay--impactful .uoe--entity--read-more-overlay {
    background-color: #555;
  }
  .uos--overlay--left-half .uol--list--two-column .uoe--entity--read-more-overlay .uos--color-scheme-brightness--light--overlay,
  .uos--overlay--impactful .uol--list--two-column .uoe--entity--read-more-overlay .uos--color-scheme-brightness--light--overlay,
  .uol--width--500 .uos--overlay--left-half .uoe--entity--read-more-overlay .uos--color-scheme-brightness--light--overlay,
  .uol--width--500 .uos--overlay--impactful .uoe--entity--read-more-overlay .uos--color-scheme-brightness--light--overlay {
    background-color: initial;
  }
  .uos--overlay--left-half .uol--list--two-column .uoe--overlay,
  .uos--overlay--impactful .uol--list--two-column .uoe--overlay,
  .uol--width--500 .uos--overlay--left-half .uoe--overlay,
  .uol--width--500 .uos--overlay--impactful .uoe--overlay {
    position: relative;
    width: 100%;
    bottom: auto;
    left: auto;
    right: auto;
  }
  .uos--overlay--left-half .uol--list--two-column .uoe--overlay .uoe--button,
  .uos--overlay--impactful .uol--list--two-column .uoe--overlay .uoe--button,
  .uol--width--500 .uos--overlay--left-half .uoe--overlay .uoe--button,
  .uol--width--500 .uos--overlay--impactful .uoe--overlay .uoe--button {
    position: relative;
    margin-top: 1em;
  }
  .uos--overlay--left-half .uol--list--two-column .field-name-uottawa-primary-image,
  .uos--overlay--impactful .uol--list--two-column .field-name-uottawa-primary-image,
  .uol--width--500 .uos--overlay--left-half .field-name-uottawa-primary-image,
  .uol--width--500 .uos--overlay--impactful .field-name-uottawa-primary-image {
    height: 100%;
  }
  .uos--overlay--left-half .uol--list--two-column .uoe--entity--read-more-overlay.uoe--entity--has-image,
  .uos--overlay--impactful .uol--list--two-column .uoe--entity--read-more-overlay.uoe--entity--has-image,
  .uol--width--500 .uos--overlay--left-half .uoe--entity--read-more-overlay.uoe--entity--has-image,
  .uol--width--500 .uos--overlay--impactful .uoe--entity--read-more-overlay.uoe--entity--has-image {
    display: -webkit-flex;
    -webkit-flex-direction: column-reverse;
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (min-width: 0px) and (max-width: 735px) {
  .uos--overlay--impactful .uoe--hero-image .uoe--hero-overlay.uos--standard-width--always,
  .uoe--content-snippet--hero-snippet .uoe--hero-overlay.uos--standard-width--always {
    position: relative;
    transform: none;
    margin: 0;
    left: 0;
    width: 100%;
  }
  .uos--overlay--impactful .uoe--hero-image .uoe--hero-overlay.uos--standard-width--always .uoe--overlay,
  .uoe--content-snippet--hero-snippet .uoe--hero-overlay.uos--standard-width--always .uoe--overlay {
    width: 100%;
    margin: 0;
  }
  .uos--overlay--impactful .uoe--hero-image .uoe--hero-overlay .uoe--hero-overlay-tag-line,
  .uoe--content-snippet--hero-snippet .uoe--hero-overlay .uoe--hero-overlay-tag-line {
    font-size: 18px;
  }
  .uos--overlay--impactful .uoe--hero-image .uoe--hero-overlay .uoe--hero-overlay-tag-summary,
  .uoe--content-snippet--hero-snippet .uoe--hero-overlay .uoe--hero-overlay-tag-summary {
    font-size: 14px;
  }
}
@media (min-width: 0) and (max-width: 500px) {
  .uos--overlay--left-half .uoe--entity--read-more-overlay,
  .uos--overlay--impactful .uoe--entity--read-more-overlay {
    background-color: #555;
  }
  .uos--overlay--left-half .uoe--entity--read-more-overlay .uos--color-scheme-brightness--light--overlay,
  .uos--overlay--impactful .uoe--entity--read-more-overlay .uos--color-scheme-brightness--light--overlay {
    background-color: initial;
  }
  .uos--overlay--left-half .uoe--overlay,
  .uos--overlay--impactful .uoe--overlay {
    position: relative;
    width: 100%;
    bottom: auto;
    left: auto;
    right: auto;
  }
  .uos--overlay--left-half .uoe--overlay .uoe--button,
  .uos--overlay--impactful .uoe--overlay .uoe--button {
    position: relative;
    margin-top: 1em;
  }
  .uos--overlay--left-half .field-name-uottawa-primary-image,
  .uos--overlay--impactful .field-name-uottawa-primary-image {
    height: 100%;
  }
  .uos--overlay--left-half .uoe--entity--read-more-overlay.uoe--entity--has-image,
  .uos--overlay--impactful .uoe--entity--read-more-overlay.uoe--entity--has-image {
    display: -webkit-flex;
    -webkit-flex-direction: column-reverse;
    display: flex;
    flex-direction: column-reverse;
  }
}