/* General Styles */

:root{
    --blueColor: #007bff;
    --lightBlueColor: #68a9ee;
    --lightBlueOpacityColor: rgba(104, 169, 238, 0.2);
    --darkBlueColor: #0055b1;
    --ultraDarkBlue: #003066; 
    --yellowColor: #faf02d;
    --yellowColorTransition: #e4dc42;
    --yellowTextColor: #eee609;
    --greenTextColor: #0f3307;
    --whiteColor: #ffffff;
    --grayColor: #ffffffd9;
    --blackColor: #000000;
    --whiteColorNavLink: #FFFFFFD8;
    --darkYellowColor: #CCCC00;
}

/* backgrounds colors  */

.bg-blue{
    background: var(--blueColor) !important;
}

.bg-dark-blue{
    background: var(--darkBlueColor) !important;
}

.bg-ultraDark-blue{
    background-color: var(--ultraDarkBlue) !important;
}

.bg-light-blue{
    background: var(--lightBlueColor) !important;
}

.bg-light-opacity-blue{
    background: var(--lightBlueOpacityColor) !important;
}

.bg-yellow{
    background-color: var(--yellowColor) !important;
}

.bg-dark-yellow{
    background-color: var(--darkYellowColor);
}

.radial-gradient-blu-bg-animation{   
    background: radial-gradient(90% 106.38% at 122.89% 49.97%, #007bff 0%, #0070e0 9%, #0066cc 25%, #005bb8 41%, #0050a3 56%, #00458f 72%, #003a7a 86%, #003066 100%);
    background-size: 150%;
    animation: gradient_animation 5s ease-in-out 0s infinite alternate;
}


.bg-transparent{
    background: unset !important;
}


/*  Animation gradient*/

@keyframes gradient_animation {
    0% {
        background-position: 0
    }
    to {
        background-position: 100%
    }
}


/* borders colors */

.border-color-yellow-hover:hover{
    color: var(--greenTextColor) !important;
    border: 1px solid var(--darkYellowColor) !important;
    transition: all 500ms ease-in-out;
}


/*-text colors */

.text-yellow{
    color: var(--yellowTextColor);
}

.text-yellow-hover:hover{
    color: var(--yellowTextColor) !important;
    transition: all 250ms ease-in-out;
}


.text-dark-yellow{
    color: var(--darkYellowColor);
}

.text-green{
    color: var(--greenTextColor);
}

.text-green-hover:hover{
    color: var(--greenTextColor) !important;
    transition: all 250ms ease-in-out;
}


.text-blue{
    color: var(--blueColor);
}

.text-blue-hover:hover{
    color: var(--blueColor) !important;
    transition: all 250ms ease-in-out;
}

/* Buttons styles*/

.btn-border-blue-color{
    border: 1px solid var(--blueColor) !important;
}

.btn-blue-hover:hover{
    background-color: var(--darkBlueColor);
    transition: background-color 500ms ease-in-out ;
}

.btn-yellow-hover:hover{
    color: var(--greenTextColor) !important;
    background-color: var(--yellowColorTransition) !important;
    transition: all 250ms ease-in-out;
}

/* Header styles */

header.header-sticky-on {
    background-color: var(--blueColor);
}


header.header-sticky-on:not([data-bs-theme="dark"]) .nav-link{
    color:  var(--whiteColorNavLink);
}

header.header-sticky-on:not([data-bs-theme="dark"]) img.navbar-brand-item:first-child{
    display: none;
}

header.header-sticky-on:not([data-bs-theme="dark"]) img.navbar-brand-item:last-child{
    display: block !important;
}

header.header-sticky-on:not([data-bs-theme="dark"]) .dropdown  .dropdown-item{
    color:  var(--blackColor);
}

header.header-sticky-on:not([data-bs-theme="dark"]) .dropdown  .dropdown-link{
    color:  var(--greenTextColor);
}