/*
  Style the progress bar
*/
.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 {
  background-color: #666666; 
}
.progress-step.is-active .progress-marker::before {
  background-color: var(--secondary);
}
.webform-progress-tracker .progress-step.is-active:hover .progress-marker::before {
  background-color: var(--gray-dark);
}
.progress-marker::before {
  padding: 1.5rem;
}
.progress-marker::after {
  top: 1.5rem;
}

/*
  Style the help text
*/
.webform-element-description {
  margin-top: 0.25rem;
  line-height: 1.4;
  color: #767676 !important;
}
/*
  Style the Previous button
*/
input.webform-button--previous,
input.webform-button--next {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1.15rem;
  line-height: 1.5;
  border-radius: 0.3525rem;
  transition: background-color 0.4s ease, border-color 0.4s, box-shadow 0.4s;
  
  padding: 0.5rem 1rem;
  font-size: 1.3rem;
  line-height: 1.5;
  border-radius: 0.355rem;
  
  color: #444444;
  border-color: #444444;
}
input.webform-button--previous:hover {
  color: #ffffff;
  background-color: #444444;
  border-color: #444444;
}
input.webform-button--next {
  color: #ffffff;
  background-color: #00819b;
  border-color: #00819b;
}
input.webform-button--next:hover {
  background-color: #006174;
  border-color: #005768;
}
/*
  Add a little spacing above the buttons
*/
.form-actions {
  margin-top: 1.5rem; 
}