body { 
    font-family: Arial, Helvetica, sans-serif;
}


/* Override Bootstrap 5 Colors */

/* Primary Color */
:root {
    --bs-primary: #2d3166; /* Change this to your desired primary color */
    --bs-secondary: #2a7d41; /* Change this to your desired secondary color */
    --bs-success: honeydew; /* Change this to your desired success color */
    --bs-info: #4f5284; /* Change this to your desired info color */
    --bs-warning: #ffc107; /* Change this to your desired warning color */
    --bs-danger: ##E964F3; /* Change this to your desired danger color */
    --bs-light: #f8f9fa; /* Change this to your desired light color */
    --bs-dark: #343a40; /* Change this to your desired dark color */
}

/* Button colors */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-primary:hover {
    background-color: darken(var(--bs-primary), 10%);
}

.btn-secondary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.btn-secondary:hover {
    background-color: darken(var(--bs-secondary), 10%);
}

/* Background colors */
.bg-primary {
    background-color: var(--bs-primary) !important;
}

.navbar-nav>.btn {
    background-color: honeydew;
    border-color: #2a7d41; 
}
.navbar-nav>.btn>a {
text-decoration: none !important;
    color: #2d3166;
}

.bg-secondary {
    background-color: var(--bs-secondary) !important;
}


/* Text colors */
.h1, .h2, .h3, h2, h1, h3, li, .card-text, .card-title, label, .display-2, p,  .text-primary {
    color: var(--bs-primary) !important;
}

.text-secondary {
    color: var(--bs-secondary) !important;
}

/* Additional overrides as needed */
/* Override Bootstrap nav-link colors */

/* Default nav-link color */
.nav-link {
    color: var(--bs-primary); /* Change this to your desired color */
}


/* Hover state */
.nav-link:hover {
    color: var(--bs-primary); /* Change this to your desired hover color */
}

/* Active state */
.nav-link.active {
    font-weight: 700; /* Optionally make the active link bold */
    font-size: 1.4;
}

/* Disabled state */
.nav-link.disabled {
    color: #6c757d; /* Change this to your desired disabled color */
    pointer-events: none; /* Prevent clicks on disabled links */
}

.bg-body-header {

}


.navbar-nav .nav-link {
    font-weight: 500;
}

.navbar-brand {
    font-weight: bold;
}

.big-logo {
    max-width: 80%;
    height: auto;
}

.footerSlogan {
    font-size: 2rem;
    font-style: italic;
    font-weight: 600;
}

h3 {
    font-size: large;
    font-weight: 600;
    color: var(--bs-secondary) !important;
}

