:root {
    --sfip-primary: #0b3470;
    --sfip-deep-blue: #07285a;
    --sfip-deep-blue-hover: #103a78;
}

body {
    font-family: "Roboto", Arial, sans-serif;
    color: var(--sfip-deep-blue);
}

h1,
h2,
h3,
h4,
h5,
h6,
.gh-head-menu,
.gh-head-button,
.gh-content h2,
.gh-content h3 {
    font-family: "Libre Baskerville", serif;
}

a {
    color: var(--sfip-primary);
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.post-card-title,
.post-card-excerpt,
.gh-content,
.gh-content p,
.gh-content li,
.gh-content blockquote,
.gh-content figcaption {
    color: var(--sfip-deep-blue);
}

.gh-head-button {
    background: var(--sfip-primary);
    border-color: var(--sfip-primary);
}

.gh-head-button:hover {
    filter: brightness(0.92);
}

.gh-head-logo img {
    max-height: 72px;
    width: auto;
}

.sfip-home-logo-wrap {
    display: flex;
    justify-content: center;
    margin: 1.5rem 0 1rem;
}

.sfip-home-logo {
    width: min(88vw, 620px);
    max-width: 100%;
    height: auto;
    display: block;
}

.home-template .site-description {
    color: var(--sfip-deep-blue) !important;
    text-align: center;
    font-size: 1.15rem;
    margin-top: 0.75rem;
}

/* Force a clean white hero on the homepage. */
.home-template .site-header-content {
    background: #fff;
}

.home-template .site-header-cover {
    display: none;
}

.gh-head,
#gh-head,
.gh-head.outer,
.gh-head .gh-head-inner {
    background: var(--sfip-deep-blue) !important;
}

.gh-head-logo,
.gh-head-logo:hover,
.gh-head-menu a,
.gh-head-menu a:hover,
.gh-head-actions,
.gh-head-link,
.gh-head-link:hover,
.gh-search {
    color: #fff;
}

.gh-head-button {
    background: var(--sfip-primary);
    border-color: var(--sfip-primary);
    color: #fff;
}

.gh-head-button:hover {
    background: var(--sfip-deep-blue-hover);
    border-color: var(--sfip-deep-blue-hover);
    color: #fff;
}

.site-footer {
    background: var(--sfip-deep-blue);
}

.site-footer,
.site-footer a,
.site-footer-nav a,
.gh-powered-by a {
    color: #fff;
}
