:root {
    --qatar-purple: purple;
}

html {
    scroll-behavior: smooth;
}


.bg-qatar {
    /*background-color: #8a1538;*/
    background: linear-gradient(135deg, #4A004D, #7A007A, #B000B5);
}

.fc-qatar {
    color: purple;
}

.nav-link {
    color: white;
    font-size: 1rem;
    transition: all 0.1s ease-in-out;
}


    .nav-link:hover,
    .nav-link.show {
        color: silver !important;
    }

    .nav-link:focus {
        color: silver !important;
    }

.dropdown-item {
    font-size: 1rem;
}

    .dropdown-item:hover {
        
    }

.dropdown-menu {
    
}

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

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


.pulse-border {
    outline: 2px solid #dc3545;
    outline-offset: 0px;
    animation: outlinePulse 2s ease-in-out infinite;
}

@keyframes outlinePulse {
    0% {
        outline-color: #FFCA2C;
        outline-offset: 0px;
    }

    50% {
        outline-color: transparent;
        outline-offset: 8px;
    }

    100% {
        outline-color: #FFCA2C;
        outline-offset: 0px;
    }
}



/* 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 {
    background: linear-gradient(135deg, #4A004D, #7A007A, #B000B5) !important;
    border: none;
}

.btn-primary {*/
    /*--bs-btn-font-weight: 600;*/
    /*--bs-btn-color: white;*/
    /*--bs-btn-bg: #8a1538;*/
    /*--bs-btn-border-color: #8a1538;*/
    /*--bs-btn-border-radius: 0px;*/
    /*--bs-btn-hover-color: var(--bs-white);*/
    /*--bs-btn-hover-bg: #96183e;
    --bs-btn-hover-border-color: #8a1538;*/
    /*--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 {
    border: 1px solid transparent;
    border-image: linear-gradient(135deg, #4A004D, #7A007A, #B000B5) 1;
}

.btn-outline-primary {*/
    /*--bs-btn-font-weight: 600;*/
    /*--bs-btn-color: black;
    --bs-btn-bg: white;*/
    /*--bs-btn-border-color: #8a1538;*/
    /*--bs-btn-border-radius: 0px;
    --bs-btn-hover-color: purple;
    --bs-btn-hover-bg: white;*/
    /*--bs-btn-hover-border-color: #8a1538;*/
    /*--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%)};*/
/*}*/