:root {
    --cs-theme-link: #757575;
    --cs--footer-bg: #f2f2f2;
    --cs-btn-bg: #52b6cd;
    --cs-text: #232323;
    --cs-dialog-bg: #e9f3f4;
    --cs-dialog-title-bg: #bbdfeb;
    --cs-dialog-title: #136069;
    --cs-input-bg: #ffffff;
    --cs-input-disabled-bg: #f2f2f2;
    --cs-input-border: #cdd0d0;
    --cs-icon-bg: #52b6cd;
    --cs-icon: #ffffff;
    --cs-footer-link: #757575;
    --cs-menu: #808080;
}

body {
}

main {
    padding-top: 2em;
    padding-bottom: 2em;
}

.sub-nav-row .nav-link {
    color: var(--cs-menu);
    font-size: 1.25rem;
    font-weight: 700;
}

    .sub-nav-row .nav-link.active {
        font-weight: bold;
    }

    .sub-nav-row .nav-link:hover {
        color: var(--cs-dialog-title);
        background-color: var(--cs-dialog-title-bg);
    }

.nav.member > li {
    padding: .25em;
}

    .nav.member > li a {
        color: var(--cs-text);
        text-decoration: none;
    }

    .nav.member > li a:hover {
        color: var(--cs-dialog-title);
        background-color: var(--cs-dialog-title-bg);
    }

footer {
    background-color: var(--cs--footer-bg);
}

    footer a {
        color: var(--cs-footer-link);
       text-decoration-line: none;
    }

footer .fa-solid {
    
}

.fa-stack.small {
    font-size: 0.6em;
}

.fa-stack i {
    vertical-align: middle;
}
.fa-stack > .fa-solid:first-child {
    color: var(--cs-icon-bg)
}
.fa-stack > .fa-solid:nth-child(2) {
    color: var(--cs-icon)
}

.form-control::placeholder {
    color: currentColor;
    opacity: 0.4;
}