/* BairdDocs site styles (on top of Bootstrap 5). */
:root {
    --bd-navy: #1f3a5f;
    --bd-navy-dark: #162b47;
    --bd-gold: #c9a227;
}

body {
    background: #f3f5f8;
    color: #22303f;
}

.bd-nav {
    background: var(--bd-navy);
    border-bottom: 3px solid var(--bd-gold);
}

.bd-nav .nav-link.active {
    color: #fff;
    border-bottom: 2px solid var(--bd-gold);
}

.btn-primary,
.btn-primary:disabled {
    background-color: var(--bd-navy);
    border-color: var(--bd-navy);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--bd-navy-dark) !important;
    border-color: var(--bd-navy-dark) !important;
}

/* Results table */
.bd-results td, .bd-results th { padding: .55rem 1rem; }
.bd-results .bd-section th {
    background: #eef2f7;
    color: var(--bd-navy);
    font-size: .78rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.bd-results .bd-amt {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    width: 9rem;
}
.bd-results .bd-key .bd-amt { font-weight: 700; font-size: 1.1rem; }
.bd-hint { color: #6c7a89; font-size: .8rem; }

/* Results dim when the inputs change until Calculate is pressed again (site.js) */
[data-results].is-stale .bd-results { opacity: .45; }
[data-results].is-stale .stale-note { display: block !important; }

.bd-tile { color: inherit; transition: transform .1s, box-shadow .1s; }
.bd-tile:hover { transform: translateY(-2px); box-shadow: 0 .5rem 1rem rgba(31, 58, 95, .15) !important; }
.bd-tile .h5 { color: var(--bd-navy); }

@media print {
    body { background: #fff; }
    .col-lg-4 { display: none; }
    .col-lg-8 { width: 100%; }
    .card { box-shadow: none !important; border: 1px solid #ccc; }
}

/* View my log */
.bd-log {
    max-height: 28rem;
    overflow: auto;
    padding: 1rem;
    font-size: .8rem;
    white-space: pre-wrap;
    word-break: break-word;
    background: #fbfcfd;
}