// Global breadcrumb from Alphagov - static
// https://github.com/alphagov/static/blob/da8aeeaa749093eab30286d7fc9f965533b66f47/app/assets/stylesheets/helpers/_header.scss#L224
// Modified to use the new grid layout mixins

#global-breadcrumb {

  @extend %grid-row;

  ol {

    @include grid-column(1);
    padding-top: 0.75em;
    padding-bottom: 0.75em;

    li {

      @include core-16;
      float: left;

      background-image: file-url("separator.png");
      @include device-pixel-ratio() {
        background-image: file-url("separator-2x.png");
        background-size: 6px 11px;
      }

      background-position: 100% 50%;
      background-repeat: no-repeat;

      list-style: none;

      margin-right: 0.5em;
      margin-bottom: 0.4em;
      margin-left: 0;
      padding-right: 1em;

      a {
        color: $text-colour;
      }

      strong {
        font-weight: normal;
      }

      &:last-child {
        background-image: none;
        margin-right: 0
      }
    }
  }
}