/* CSS HEX

    --mint-cream: #e6efec;
    --yellow-green: #aada2f;
    --carrot-orange: #f39200;
    --star-command-blue: #1480c4;
    --gunmetal: #192c38;

    CSS HSL
    --mint-cream: hsla(160, 22%, 92%, 1);
    --yellow-green: hsla(77, 70%, 52%, 1);
    --carrot-orange: hsla(36, 100%, 48%, 1);
    --star-command-blue: hsla(203, 81%, 42%, 1);
    --gunmetal: hsla(203, 38%, 16%, 1);

    SCSS RGB
    $mint-cream: rgba(230, 239, 236, 1);
    $yellow-green: rgba(170, 218, 47, 1);
    $carrot-orange: rgba(243, 146, 0, 1);
    $star-command-blue: rgba(20, 128, 196, 1);
    $gunmetal: rgba(25, 44, 56, 1);
    */

    .navbar {
        font-family: 'Titillium Web';
        position:fixed;
        top:0;
        width: 100%;
        z-index: 10;
        background: rgb(230,239,236);
        background: -moz-linear-gradient(180deg, rgba(230,239,236,0.9) 0%, rgba(230,239,236,1) 40%, rgba(230,239,236,0.8) 60%, rgba(230,239,236,0) 100%);
        background: -webkit-linear-gradient(180deg, rgba(230,239,236,0.9) 0%, rgba(230,239,236,0.9) 40%, rgba(230,239,236,0.8) 60%, rgba(230,239,236,0) 100%);
        background: linear-gradient(180deg, rgba(230,239,236,0.9) 0%, rgba(230,239,236,0.9) 40%, rgba(230,239,236,0.8) 60%, rgba(230,239,236,0) 100%);
        color: #f39200 !important;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
        font-weight: bold !important;
        color: #f39200 !important;
    }
    .navbar .me-auto{
        margin-left: auto !important;
        margin-right: 0 !important;
    }
    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(110, 173, 48, 1);
        font-weight: 400;
    }
    .navbar-light .navbar-nav .nav-link {
        color: rgba(25, 44, 56, 0.9);
        padding-top: 0;
        padding-bottom: 1rem;
        letter-spacing: 2px;
    }
    .navbar-light .navbar-brand {
        color: rgba(25, 44, 56, 0.9);
        padding-top: 0;
        padding-bottom: 1rem;

    }
    .navbar-light .navbar-brand img{
        height: 30px;
    }

    .navbar .active{
        color: inherit;
        text-decoration: none;
    }
    .navbar #navbar-brand {
        color: #192c38;
    }
    .navbar .navbar-nav .nav-item .active {
        color: #f39200 !important;
        font-weight: 600;
        text-decoration:underline;
        text-underline-offset:6px;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 16px;
    }
    @media (max-width: 768.02px) {
        .navbar .navbar-nav .nav-item {
            margin:1rem;
        }

        .navbar-light .navbar-nav .nav-link {
            color: rgba(25, 44, 56, 0.9);
            padding-top: 0;
            padding-bottom: 0;
            letter-spacing: 2px;
            margin-bottom: 1rem;
            margin-top: 1rem;
            font-size: 24px;
        }
        .navbar .navbar-nav .nav-item .active {
            color: #f39200 !important;
            font-weight: 600;
            text-decoration:none;
            font-size: 24px;
            padding: 1rem 0.5rem;
        }
        .navbar .navbar-toggler {
            margin-top: -1rem;
        }
    }
    @media (max-width: 576.02px) {
        .navbar .navbar-nav .nav-item {
            margin:0.5rem;
        }
    }