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

div.breadcrumb {
  background-color: var(--bg-gray);
  padding: 5px 0;
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
}

.region-breadcrumb {
  width: 100%;
  max-width: 1245px;
  margin-left: auto;
  margin-right: auto;
}

.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;
  color: var(--font-dark-gray);
  font-size: 0.9rem;
}

.breadcrumb li a {
  color: var(--font-dark-gray);
  font-size: 0.9rem;
}

/* IE8 does not support :not() and :last-child. */
.breadcrumb li::before {
  content: " / ";
}
.breadcrumb li:first-child::before {
  content: none;
}