/* Statewide Files brand layer on top of the Retnews stylesheet. */
:root {
    --sf-navy: #13223f;
    --sf-navy-deep: #0d1830;
    --sf-cream: #f3efe3;
    --sf-paper: #f8f6ef;
    --sf-orange: #d9782a;
    --sf-orange-ink: #a9520d;
    --sf-ink: #1b2435;
    --sf-muted: #5a6475;
    --sf-rule: #e2dccb;
}

body {
    color: var(--sf-ink);
    font-family: 'Source Sans 3', 'Segoe UI', Arial, sans-serif;
    font-size: 17px;
}

h1, h2, h3, h4, h5, h6,
.card__post__title h2, .card__post__title h5, .card__post__title h6,
.article__content h5, .border_section, .footer-title {
    font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;
    font-weight: 500;
    letter-spacing: .01em;
    color: var(--sf-navy);
}

a { color: var(--sf-navy); }
a:hover, a:focus { color: var(--sf-orange-ink); }
.text-primary { color: var(--sf-orange-ink) !important; }
.text-dark { color: var(--sf-muted) !important; }
.bg-light { background-color: var(--sf-paper) !important; }

.sf-skip:focus {
    position: fixed; top: 8px; left: 8px; z-index: 2000;
    background: #fff; color: var(--sf-navy); padding: 8px 14px;
}

.btn-primary {
    background: var(--sf-orange); border-color: var(--sf-orange);
    color: var(--sf-navy); font-weight: 700;
}
.btn-primary:hover, .btn-primary:focus {
    background: #e58a41; border-color: #e58a41; color: var(--sf-navy);
}
.btn-outline-primary { color: var(--sf-orange-ink); border-color: var(--sf-orange-ink); font-weight: 700; }
.btn-outline-primary:hover { background: var(--sf-orange-ink); border-color: var(--sf-orange-ink); color: #fff; }

/* Header */
.topbar { background: var(--sf-navy-deep); min-height: 36px; }
.topbar .topbar-text, .topbar a { color: var(--sf-cream); }
.topbar a:hover { color: var(--sf-orange); }

.navigation-wrap { background: var(--sf-navy); border-bottom: 3px solid var(--sf-orange); }
.navbar-soft { background: var(--sf-navy); box-shadow: none; font-size: 15px; }
.navbar-soft .logo { height: 62px; width: auto; max-width: none; }
.navbar-soft .nav-link {
    color: var(--sf-cream) !important;
    font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: uppercase;
    padding-left: .6rem !important;
    padding-right: .6rem !important;
    white-space: nowrap;
}
.navbar-soft .nav-link:hover, .navbar-soft .nav-link.active { color: var(--sf-orange) !important; }
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23f3efe3' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.offcanvas-header .btn-md { border-color: rgba(243, 239, 227, .4); cursor: pointer; }
.top-search { background: var(--sf-paper); }
.modal-header .widget__form-search-bar { flex: 1; }

.modal.fixed-left.show .modal-dialog-aside {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.modal-content .nav-link { font-size: 17px; font-weight: 600; }
.wrapper__footer .social__media, .wrapper__footer .social__media ul { text-align: left; }

/* Category labels */
.card__post .card__post__body .card__post__content .card__post__category,
.card__post__body-border-all .card__post__category,
.card__post__category, .article__category, .card__post__list .category {
    background: var(--sf-orange);
    color: var(--sf-navy);
    font-family: 'Source Sans 3', Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

/* Thumbnails are all 16:9 */
.article__image img, .image-sm img, .card__post__transition img, .card__post__body > a img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    height: auto;
    width: 100%;
}
.card__post__title h5, .card__post__title h6, .article__content h5 { line-height: 1.3; }
.article__content h5 { font-size: 18px; }
.card__post__title h6 { font-size: 15px; }
.card__post__title h2 { font-size: 30px; line-height: 1.2; }
.bg__post-cover .card__post__title a, .bg__post-cover .card__post__title h2, .bg__post-cover .card__post__title h5 { color: #fff; }
.bg__post-cover {
    background-image: linear-gradient(to bottom, rgba(13, 24, 48, 0) 0, rgba(13, 24, 48, .86) 34%, rgba(13, 24, 48, .98) 100%);
}
.dropdown-menu { border: 0; border-top: 3px solid var(--sf-orange); border-radius: 0; }
.dropdown-menu .dropdown-item { color: var(--sf-navy); font-size: 16px; }
.dropdown-menu .dropdown-item:hover { background: var(--sf-paper); color: var(--sf-orange-ink); }
.bg__post-cover .card__post__author-info span { color: var(--sf-cream); }

.card__post__author-info ul li span, .article__content ul li span { font-size: 13px; }
.article__content p { color: var(--sf-muted); font-size: 15px; line-height: 1.5; }

.sf-strip { padding: 22px 0; border-bottom: 1px solid var(--sf-rule); }
.sf-strip .card__post__author-info { margin-bottom: .2rem !important; }

/* Section headings */
.border_section {
    font-size: 22px;
    text-transform: uppercase;
    border-bottom: 1px solid var(--sf-rule);
}
.wrapper__list__article .border_section:before { background: var(--sf-orange); height: 3px; }
.border_section a { color: inherit; }
.border_section a:hover { color: var(--sf-orange-ink); }

.card__post__list .list-number, .list-number { background: var(--sf-navy) !important; color: var(--sf-cream) !important; font-family: 'Oswald', Arial, sans-serif; }
.card__post__list .list-number span, .list-number span { color: var(--sf-cream) !important; }
.card__post__list h5 { font-size: 16px; line-height: 1.3; }

.pagination a { color: var(--sf-navy); }
.pagination a.active { background: var(--sf-navy); border-color: var(--sf-navy); color: var(--sf-cream); }

.sticky-top.sf-sticky { top: 16px; z-index: 1; }

.sf-subscribe {
    background: var(--sf-navy);
    border-top: 3px solid var(--sf-orange);
    color: var(--sf-cream);
    padding: 24px;
}
.sf-subscribe h4 { color: var(--sf-cream); font-size: 22px; text-transform: uppercase; }
.sf-subscribe p { color: var(--sf-cream); }

.blog-tags a { color: var(--sf-navy); }

/* Article */
.wrap__article-detail-title h1 { font-size: 36px; line-height: 1.2; }
.wrap__article-detail-content p, .sf-bullets, .sf-prose p {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 19px;
    line-height: 1.65;
    color: var(--sf-ink);
}
.has-drop-cap-fluid::first-letter { color: var(--sf-orange-ink); font-family: 'Oswald', Arial, sans-serif; }
.total-views-read { color: var(--sf-navy); font-family: 'Oswald', Arial, sans-serif; }

.sf-subhead, .sf-notice h2, .sf-sources h2, .sf-prose h2 {
    font-size: 22px;
    margin: 32px 0 12px;
    text-transform: uppercase;
}
.sf-bullets { padding-left: 22px; margin-bottom: 0; }
.sf-bullets li { margin-bottom: 6px; }
.sf-bullets li::marker { color: var(--sf-orange); }

.sf-chapters { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--sf-rule); }
.sf-chapters li { border-bottom: 1px solid var(--sf-rule); }
.sf-chapters button {
    background: none; border: 0; color: var(--sf-navy); cursor: pointer;
    display: block; font-size: 17px; padding: 9px 2px; text-align: left; width: 100%;
}
.sf-chapters button:hover, .sf-chapters button:focus { color: var(--sf-orange-ink); background: var(--sf-paper); }
.sf-chapters span {
    color: var(--sf-orange-ink);
    display: inline-block;
    font-family: 'Oswald', Arial, sans-serif;
    min-width: 58px;
}

.sf-notice {
    background: var(--sf-paper);
    border-left: 4px solid var(--sf-orange);
    margin: 32px 0 0;
    padding: 18px 22px;
}
.sf-notice h2 { font-size: 17px; margin: 0 0 6px; }
.sf-notice p { font-family: 'Source Sans 3', Arial, sans-serif; font-size: 16px; line-height: 1.5; margin-bottom: 8px; }
.sf-notice p:last-child { margin-bottom: 0; }
.sf-sources p { font-family: 'Source Sans 3', Arial, sans-serif; font-size: 16px; color: var(--sf-muted); }
.sf-watch { margin-top: 24px; }

.related-article h4 { color: var(--sf-navy); font-size: 22px; text-transform: uppercase; }

/* Page headers */
.sf-page-title { font-size: 34px; text-transform: uppercase; }
.sf-page-intro { color: var(--sf-muted); font-size: 18px; }
.sf-prose h1 { font-size: 38px; margin-bottom: 18px; }
.sf-hp { height: 0; left: -9999px; overflow: hidden; position: absolute; width: 0; }

/* Footer */
.bg__footer-dark, .wrapper__footer { background: var(--sf-navy) !important; }
.wrapper__footer { border-top: 3px solid var(--sf-orange); padding-top: 44px; }
.sf-footer-logo { width: 230px; margin: 0 0 14px; }
.sf-footer-text { color: var(--sf-cream); max-width: 420px; }
.sf-footer-heading { color: var(--sf-cream); font-size: 16px; text-transform: uppercase; margin-bottom: 14px; }
.sf-footer-links a { color: var(--sf-cream); line-height: 2; }
.sf-footer-links a:hover { color: var(--sf-orange); }
.sf-yt { background: var(--sf-orange); color: var(--sf-navy) !important; }
.bg__footer-bottom-section { border-top: 1px solid rgba(243, 239, 227, .2); color: var(--sf-cream); margin-top: 26px; padding: 16px 0; }
.bg__footer-bottom-section span { color: var(--sf-cream); font-size: 14px; }
#return-to-top { background: var(--sf-navy); }
#return-to-top:hover { background: var(--sf-orange-ink); }

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-soft { font-size: 13px; }
    .navbar-soft .logo { height: 50px; }
    .navbar-soft .nav-link {
        font-size: 13px;
        letter-spacing: .01em;
        padding-left: .4rem !important;
        padding-right: .4rem !important;
    }
}

.card__post-list .row .card__post__content { padding: 0; }
.card__post.card__post-list .row .card__post__body .card__post__content .card__post__category {
    bottom: auto;
    display: inline-block;
    left: auto;
    margin: 0 0 8px;
    position: static;
    top: auto;
}

@media (max-width: 767px) {
    .card__post.card__post-list .row .card__post__body { margin-top: 12px; }
    .card__post-list .row .pl-md-0 { padding-left: 15px; }
}

@media (max-width: 991px) {
    .navbar-soft .logo { height: 46px; }
    .wrap__article-detail-title h1 { font-size: 28px; }
    .card__post__title h2 { font-size: 23px; }
    .sf-footer-logo { width: 190px; }
    .wrap__article-detail-content p, .sf-bullets, .sf-prose p { font-size: 18px; }
}