/* Breadcrumbs – top left */
.breadcrumbs {
  width: 100%;
  font-size: 14px;
  color: #666;
  margin: 15px 0 8px 0;
  padding-left: 15px;   /* align with content */
  text-align: left;

  /* flex safety */
  display: block;
  flex: 0 0 100%;
}

/* Page Title – centered */
.page-title {
  width: 100%;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  margin: 0 0 25px;
  padding-bottom: 10px;
}

.breadcrumbs a {
  color: #666;
  text-decoration: none;
}

.breadcrumbs a:hover {
  color: #c00;
  text-decoration: underline;
}

/* .breadcrumbs span {
  margin: 0 6px;
} */

.breadcrumbs .current {
  color: #eee;
  font-weight: bold;
}

.breadcrumbs span {
  font-size: 14px;
  color: #c00;
  font-weight: bold;
  margin: 0 6px;
  vertical-align: middle;   /* keeps it aligned with text */
}

/* Keyframes */
@keyframes fadeSlideIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}