/**
 * All navigation types other than pagers
 * Base menus, breadcrumbs, links etc.
*/

nav {
  ul {
    list-style: none;
  }
  a {
    text-decoration: none;
  }
}
/* Skip link */
.skip-link {
  background: #e4e4e4;
  text-decoration: none;
  padding: 0.2em 0.8em;

  &:focus {
    background: var(--color-primary);
    color: var(--color-primary--foreground);
    position: relative;
    z-index: 10;
  }
}

/* Breadcrumbs */
.breadcrumbs {
  font-size: 0.85em;
  margin-bottom: 0.5em;
  & ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
  }
  & a {
    text-decoration: none;
  }
  & a:hover {
    text-decoration: underline;
  }
  & li:after {
    content: "/";
    display: inline-block;
    margin: 0 0.3em;
  }
  & li:last-child:after {
    content: "";
  }
}

/* Links (Drupal's core .links class) */
@media all and (min-width: 620px) {
  .links.inline {
    text-align: right;
  }
}
.links.inline li {
  display: inline-block;
}