/* 2025 SECU ADA Update */
:root {
    --secu-green: #00833f;
    --secu-rgb-green: 0, 131, 63;
    --secu-dark-blue: #012169;
    --secu-rgb-dark-blue: 1, 33. 105;
    --padding-x: .75rem;
    --padding-y: .75rem;
    
    /* Bootstrap 5.3 css variable overrides */
    /* Nav Links */
    --bs-nav-link-font-size: 1rem;
    --bs-focus-ring-color: black;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--secu-green);
    --bs-btn-border-color: var(--secu-green);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--secu-rgb-green), .8);
    --bs-btn-hover-border-color: rgba(var(--secu-rgb-green), .8);
    /*    --bs-btn-focus-shadow-rgb 49,132,253 : 49, 132, 253;*/
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(var(--secu-rgb-green), .5);
    --bs-btn-active-border-color: rgba(var(--secu-rgb-green), .5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #888888;
    --bs-btn-disabled-border-color: #888888;
}

.secu-header {
    background-color: var(--secu-green);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--padding-y) var(--padding-x);
}
.secu-nav {
    padding: calc(var(--padding-x) / 2) var(--padding-x);
    justify-content: flex-end;
}
.secu-main {
    padding: var(--padding-y) var(--padding-x);
}

.secu-footer {
    font-size: .8rem;
    border-top: 2px black solid;
    padding: var(--padding-y) var(--padding-x);
}

.secu-logout-link {
    color: white;
}

.secu-lastlogin-label {
    color: white;
}

.secu-logo-svg {
    height: 40px;
}

@media screen and (min-width: 768px) {
    :root {
        --padding-x: 1.25rem;
        --padding-y: 1.25rem;
    }

    .secu-logo-svg {
        height: 60px;
    }

    .max-width-320-until-md {
        max-width: 320px;
    }
}

.secu-nav {
    background-color: var(--secu-dark-blue);
}

.navbar[data-bs-theme=dark] {
    --bs-navbar-toggler-border-color: white;
}

.navbar-nav {
    --bs-nav-link-color: white;
    --bs-nav-link-font-weight: 400;
}

/* Accessibiliy Focus */
:focus, :focus-visible {
    outline: 2px solid black;
    border-radius: 4px;
}

.nav-link:focus-visible {
    box-shadow: none;
    outline: 2px solid white;
}

.nav-link:focus {
    outline-color: white;
}

.nav-tabs .nav-link:focus-visible {
    outline-color: black;
}

.form-select:focus,
.form-control:focus {
    border-color: inherit;
    outline: 2px solid black;
    box-shadow: none;
}