.social-list,
.social-list--maintenance {
  position: relative;
  z-index: 1;
  text-align: center;
}

.event-landing__footer .social-list, .event-landing__footer .social-list--maintenance {
  align-self: flex-end;
}

.event-landing__footer .social-list__text-social {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

@media (min-width: 75em) {
  .event-landing__footer .social-list__text-social {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
}

.event-landing__footer .social-list__text-social::after {
  position: absolute;
  bottom: 0;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}

.header__content .social-list, .header__content .social-list--maintenance {
  display: none;
}

@media (min-width: 50em) {
  .header__content .social-list, .header__content .social-list--maintenance {
    display: block;
    float: right;
    margin-top: .75rem;
  }
}

.bottom__content .social-list, .bottom__content .social-list--maintenance {
  margin-top: 2.5rem;
  margin-bottom: .75rem;
}

.event-landing__footer .bottom__content .social-list, .event-landing__footer .bottom__content .social-list--maintenance {
  margin-bottom: 2rem;
}

.event-landing__header-content .social-list, .event-landing__header-content .social-list--maintenance {
  display: none;
}

@media (min-width: 50em) {
  .event-landing__header-content .social-list, .event-landing__header-content .social-list--maintenance {
    position: absolute;
    top: 1rem;
    right: 10px;
    height: auto;
    display: block;
    /* IE10+ specific styles go here */
  }
}

@media screen and (min-width: 50em) and (-ms-high-contrast: active), (min-width: 50em) and (-ms-high-contrast: none) {
  .event-landing__header-content .social-list, .event-landing__header-content .social-list--maintenance {
    position: absolute;
    top: 0;
    right: 10px;
    height: auto;
    display: block;
  }
}

.social-list__item {
  display: inline-block;
  margin: 0 .5rem;
}

.social-list__item--first {
  margin-right: .25rem;
}

.social-list__item--last {
  margin-right: 0;
}

.bottom__content .social-list__link {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  background-color: rgba(0, 0, 0, 0.2);
  transition: fill 0.2s;
}

.social-list__link:hover {
  transition: fill 0.2s;
}

.bottom__content .social-list__link:hover {
  background-color: #fff;
}

.bottom__content .social-list__facebook .social-list__link:hover path {
  fill: #3b5998;
  transition: fill 0.2s;
}

.bottom__content .social-list__twitter .social-list__link:hover path {
  fill: #1da1f2;
  transition: fill 0.2s;
}

.bottom__content .social-list__linkedin .social-list__link:hover path {
  fill: #0077b5;
  transition: fill 0.2s;
}

.bottom__content .social-list__youtube .social-list__link:hover path {
  fill: #cc181e;
  transition: fill 0.2s;
}

.social-list__img path,
.social-list__img--maintenance path {
  fill: #173353;
  transition: fill 0.2s;
}

.path-frontpage .social-list__img path,
.bottom__content .social-list__img path,
.path-taxonomy .social-list__img path, .path-frontpage .social-list__img--maintenance path,
.bottom__content .social-list__img--maintenance path,
.path-taxonomy .social-list__img--maintenance path {
  fill: #fff;
}

.header__content .social-list__img,
.event-landing__header-content .social-list__img, .header__content .social-list__img--maintenance,
.event-landing__header-content .social-list__img--maintenance {
  width: 25px;
  /* IE10+ specific styles go here */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .header__content .social-list__img,
  .event-landing__header-content .social-list__img, .header__content .social-list__img--maintenance,
  .event-landing__header-content .social-list__img--maintenance {
    height: 20px;
  }
}

.header__content .social-list__img:hover path,
.event-landing__header-content .social-list__img:hover path, .header__content .social-list__img--maintenance:hover path,
.event-landing__header-content .social-list__img--maintenance:hover path {
  fill: #173353;
  opacity: .7;
  transition: opacity 0.2s;
}

.path-frontpage .header__content .social-list__img:hover path,
.path-taxonomy .header__content .social-list__img:hover path, .path-frontpage
.event-landing__header-content .social-list__img:hover path,
.path-taxonomy
.event-landing__header-content .social-list__img:hover path, .path-frontpage .header__content .social-list__img--maintenance:hover path,
.path-taxonomy .header__content .social-list__img--maintenance:hover path, .path-frontpage .event-landing__header-content .social-list__img--maintenance:hover path,
.path-taxonomy .event-landing__header-content .social-list__img--maintenance:hover path {
  fill: #173353;
  opacity: 1;
}

.event-landing__header-content .social-list__img,
.event-landing__header-content .social-list__img--maintenance {
  width: auto;
  /* IE10+ specific styles go here */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .event-landing__header-content .social-list__img,
  .event-landing__header-content .social-list__img--maintenance {
    width: 20px;
  }
}

.bottom__content .social-list__img, .bottom__content .social-list__img--maintenance {
  width: 23px;
}

.path-frontpage .social-list__img--maintenance path {
  fill: #173353;
}

.header__content .social-list--maintenance {
  display: block;
  float: right;
  margin-top: .75rem;
}