/**
 * FileName: fam.custom.css
 * Description: Custom CSS
 * Author: Geneses 0.0
 * Url: https://fam-digitale.com
 * */

.header-links li span {
    position: relative;
    z-index: 0;
}

.header-links li span::before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 2px;
    left: -4px;
    right: -4px;
    display: block;
    height: 6px;
}

.header-links li.active span::before {
    background-color: #fcae04;
}

.header-links li:not(.active):hover span::before {
    background-color: #ccc;
}

/* Focused input */
.border-focused:focus,
.border-focused:focus-visible {
    border: none;
    outline: 0;
}

/* Form Stepper */
#signUpForm {
    max-width: 100%;
}

#signUpForm .form-header .stepIndicator.active {
    font-weight: 600;
}

#signUpForm .form-header .stepIndicator.finish {
    font-weight: 600;
    color: #5a67d8;
}

#signUpForm .form-header .stepIndicator::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 9;
    width: 20px;
    height: 20px;
    background-color: #c3dafe;
    border-radius: 50%;
    border: 3px solid #ebf4ff;
}

#signUpForm .form-header .stepIndicator.active::before {
    background-color: #a3bffa;
    border: 3px solid #c3dafe;
}

#signUpForm .form-header .stepIndicator.finish::before {
    background-color: #5a67d8;
    border: 3px solid #c3dafe;
}

#signUpForm .form-header .stepIndicator::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 8px;
    width: 100%;
    height: 3px;
    background-color: #f3f3f3;
}

#signUpForm .form-header .stepIndicator.active::after {
    background-color: #a3bffa;
}

#signUpForm .form-header .stepIndicator.finish::after {
    background-color: #5a67d8;
}

#signUpForm .form-header .stepIndicator:last-child:after {
    display: none;
}

#signUpForm input.invalid {
    border: 2px solid #ffaba5;
}

#signUpForm .step {
    display: none;
}