/*
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;
}