/* ---------------------------------------------------------------------- */
/*	Theme
/* ---------------------------------------------------------------------- */

:root, [data-bs-theme=light] {
    --bs-primary: #00448c;
    --bs-primary-rgb: 0, 68, 140;
    --bs-secondary: #E7ECF4;
    --bs-secondary-rgb: 231, 236, 244;
    --bs-warning: #f2b200;
    --bs-warning-rgb: 242, 178, 0;
    --bs-success: #00c18b;
    --bs-success-rgb: 0, 193, 139;
    --bs-font-sans-serif: "Montserrat", sans-serif;
    --bs-font-serif: "Montserrat", sans-serif;
    --bs-border-radius: 0;
    --bs-body-line-height: 1.7;
}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: var(--bs-font-serif); }

.font-body { font-family: var(--bs-body-font-family); }

.btn { --bs-btn-font-size: .75rem; font-weight: bold; border-radius: 0.75rem; min-width: 100px; }

small, .small { font-size: 0.75em; }
xsmall, .xsmall { font-size: 0.6em; }

.form-control {
    border-radius: 0.75rem;
}

.form-floating > .form-control {  
    background-color: #E7ECF4 !important;
}  

.form-floating > .form-control:focus ~ label::after,  
.form-floating > .form-control:not(:placeholder-shown) ~ label::after {  
    background-color: #E7ECF4 !important;
}  

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-border-width: 0;
}

.navbar .offcanvas-header .btn-close {
    --bs-btn-close-bg: none;
}

.offcanvas-header .btn-close {
  padding: 0.2rem;
  margin: 0 0 0 auto;
}

.navbar {
    --bs-navbar-padding-y: 0;
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0);
}

.navbar .navbar-nav .nav-link {
    font-size: 1.25rem;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--bs-primary);
    padding: 0.5rem 1.5rem;
}

.navbar .btn { 
     font-size: 1.25rem;
}

.navbar-toggler { font-size: 2rem; }
.navbar-brand img { max-height: 60px; }
.offcanvas-header { font-size: 2rem; }

.nav-link.active { 
    color: #FFF !important;
    background-color: var(--bs-warning);
    border-radius: 1.25rem !important;
 }

ul {
    padding-left: 1rem!important;
}

span.error {
    color: var(--bs-danger);
    font-size: 0.75rem;
}

footer {
    font-size: 0.85rem;
}

footer a {
    text-decoration: none;
    color: #ffffff;
}