@import url("./fonts/font.css");
@import url("./bootstrap-override.css");

header img {
    width: 100%;
    max-width: 13rem;
}

header .navbar-toggler {
    border: 0px;
    padding: 0px;
}

header .navbar-toggler:focus {
    box-shadow: none;
}

header .navbar-toggler-icon {
    background-image: url(../images/hamburger.svg);
}

header .nav-link {
    color: #0066b3;
    font-weight: 500;
}

header .nav-link:focus, header .nav-link:hover {
    color: #8dc63f;
}

header .navbar-nav .nav-link.active, header .navbar-nav .show>.nav-link {
    color: #8dc63f;
}

.banner {
    background: url(../images/banner-bg.jpg) center 15% / cover no-repeat;
    position: relative;
    z-index: 0;
}

.banner:before {
    content: '';
    background: #ffffffe6;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
}

.banner img {
    width: 100%;
    max-width: 15.625rem;
}

select:invalid, select option[value=""] {
    color: #6c757d;
}

input[type="date"]:not(:valid)::-webkit-datetime-edit {
    color: #6c757d;
}

.loader {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    background-color: #ffffff;
}

.loader>div {
    width: 4rem;
    height: 4rem;
    border-width: 0.36em;
}