/* Override primary color */
:root {
    --bs-primary: #004B87; /* Your brand color */
    --bs-secondary: #ffffff;
    --bs-success: #67A617;
    --bs-info: #17a2b8;
    --bs-warning: #F5AA04;
    --bs-danger: #E03C31;
    --bs-light: #f8f9fa;
    --bs-dark: #343a40;
    --bs-font-color: #333f48;
    --bs-white: #ffffff;
}

html,
body {
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px;
    color: #333f48;
}

/* different nav-related styles */
.navbar-brand {
    color: white !important;
}

.nav-link {
    color: white !important;
}

.dropdown-item {
    color: var(--bs-font-color) !important;
}

.navbar {
    color: #ffffff !important;
    background-color: var(--bs-primary) !important;
    padding-left: 15px;
    padding-right: 15px;
}

.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #ffffff !important;
}

/*.btn-primary:hover {
    background-color: var(--bs-white) !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-primary) !important;
}*/

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

/*.btn-secondary:hover {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #ffffff !important;
}*/


.break-word {
    word-wrap: break-word; /* Ensures words break in all browsers */
    overflow-wrap: break-word; /* Ensures words break properly */
}