/**
 * @file
 * Visual styles for multi-step webform progress tracker.
 */

.webform-progress-tracker {
  margin: 1em 0;
}

.webform-progress-tracker .progress-step.is-active .progress-marker::before,
.webform-progress-tracker
  .progress-step.is-active:hover
  .progress-marker::before {
  background-color: var(--laurier-gold);
  color: var(--black);
  border-style: solid;
  border-color: var(--laurier-blue);
  border-radius: 4px;
}

/** See https://git.ict.wlu.ca/library/apps/drupal/theme-public/-/issues/22 **/
.webform-progress-tracker
  .progress-step:not(.is-active)
  .progress-marker::before,
.webform-progress-tracker .progress-step:hover .progress-marker::before,
.webform-progress-tracker .progress-step .progress-marker::after,
.webform-progress-tracker .progress-step.is-complete .progress-marker::before,
.webform-progress-tracker .progress-step.is-complete .progress-marker::after {
  background-color: var(--laurier-blue);
}

.webform-progress-tracker .progress-title {
  color: var(--black);
}