:root {
    --joblo-blue: #2C3E50;
    --joblo-green: #27AE60;
}

.nav-link {
    color: var(--joblo-blue);
    font-size: 1rem;
}

 
    .nav-link:hover,
    .nav-link.show {
        color: var(--joblo-green) !important;
    }

    .nav-link:focus {
        color: var(--joblo-green) !important;
    }

.dropdown-item {
    font-size: 14px;
}

    .dropdown-item:hover {
        background-color: aliceblue;
        color: var(--joblo-blue);
    }

.dropdown-menu {
    border: none;
    outline: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


.navbar-toggler {
    outline: none;
    background-color: white;
    border: none;
}

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


/* buttons */

.btn-blue {
    padding: 10px;
    background-color: var(--joblo-blue);
    outline: none;
    box-shadow: none;
    max-width:max-content;
    border: none;
    color: white;
    text-decoration: none;
}

    .btn-blue:hover {
        background-color: #405870;
    }

.btn-blue-outline {
    padding: 10px;
    background-color: white;
    outline: none;
    box-shadow: none;
    max-width: max-content;
    border: 1px solid var(--joblo-blue);
    color: black;
    text-decoration: none;
}

    .btn-blue-outline:hover {
        background-color: #fafafa;
    }


.btn-primary {
    /*--bs-btn-font-weight: 600;*/
    --bs-btn-color: white;
    --bs-btn-bg: var(--uae-blue);
    --bs-btn-border-color: var(--uae-blue);
    --bs-btn-border-radius: 3px;
    /*--bs-btn-hover-color: var(--bs-white);*/
    --bs-btn-hover-bg: #00488b;
    /*--bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};*/
    /*--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);*/
    /*--bs-btn-active-color: var(--bs-btn-hover-color);*/
    /*--bs-btn-active-bg: #{shade-color($bd-violet, 20%)};*/
    /*--bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};*/
}

.btn-outline-primary {
    /*--bs-btn-font-weight: 600;*/
    --bs-btn-color: var(--uae-blue);
    --bs-btn-bg: white;
    --bs-btn-border-color: var(--uae-blue);
    --bs-btn-border-radius: 3px;
    --bs-btn-hover-color: var(--uae-blue);
    --bs-btn-hover-bg: #fafafa;
    /*--bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};*/
    /*--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);*/
    /*--bs-btn-active-color: var(--bs-btn-hover-color);*/
    /*--bs-btn-active-bg: #{shade-color($bd-violet, 20%)};*/
    /*--bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};*/
}

.nav-tag-green {
    color: var(--joblo-green);
}