/*/ INSERT_YOUR_CODE */
:root {
    --dark-blue: rgb(32, 62, 74);
    --orange: rgb(255, 88, 0);
}

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

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Robot/Roboto-Bold.woff2") format("woff2"),
        url("../fonts/Robot/Roboto-Bold.woff") format("woff"),
        url("../fonts/Robot/Roboto-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body,
html {
    font-family: "Roboto", Arial, sans-serif !important;
}

.nav-top-header {
    background-color: var(--dark-blue) !important;
    color: #fff !important;
    font-size: 0.8em !important;
    font-weight: 800 !important;
    text-align: center !important;
    padding: 10px 0 !important;
}
.main-footer {
    background-color: var(--dark-blue);
}

@media (min-width: 768px) {
    .dropdown-menu {
        border-radius: 5px !important;
        margin-top: 10px;
    }
    .nav-item a:hover {
        color: var(--orange) !important;
        text-decoration: underline;
        text-underline-offset: 10px;
    }
    /* Show dropdown on hover for desktop */
    .navbar-nav .dropdown:hover > .dropdown-menu {
        display: block;
    }

    /* Optionally, you can style the caret on hover */
    /* .navbar-nav .dropdown > .dropdown-toggle:after {
    } */
    .navbar-nav .dropdown-menu {
        /* Prevent flicker when moving mouse between parent and menu */
        pointer-events: auto;
    }
}