/*————————————

Breadcrumbs v2

————————————*/

.u-breadcrumbs-v2 {

padding-left: 0;
margin-bottom: 0;

> * {
  display: inline-block;
  vertical-align: middle;

  > * {
    display: block;
    border-radius: 3px;
  }
}

a {
  &:hover {
    text-decoration: none;
  }
}

[class*="u-triangle"]:not([class*="__front"], [class*="__back"]) {
  display: none;
}

}

@media (min-width: $g-md) {

.u-breadcrumbs-v2 {
  > * {
    position: relative;
    background-color: $g-color-white;

    > * {
      border-radius: 0;
    }

    &:first-child {
      > * {
        border-radius: 5px 0 0 5px;
      }
    }

    &:last-child {
      > * {
        border-radius: 0 5px 5px 0;
      }
    }
  }

  [class*="u-triangle"]:not([class*="__front"], [class*="__back"]) {
    top: 0;
    z-index: 2;
    display: block;
    width: 20px;
    height: 100%;
    margin-left: -0.05em;
  }
}

}