@font-face {
    font-family: FrutigerNextPro-Regular;
    src: url(./fonts/32043F_1_0.woff2) format("woff2"), url(./fonts/32043F_1_0.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

/* Fonts */
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: FrutigerNextPro-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* CSS for custom autocomplete fields (university) */
.autocomplete-items {
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}


legend.line-title {
    background-color: #eeeeee !important;
}

/* Navbar */
/* Width and height of header logo */
img#logo {
    width: 317px;
    height: 65px;
}

@media (min-width: 768px) {
    img#logo {
        width: 390px;
        height: 80px;
    }
}

/* Hide hidden questions from summary */
.question-hidden {
    display: none;
}

/* Color of buttons */
.page-navigation.navbar-light .nav-item>.nav-link.active,
.page-navigation.navbar-light .nav-item>.nav-link:hover {
    color: #B11A27;
}

/* Color of underscore */
.page-navigation .nav-item>.nav-link::after {
    background-color: #B11A27;
}

/* User profile icon */
.material-icons.md-3 {
    color: #B11A27;
}

.page-header__language-alert .btn:not(.btn-dark) {
    color: #fff !important;
    background-image: none !important;
}

/* Remove added padding for items in section */
.not-indented-section {
    margin-left: -1rem;
    margin-bottom: -2rem;
}

.not-indented-section-nested {
    margin-left: -1rem;

    @media (min-width: 768px) {
        .line-title {
            margin-left: -2rem;
        }
    }
}

/* Remove added padding for items in section */
.not-indented-section {
    margin-left: -1rem;
    margin-bottom: -2rem;
}

.not-indented-section-nested {
    margin-left: -1rem;
}


/* Buttons */
.btn {
    border-radius: 0px;
}

.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    border: .125rem solid #3e76e51a;
    background-color: #1d3e7a;
    color: #fff;
}

.btn-primary {
    box-shadow: none !important;
    background-color: #B11A27 !important;
    color: #fff;
    background-image: none !important;
    background-size: 300% 100%;
    background-position: center;
}

.btn-dark,
.btn-dark:focus,
.btn-dark:hover,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    border-color: #B11A27;
    background-color: #B11A27;
}

.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    border: .125rem solid #B11A27;
    color: #fff;
    background-color: #B11A27;
}

.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    border: .125rem solid #B11A27;
    background-color: #B11A27;
    color: #fff;
}


/* Form */
/* Background for questions (and login form) */
.card {
    color: #333;
    border-radius: 0;
    background: #eeeeee;
    background-color: #eeeeee;
    box-shadow: 0 0 0 rgb(0 0 0 / 0%);
    border: none;
}

.card-header:first-child {
    border-radius: 0;
    background-color: #eeeeee;
}

.card-footer {
    background-color: #eeeeee;
}

/* Navigation on the left */
.stepper__item--active:before,
.stepper__item:hover .stepper__marker,
.stepper__item--active .stepper__marker {
    background-color: #B11A27;
}

.stepper__item--active .stepper__marker {
    background-color: #B11A27;
}



/* Footer */
/* Color of footer */
.bg-dark {
    background-color: #4093BB !important;
}

/* Language picker */
.page-footer [data-toggle="dropdown"]:hover,
.page-footer__language-menu [data-toggle="dropdown"]:hover {
    background-color: #B11A27 !important;
}

/* Replace "powered by Optimy" with BIF logo */
.page-footer__logo {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 80px;
    width: 142px;
    /* padding-top has to be >= height */
    padding-top: 80px;
    overflow: hidden;
    background: url(./logo_footer.svg) no-repeat center;
    background-size: 130px;
}