:root {
    --primary: #0b5ed7;
    --dark: #15324b;
    --muted: #6c757d;
    --light: #f8fbff;
    --navy: #0d2240;
    --navy-deep: #0B1428;
}

.cta {
    background: linear-gradient(135deg,#0b5ed7,#34a0ff);
    color: #fff;
    border-top: 2px solid #003366;
}


.footer {
    background: var(--navy);
    color: #d8dee8;
}

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

    .footer a:hover {
        color: var(--primary);
    }

.logo {
    height: 140px;
    width: auto;
    float: left;
    margin-right: 1rem;
    /*margin-bottom: 1rem;*/
}

.card-lite {
    background: var(--light);
    border: 1px solid #e6eef7;
    border-radius: 1rem;
}

.badgebox {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .6rem .9rem;
    border: 1px solid #d8e4f0;
    border-radius: 999px;
    background: #fff;
    margin: .3rem;
}

.social a {
    display: inline-flex;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: #a60808;
    /*background: #f2f6fb;*/
}

#topBtn {
    position: fixed;
    right: 24px;
    bottom: 24px;
    display: none;
    border-radius: 999px;
}

@@media(prefers-color-scheme:dark) {
    .footer {
        /*background: #1b2430;*/
        background: var(--navy);
        color: #d8dee8;
    }

        .footer a {
            color: #d8dee8;
        }

    .card-lite {
        background: #243140;
        border-color: #314255;
    }
}

hr.divider {
    margin: 0em;
    border-width: 2px;
}