.menu--footer {
  margin: 15px 0 15px;
  ul {
    margin-left: 0;
    text-align: center;
    li {
      display: inline-block;
      margin: 10px 0;
      a {
        display: block;
        margin: 0 5px 0 0;
        padding: 0 15px 0 10px;
        text-decoration: none;
        color: $colour-white;
        border-right: 1px solid $colour-white;
        font-weight: 300;
        font-family: $body-font;
        transition: color 180ms;
        
        &:hover, &:focus {
          color: $colour-smoke-grey;
          text-decoration: underline;
        }
        &.is-active {
          color: #c8c8c8;
        }
      }
      &:last-child {
        a {
          margin: 0;
          border-right: none;
        }
      }
    }
  }
}