/**
 * Breadcrumbs for the gmu_libraries theme.
 * Rendered inside .main-content-area, directly above the page title.
 */

.breadcrumb-region {
  margin: 0 0 var(--spacing-sm, 0.5rem);
  padding: 0 3%;
  background: transparent;
}

.breadcrumb-region .block {
  margin: 0;
  padding: 0;
}

.breadcrumb-region nav[role="navigation"] {
  margin: 0;
  padding: 0;
}

.breadcrumb-region ol,
.breadcrumb-region ol.breadcrumb {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-family: var(--font-body, 'Open Sans', sans-serif);
  font-size: var(--font-size-14, 0.875rem);
  line-height: 1.4;
  color: var(--gmu-dark-gray, #3b3b3b);
}

.breadcrumb-region ol li {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.breadcrumb-region ol li + li::before {
  content: "›";
  color: var(--gmu-dark-gray, #3b3b3b);
  margin: 0 var(--spacing-sm, 0.5rem);
  font-weight: var(--font-weight-bold, 700);
  opacity: 0.6;
}

.breadcrumb-region ol li a {
  color: var(--gmu-primary-green, #005239);
  text-decoration: none;
  font-weight: var(--font-weight-semibold, 600);
  transition: color var(--transition-fast, 150ms ease-in-out);
}

.breadcrumb-region ol li a:hover,
.breadcrumb-region ol li a:focus {
  color: var(--gmu-primary-green, #005239);
  text-decoration: underline;
}

.breadcrumb-region ol li:last-child,
.breadcrumb-region ol li[aria-current="page"] {
  color: var(--gmu-dark-gray, #3b3b3b);
  font-weight: var(--font-weight-normal, 400);
}

@media (max-width: 600px) {
  .breadcrumb-region ol,
  .breadcrumb-region ol.breadcrumb {
    font-size: var(--font-size-12, 0.75rem);
  }
}