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

/**
 * Global footer rules
 */
.menu--footer{
  background-color:#222222;
}
.menu--footer .menu{
  margin:0;
  padding:1rem 0;
  text-align: center;
}
.menu--footer .menu__item{
  display: inline-block;
  vertical-align: middle;
  padding:0.5rem 1rem;
  position: relative;
}
.menu--footer .menu__item:after{
  content:'';
  display: block;
  background-color:#dddddd;
  position: absolute;
  right:-1px;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:15px;
}
.menu--footer .menu__item:last-child:after{
  display: none;
}
.menu--footer .menu__link, .menu--footer .menu__link.is-active{
  color:#dddddd;
  font-size:0.875rem;
}