.breadcrumb {
  background: $bg_white;
  position: relative;
  z-index: 2;

  @media screen and (min-width: $break_medium) {
    position: absolute;
  }

  * {
    vertical-align: middle;
  }

  ol {
    display: inline-block;
    padding: 0 $gutter;
  }

  li {
    list-style-type: none;
    display: inline-block;

    &:last-child {
      color: $color-accent-contrast;
    }

    a {
      @extend %link-underlining;
    }
  }

  .separator {
    color: $grey;
    font-size: 1.5em;
    padding: 0 5px;
  }
}