/*Astro*/
:root {
    --first-color: #0d3599;
    --second-color: #41cbed;
    --third-color: #781c15;
    --fourth-color: #47ad01;
    --fifth-color: #fdf0e6;
    /*--header-background: linear-gradient(90deg, rgb(0, 92, 147), rgb(107, 58, 167));*/
    --header-background: #ffffff;
    --header-logo-max-height: 100%;
    --header-logo-max-width: 150px;
    --btn-color : linear-gradient(90deg, rgb(0, 92, 147), rgb(107, 58, 167));
}


.navbar .navbar-brand {
    width: 20px;
    /* height: 53px; */
    /*position: absolute;*/
}

/*Text Color*/
.navbar,
.navbar a,
.navbar .nav-link,
.navbar .nav-link.active,
.navbar .nav-link.show {
    color: #333333;
}

.navbar a:hover,
.navbar .nav-link:hover,
.navbar .nav-link.active:hover,
.navbar .nav-link.show:hover {
    color: #02b9e7;
}


/*Background*/
.navbar-bg-custom {
    background: var(--header-background);
}
.body-bg-custom {
    background-color: #00071a !important;
}
.border-custom {
    border-color: #333333;
}

/*Button Custom*/
.btn-custom-1 {
    background-color: var(--first-color) !important;
    border-color: var(--first-color) !important;
    color: #FFFFFF !important;
}
.btn-custom-2 {
    background-color: var(--second-color) !important;
    border-color: var(--second-color) !important;
    color: #FFFFFF !important;
}
.btn-1 {
    --c1: var(--first-color);
    --c2: var(--third-color);
    --c3: var(--third-color);
}

/*Badge*/
.badge-custom {
    background-color: var(--second-color);
}

/*Menu*/
.navbar-nav .nav-link.active::after,
.menuBottom a.active::after {
    border-top: 4px solid var(--second-color);
}



/*Footer*/
footer {
    color: #ffffff;
}