body {
    background-color: #ebf4fb;
}

/* Hide the HTML body until JS render_language() is ready */
.hidden-content {
    visibility: hidden;
    opacity: 0;
}

.lang-switcher {
    cursor: pointer;
    max-width: 120px;
    font-size: 0.9rem;
}
.navbar {
    margin-bottom: 0;
    border-radius: 0;
    border: 1px solid #ddd;
}
.banner-img {
    width: 100%;
    height: auto;
}
.logo-img {
    max-width: 400px;
    width: 100%;
    height: auto;
}
.navbar-img {
    min-height: 25px;
    max-height: 60px;
}

.navbar {
    background-color: #ebf4fb;
}

.nav-item {
    margin-top: 0;
    margin-bottom: 0;
}

.navbar-nav {
    font-size:20px;
}

.navbar-toggler {
    border-color: #0d6efd;
    border-width: 1px;
}

.navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2813, 110, 253, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.dropdown-menu {
    background-color: #ebf4fb;
    border: 0px;
}

/* Drop down aligned-left on desktop */
.dropdown-item {
    text-align: start;
}
.dropdown-item a {
    color: rgb(41, 41, 41);
}

.hamburger {
    max-height: 90px;
}

@media (max-width: 991.98px) {
    /* Language select button font size */
    .lang-switcher {
        padding: 2px;
        font-size: 0.7rem;
    }
    /* Drop down aligned-left on mobile */
    .dropdown-item {
        text-wrap: wrap;
        text-align: end;
    }
    .nav-item {
        border-bottom: 1px solid grey;
    }
    .navbar {
        padding-top: 0px;
    }
}