/* New branding colours */
/*
Breadcrumbs

Add `.abb-breadcrumbs` class to list. Use `<a>` for clickable elements and `<span>` for not clickable ones.

Markup:
<ul class="abb-breadcrumbs">
  <li><a href="/">Home</a></li>
  <li><a href="/">First</a></li>
  <li><span>Active</span></li>
</ul>

Styleguide Navigation.Breadcrumbs
*/
.abb-breadcrumbs {
  list-style: none;
  overflow: hidden;
  display: block;
  margin: 1rem 0 0 0;
  text-transform: uppercase;
  line-height: 1rem;
  height: 1rem; }
  @media print {
    .abb-breadcrumbs {
      display: none; } }
  .abb-breadcrumbs > * {
    float: left; }
    .abb-breadcrumbs > *:before {
      content: " / ";
      padding: 0 0.5rem 0 0.5rem;
      float: left; }
    .abb-breadcrumbs > *:first-child:before {
      display: none; }
  .abb-breadcrumbs a {
    text-decoration: none; }
    .abb-breadcrumbs a:hover {
      text-decoration: none;
      color: #FF000F; }