ul.menu {
  margin: 0;
  padding: 0;

  li.menu-item {
    display: inline-block;
    padding: 1rem 1.5rem;
    text-transform: uppercase;

    a {
      color: black;
      text-decoration: none;

      &:hover,
      &:focus,
      &.is-active {
        color: $dcb-green;
      }
    }
  }
}

nav.menu--main {
  float: right;
  font-weight: bold;
  margin: 0.8rem;
}