/* =========================================================
   NAVBAR
   ========================================================= */

@media screen and (min-width: 992px) {
    .navbar.navbar-pad {
        --bs-navbar-padding-x: 10%;
    }
}

/* Header: match navbar spacing on desktop */
@media screen and (min-width: 992px) {
    .topbar.topbar-pad {
        padding-left: 10%;
        padding-right: 10%;
    }
}
/*
   Optional mobile/tablet padding:
*/
/*
.navbar.navbar-pad {
    --bs-navbar-padding-x: 16px;
}
*/

.navbar-brand {
    line-height: 46px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #2c3531;
    font-style: normal;
    letter-spacing: -1px;
}

.navbar .nav-link,
.navbar .nav-link:visited {
    color: #2c3531 !important;
    text-decoration: none;
}

.navbar .navbar-brand,
.navbar .navbar-brand:visited {
    color: #2c3531 !important;
    text-decoration: none;
}

.navbar .navbar-brand:hover,
.navbar .nav-link:hover {
    color: #898d8c !important;
}

.navbar .navbar-toggler {
    border-color: rgba(44, 53, 49, 0.25);
}

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

/* Optional: */
.icon {
    font-size: 2.25em;
    color: #2c3531 !important;
}

/* =========================================================
   HEADER (Bootstrap-based)
   ========================================================= */

.topbar {
    background-color: #284b63;
    width: 100%;
}

/* icon + text colors */
.topbar i {
    color: #ffcb9a;
}

.topbar,
.topbar a,
.topbar a:visited {
    color: #ffffff;
    text-decoration: none;
}

.topbar a:hover {
    color: #ffcb9a;
}

/* flags */
.topbar-flag {
    width: 32px;
    height: 20px;
    object-fit: cover;
}

/* On very small screens, slightly smaller flags */
@media (max-width: 575.98px) {
    .topbar-flag {
        width: 25px;
        height: 18px;
    }
}

.navbar a {
    text-transform: uppercase;
}