.content-header {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 43.75rem) {
  .content-header {
    padding-left: 7.1428571429%;
    padding-right: 0;
    flex-direction: row-reverse;
  }
}
@media (min-width: 48rem) {
  .content-header {
    padding-left: 6.25%;
    padding-right: 0;
    flex-direction: row-reverse;
  }
}
@media (min-width: 62rem) {
  .content-header {
    padding-left: 7.4074074074%;
    padding-right: 0;
  }
}

.content-header__text {
  padding-left: 7.1428571429%;
  padding-right: 7.1428571429%;
  padding-top: 2.0625rem;
  padding-bottom: 2.0625rem;
  color: #fff;
  flex: auto;
  z-index: 1;
}
@media (min-width: 48rem) {
  .content-header__text {
    padding-top: 4.125rem;
  }
}
@media (min-width: 62rem) {
  .content-header__text {
    padding-top: 6.25rem;
  }
}
@media (min-width: 48rem) {
  .content-header__text {
    padding-bottom: 4.125rem;
  }
}
@media (min-width: 62rem) {
  .content-header__text {
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 43.75rem) {
  .content-header__text {
    padding-left: 0;
    padding-right: 0;
    align-self: center;
    padding-right: 4rem;
  }
}
@media (min-width: 48rem) {
  .content-header__text {
    padding-right: 10rem;
  }
}

.content-header__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 43.74875rem) {
  .content-header__image {
    padding-bottom: 66.6666666667%;
  }
}
@media (min-width: 43.75rem) {
  .content-header__image {
    min-width: 33.3333333333%;
    margin-left: 6.6666666667%;
  }
}
@media (min-width: 48rem) {
  .content-header__image {
    min-width: 33.3333333333%;
    margin-left: 6.6666666667%;
  }
}
@media (min-width: 62rem) {
  .content-header__image {
    min-width: 34.6153846154%;
    margin-left: 3.8461538462%;
  }
}

.content-header__supertitle {
  font-size: 0.5rem;
}
@media (min-width: 48rem) {
  .content-header__supertitle {
    font-size: 0.625rem;
  }
}
@media (min-width: 62rem) {
  .content-header__supertitle {
    font-size: 0.75rem;
  }
}
.content-header__supertitle:not(:last-child) {
  margin-bottom: 0.375rem;
}
@media (min-width: 48rem) {
  .content-header__supertitle:not(:last-child) {
    margin-bottom: 0.495rem;
  }
}
@media (min-width: 62rem) {
  .content-header__supertitle:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.content-header__title:not(:last-child) {
  margin-bottom: 0.375rem;
}
@media (min-width: 48rem) {
  .content-header__title:not(:last-child) {
    margin-bottom: 0.495rem;
  }
}
@media (min-width: 62rem) {
  .content-header__title:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
.content-header__title h1.page-title {
  color: #fff;
  margin-bottom: 0;
}

.content-header__date-date,
.content-header__date-time {
  display: block;
}
.content-header__date-date,
.content-header__date-time {
  font-size: 0.9583333333rem;
}
@media (min-width: 48rem) {
  .content-header__date-date,
  .content-header__date-time {
    font-size: 1.25rem;
  }
}
@media (min-width: 62rem) {
  .content-header__date-date,
  .content-header__date-time {
    font-size: 1.5rem;
  }
}
.content-header__date-date,
.content-header__date-time {
  line-height: 1.2;
}
.content-header__date-date:not(:last-child),
.content-header__date-time:not(:last-child) {
  margin-bottom: 0.375rem;
}
@media (min-width: 48rem) {
  .content-header__date-date:not(:last-child),
  .content-header__date-time:not(:last-child) {
    margin-bottom: 0.495rem;
  }
}
@media (min-width: 62rem) {
  .content-header__date-date:not(:last-child),
  .content-header__date-time:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.content-header__event-details-link {
  color: #fff;
}

.content-header .share {
  float: left;
  padding: 0.5rem 0.5rem 0.5rem 0;
}
@media (min-width: 37.5rem) {
  .content-header .share {
    padding: 0.75rem 0.5rem 0.75rem 0;
  }
}
.content-header .menu--social-media-menu {
  justify-content: left;
  padding: 0.75rem 0.5rem 0.75rem 0.5rem;
}
.content-header .menu--social-media-menu a {
  filter: brightness(100);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position-y: center;
}
.content-header .menu--social-media-menu a:hover {
  background-color: rgba(201, 201, 201, 0.7882352941);
}