/*****************************************************************************
  Bootstrap settings.
*/

/*****************************************************************************
  Bootstrap variables' custom overrides.
*/

/*****************************************************************************
  Project-specific variables.
*/

/*****************************************************************************
  Account.
*/

/*****************************************************************************
  Global components.
*/

/*****************************************************************************
  Homepage.
*/

/*****************************************************************************
  Recipe.
*/

/*****************************************************************************
  Bootstrap settings.
*/

/*****************************************************************************
  Bootstrap variables' custom overrides.
*/

/*****************************************************************************
  Project-specific variables.
*/

/*****************************************************************************
  Account.
*/

/*****************************************************************************
  Global components.
*/

/*****************************************************************************
  Homepage.
*/

/*****************************************************************************
  Recipe.
*/

.ws-breadcrumbs {
  margin: 1.25rem 0 0.875rem;
  font-size: 0.75rem;
}

@media (min-width: 992px) {
  .ws-breadcrumbs {
    margin: 2rem 0 1.625rem;
  }
}

.ws-breadcrumbs__step {
  margin-bottom: 0.375rem;
}

.ws-breadcrumbs__step:not(:first-child) {
  padding-left: 0.625rem;
  border-left: 1px solid rgba(102, 102, 102, 0.5);
}

.ws-breadcrumbs__step:not(:last-child) {
  margin-right: 0.625rem;
}

.ws-breadcrumbs__step:last-child {
  font-weight: bold;
}

.ws-breadcrumbs__step a {
  color: #666666;
}