/**
 * @file
 * The footer components.
 *
 * It includes styles for the footer itself and its
 * components.
 */

/**
 * Global footer rules
 */

 .region-footer {
  background-color:#000;
  color: white;
  font-size: 1rem;
  padding: 2rem 0;
  /* display: flex;
  flex-direction: row;
  justify-content: center; */
  position: relative;
  /* margin-top: -1.5rem; */
}

.footer--wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.region-footer .menu--footer .menu--level-0{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.region-footer .menu--footer .menu--level-0 .menu__link{
  padding: 12px;
  color: white;
}
.region-footer .menu--footer .menu--level-0 .menu__link:hover{
  text-decoration: underline;
}
.region-footer .menu--footer .menu--level-0 .menu__link .is-active{
  padding: 12px;
  color: white;
}
.region-footer .menu--social-menu .menu--level-0{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.region-footer .menu--social-menu .menu--level-0>li{
  margin: 10px;
}
.region-footer .menu--social-menu .menu--level-0 .logo-facebook {
  position: relative;
  font-size: 0;
  padding: .8rem;
  background: no-repeat url("../images/facebook.svg");
}
.region-footer .menu--social-menu .menu--level-0 .logo-linkedin {
  position: relative;
  font-size: 0;
  padding: .8rem;
  background: no-repeat url("../images/linkedin.svg");
}

@media(min-width: 1000px){
  .footer--wrapper{
    flex-direction: row;
  }
  .region-footer .menu--footer .menu--level-0{
    min-width: 430px;
  }
  .region-footer .menu--social-menu .menu--level-0{
    justify-content: end;
  }
}