/**
 * @file
 * Styles for breadcrumbs.
 */

.breadcrumb {
  margin-top: -30px;
  margin-bottom: 24px;

  @media (min-width: 768px) {
    margin-top: -50px;
    margin-bottom: 40px;
  }
  @media (min-width: 1080px) {
    margin-top: -48px;
    margin-bottom: 64px;
  }
  @media (min-width: 1440px) {
    margin-top: -85px;
    margin-bottom: 64px;
  }
}

.breadcrumb ol {
  margin: 0;
  padding: 0;
}
[dir="rtl"] .breadcrumb ol {
  /* This is required to win over specificity of [dir="rtl"] ol */
  margin-right: 0;
}
.breadcrumb li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
/* IE8 does not support :not() and :last-child. */
.breadcrumb li::before {
  content: ">";
}
.breadcrumb li:first-child::before {
  content: none;
}