/* OFAC colors

$ofac__navy: #002060;
$ofac__lightnavy: #355188;
$ofac__verylightnavy: #c2cada;
$ofac__white: #ffffff;
$ofac__black: black;
$ofac__darkwhite: #eeeeee;
$ofac__gray: #7F7F7F;
$ofac_lightgray: #D6DCE5;
$ofac__blue: #1F4E79;
$ofac__lightblue: #5F7FA2;
$ofac__yellow: #D4B554;
$ofac__green: #8CAB77;
$ofac__red: #B35454;
$ofac__link: #2480c7;
$ofac__orange: #fba305;
 */

body {
    color: black;
    background: white;
    margin: .5em;
    line-height: 1.62;
    font-family: "-apple-system", BlinkMacSystemFont, "avenir next", avenir, "segoe ui", "helvetica neue", helvetica, Ubuntu, roboto, noto, verdana, tahoma, arial, sans-serif;
}

h1, h2, h3 {
    line-height: 1.2;
}

hr {
    border-top: 1px solid #7F7F7F;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

#skip a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#skip a:focus {
    position: static;
    width: auto;
    height: auto;
}

.header {
    background: #002060;
    color: white;
    padding: 1em;
}

.nav {
    margin-top: 0;
    background: #D6DCE5;
    margin-bottom: 2em;
    padding: 1em;
}

.nav-item {
    padding: 1em;
    font-size: 1.2em;
    font-weight: 700;
}

.nav-link {
    color: black;
    text-decoration: none;
}

.link-button {
    border-radius: 10px;
    padding-top: .5em;
    padding-right: 2em;
    padding-bottom: .5em;
    padding-left: 2em;
    background: #5F7FA2;
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.card {
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    margin-bottom: 20px;
    border: 1px solid #c2cada;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #D6DCE5;
}

.table-header {
    padding: .2rem 0;
    padding-top: .2em;
    padding-bottom: .2em;
    padding-left: 0;
    padding-right: 0;
}

.table-header-h2 {
    font-size: 1.4em;
    margin: 0;
}

.fixed-width-col {
    column-width: 200px;
}

table {
    border-collapse: collapse;
    width: 100%;
    border: 2px solid #002060;
}

thead {
    background: #D6DCE5;
    margin-bottom: 2em;
}

th {
    padding: .5em;
    font-weight: 700;
    text-align: left;
}

td {
    padding: .5em;
    font-weight: 500;
}

.page-heading {
    display: inline-block;
    background: #002060;
    color: white;
    text-align:center;
    padding-left: 3em;
    padding-right: 3em;
}

.download-heading {
    color: #355188;
}

.legacy-heading {
    color: #c2cada;
}

.table-top-border {
    border-top: 1px solid black !important;
}

.table-cell {
    padding-top: .25em;
    padding-bottom: .25em;
}

.download-cell {
    text-align: right;
}

.text-center {
    text-align: center;
}

@media only screen and (min-width: 1280px) {
    body {
        margin: 1em auto;
        max-width: 960px !important;
    }

    .header, .nav {
        text-align: center;
    }

    .middle-inline-block {
        display: inline-block;
        vertical-align: middle;
    }

    .text-right {
        text-align: right;
    }

    .card:not(:first-child) {
        margin-top: 2em;
    }
}