/* Headlines */
.main-wrap img.thumb {
    float: left;
    margin-right: 10px;
    border: 1px solid #666;
} .main-wrap ul {
    margin: 0px;
    padding: 0px;
}
.blog-wrap {
    padding: 10px;
    margin-bottom: 20px;
    background: #fff;
} .blog-wrap h1 {
    margin-bottom: 5px;
} .blog-wrap img.thumb {
    float: right;
    margin-left: 10px;
    border: 1px solid #666;
} 

h1, h2 {
    font-weight: normal;
}
.feature-l h1, .feature-r h1 {
    font-size: 180%;
}
.category-wrap {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 10px;
}
.category-wrap img.thumb {
    float: left;
    margin-right: 5px;
    border: 1px solid #666;
    width: 73px;
}

.category-wrap ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.category-headlines {
    float: left;
    width: 32%;
    margin-right: 10px;
}
.category-desc {
    padding: 10px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
    color: #999;
}
.news-subhead {
    font-size: 90%;
    text-transform: uppercase;
    color: #666;
    padding-bottom: 5px;
}

/* Article */
#article {
    font-size: 1.185em;
    line-height: 1.35;
    background: #fafafa;
    padding: 15px;
    color: #333;
    border-radius: 8px;
} #article h1 {
    font-size: 180%;
} #article img.thumb-l {
    float: left;
    margin: 5px 10px;
    border: 1px solid #666;
} #article img.thumb-r {
    float: right;
    margin: 5px 10px;
    border: 1px solid #666;
} #article img, #article iframe {
    max-width: 100% !important;
}

#article-info {
    padding-left: 15px;
    border-left: 1px solid #d5d5d5;
}

.news-options {
    border: 1px solid #d9d9d9;
    border-bottom: 2px solid #ccc;
    background: #f2f2f2;
    padding: 5px;
    margin-bottom: 10px;
}

.news-print {
    margin-top: 25px;
} .news-print a:visited, .news-print a:hover, .news-print a:active {
    text-decoration: none;
} .news-cat {
    margin-top: 25px;	
}

/* Feeds */
ul.news-feeds {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul.news-feeds ul {
    list-style: none;
    padding: 0px 20px;
}
ul.news-feeds li {
    padding-top: 5px;
}

/* Modern blog/news styling */
.newsModernPage {
    width: 100%;
}

#page-content.newsModernPageContent {
    background: transparent !important;
    border-radius: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#page-content.newsModernPageContent .newsModernPage {
    padding-top: 15px;
    padding-bottom: 25px;
}

.newsModernHero {
    margin-bottom: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 14px;
    box-shadow: 0 8px 26px rgba(2, 8, 20, 0.06);
}

.newsModernTitle {
    margin: 0 0 8px;
    font-size: clamp(1.8rem, 2.3vw, 2.4rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
}

.newsModernCard {
    margin-bottom: 16px;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(2, 8, 20, 0.05);
}

.newsModernCardImage {
    display: block;
    margin-bottom: 14px;
}

.newsModernCardImage img {
    width: 100%;
    max-height: 420px;
    object-fit: cover;
    border-radius: 10px;
}

.newsModernCardTitle {
    margin: 0 0 8px;
    line-height: 1.2;
    font-size: clamp(1.3rem, 1.9vw, 1.7rem);
}

.newsModernCardTitle a {
    color: #0f172a;
    text-decoration: none;
}

.newsModernCardTitle a:hover {
    color: #0369a1;
}

.newsModernMeta {
    margin: 0 0 12px;
    color: #64748b;
    font-size: 1rem;
}

.newsModernIntro {
    margin: 0 0 14px;
    color: #334155;
    font-size: 1.12rem;
    line-height: 1.72;
}

.newsModernReadMore {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    color: #0369a1;
    text-decoration: none;
}

.newsModernReadMore:hover {
    color: #075985;
}

.newsModernArticleWrap {
    width: 100%;
}

.newsModernHeroImage {
    margin-bottom: 14px;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 8px 20px rgba(2, 8, 20, 0.05);
}

.newsModernArticle {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(2, 8, 20, 0.06);
}

.newsModernHeader {
    margin-bottom: 8px;
}

.newsModernHeaderText {
    min-width: 0;
}

.newsModernHeaderImage {
    float: right;
    width: min(340px, 42%);
    margin: 0 0 8px 18px;
}

.newsModernHeaderImage img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

#article h1.newsModernArticleTitle {
    margin: 0 0 4px;
    font-size: clamp(2.31rem, 3.3vw, 3.3rem);
    line-height: 1.08;
    letter-spacing: -0.015em;
    color: #222;
}

.newsModernMetaBlock {
    margin: 0;
    font-size: 1.08rem;
    line-height: 1.35;
}

.newsModernAuthorRow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #334155;
    font-weight: 600;
}

.newsModernAuthorAvatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 999px;
}

.newsModernAuthorAvatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.newsModernAuthorName {
    line-height: 1.2;
}

.newsModernUpdated {
    margin: 2px 0 0;
    color: #64748b;
    font-size: 1.03rem;
}

.newsModernArticleBody {
    clear: none;
}

.newsModernArticle p,
.newsModernArticle li {
    font-size: 1.25rem;
    line-height: 1.8;
}

.newsModernArticleBody img,
.newsModernArticleBody > a > img {
    display: block;
    width: auto !important;
    max-width: min(100%, 720px) !important;
    height: auto !important;
    margin: 1.1rem auto;
}

.newsModernArticleBody img.articleImageFull,
.newsModernArticleBody > a > img.articleImageFull {
    width: 100% !important;
    max-width: 100% !important;
}

.newsModernArticleBody img.articleImage600,
.newsModernArticleBody > a > img.articleImage600 {
    width: min(100%, 600px) !important;
    max-width: min(100%, 600px) !important;
}

.newsModernArticleBody img.articleImage520,
.newsModernArticleBody > a > img.articleImage520 {
    width: min(100%, 520px) !important;
    max-width: min(100%, 520px) !important;
}

.newsModernArticleBody img.articleImage420,
.newsModernArticleBody > a > img.articleImage420 {
    width: min(100%, 420px) !important;
    max-width: min(100%, 420px) !important;
}

.newsModernArticleBody img.articleImage320,
.newsModernArticleBody > a > img.articleImage320 {
    width: min(100%, 320px) !important;
    max-width: min(100%, 320px) !important;
}

.newsModernArticleBody img.articleImage240,
.newsModernArticleBody > a > img.articleImage240 {
    width: min(100%, 240px) !important;
    max-width: min(100%, 240px) !important;
}

.newsModernArticleBody img.articleImage160,
.newsModernArticleBody > a > img.articleImage160 {
    width: min(100%, 160px) !important;
    max-width: min(100%, 160px) !important;
}

.newsModernArticleBody img.articleImage96,
.newsModernArticleBody > a > img.articleImage96 {
    width: min(100%, 96px) !important;
    max-width: min(100%, 96px) !important;
}

.newsModernArticleBody img.articleImage56,
.newsModernArticleBody > a > img.articleImage56 {
    width: min(100%, 56px) !important;
    max-width: min(100%, 56px) !important;
}

.newsModernArticleBody img.articleImageLeft,
.newsModernArticleBody > a > img.articleImageLeft {
    float: left;
    margin: 0.35rem 1.25rem 1rem 0;
}

.newsModernArticleBody img.articleImageRight,
.newsModernArticleBody > a > img.articleImageRight {
    float: right;
    margin: 0.35rem 0 1rem 1.25rem;
}

.newsModernArticleBody img.articleImageCenter,
.newsModernArticleBody > a > img.articleImageCenter {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.newsModernArticleBody table {
    width: 100%;
    max-width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    font-size: 1rem;
    line-height: 1.4;
}

.newsModernArticleBody th,
.newsModernArticleBody td {
    font-size: 0.95rem;
    line-height: 1.35;
    padding: 10px 12px;
    vertical-align: middle;
}

.newsModernArticleBody th .small,
.newsModernArticleBody td .small {
    font-size: 0.8em !important;
}

.newsModernArticleBody table img,
.newsModernArticleBody table > tbody > tr > td > a > img,
.newsModernArticleBody table > tbody > tr > th > a > img {
    width: auto !important;
    max-width: min(100%, 72px) !important;
    height: auto !important;
    margin: 0 auto;
}

.newsModernArticleBody > :first-child {
    margin-top: 0;
}

.newsModernArticle h2 {
    margin-top: 18px;
    margin-bottom: 10px;
    font-size: 1.76rem;
    line-height: 1.25;
}

.newsModernArticle h3 {
    margin-top: 16px;
    margin-bottom: 8px;
    font-size: 1.41rem;
    line-height: 1.3;
}

.newsModernPanelGrid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 14px;
}

.newsModernPanel {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(2, 8, 20, 0.05);
}

.newsModernPanelTitle {
    margin: 0 0 8px;
    font-size: 1.21rem;
}

.newsModernPage .newsModernHero {
    margin: 0 0 20px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.newsModernPage .newsModernTitle {
    margin: 0 0 8px;
    font-size: clamp(2rem, 2.5vw, 2.7rem);
    line-height: 1.1;
    color: #f8fafc;
    text-shadow: 0 2px 8px rgba(2, 8, 20, 0.35);
}

.newsModernGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.newsModernLeadRow {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
    gap: 18px;
    align-items: stretch;
    margin-bottom: 18px;
}

.newsModernPage .newsModernCard {
    margin: 0;
    background: rgba(255, 255, 255, 0.96);
    border: 0;
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(2, 8, 20, 0.28);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transform: translateY(0) scale(1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    will-change: transform;
}

.newsModernCardLink {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
}

.newsModernCardLink:hover,
.newsModernCardLink:focus,
.newsModernCardLink:active,
.newsModernCardLink:visited {
    text-decoration: none;
}

.newsModernCardLink:hover .newsModernCardTitle,
.newsModernCardLink:hover .newsModernMeta,
.newsModernCardLink:hover .newsModernIntro,
.newsModernCardLink:hover .newsModernDate {
    text-decoration: none;
}

.newsModernPage .newsModernCard:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 16px 36px rgba(2, 8, 20, 0.35);
}

.newsModernPage .newsModernCardImage {
    margin: 0;
}

.newsModernPage .newsModernCardImage img {
    display: block;
    width: 100%;
    height: 170px;
    max-height: none;
    border-radius: 0;
    object-fit: cover;
}

.newsModernCardFeatured .newsModernCardImage img {
    height: 280px;
}

.newsModernCardBody {
    padding: 14px 18px 18px;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.newsModernTag {
    display: inline-block;
    width: fit-content;
    margin: 0;
    padding: 3px 8px;
    font-size: 0.72rem;
    line-height: 1;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #fff;
    background: #d9480f;
}

.newsModernPage .newsModernCardTitle {
    margin: 0 0 8px;
    font-size: 2rem;
    line-height: 1.1;
    text-transform: uppercase;
}

.newsModernPage .newsModernCardTitle a {
    color: #111827;
}

.newsModernPage .newsModernMeta {
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.newsModernDate {
    font-size: 0.88rem;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.newsModernPage .newsModernIntro {
    margin: 0 0 14px;
    color: #374151;
    font-size: 1.05rem;
    line-height: 1.5;
}

.newsModernCommunityPanel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 26px;
    padding: 28px 30px;
    background: linear-gradient(180deg, rgba(19, 28, 50, 0.96), rgba(11, 16, 30, 0.96));
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(2, 8, 20, 0.28);
    color: #f8fafc;
}

.newsModernCommunitySection {
    text-align: center;
}

.newsModernCommunityTitle {
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 2.4vw, 2.8rem);
    line-height: 1;
    text-transform: uppercase;
}

.newsModernCommunityDivider {
    width: 126px;
    max-width: 100%;
    height: 5px;
    margin: 14px auto 0;
    border-radius: 999px;
    background: rgba(98, 115, 196, 0.55);
}

.newsModernSocialLinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
    margin-top: 22px;
}

.newsModernSocialLinks a,
.newsModernSocialLinks a:hover,
.newsModernSocialLinks a:visited,
.newsModernSocialLinks a:active {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
}

.newsModernSocialLinks a {
    opacity: 0.94;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.newsModernSocialLinks a:hover {
    opacity: 1;
    transform: translateY(-2px);
}

.newsModernPanel .newsModernSocialLinks {
    margin-top: 8px;
}

.newsModernPanel .newsModernSocialLinks a,
.newsModernPanel .newsModernSocialLinks a:hover,
.newsModernPanel .newsModernSocialLinks a:visited,
.newsModernPanel .newsModernSocialLinks a:active {
    color: #334155;
}

.newsModernShareCopyLink {
    cursor: pointer;
}

.newsModernShareCopyToast {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, -8px);
    margin-bottom: 4px;
    padding: 6px 12px;
    font-size: 0.875rem;
    color: #fff;
    background: #334155;
    border-radius: 8px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.newsModernShareCopyToastVisible {
    opacity: 1;
    transform: translate(-50%, -12px);
}

.newsModernShareCopyToastHide {
    opacity: 0;
    transform: translate(-50%, -8px);
}

.newsModernPanel {
    position: relative;
}

.newsModernPlayNowSection {
    padding-top: 0;
}

.newsModernCommunityBlurb {
    margin: 8px 0 18px;
    color: rgba(241, 245, 249, 0.92);
    font-size: 1.08rem;
    line-height: 1.55;
}

.newsModernPlayNowButton {
    max-width: 240px;
    margin: 0 auto;
}

.newsModernPage .newsModernReadMore {
    margin-top: auto;
    color: #0b5d9b;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

@media only screen and (max-width: 1200px) {
    .newsModernLeadRow {
        grid-template-columns: 1fr;
    }

    .newsModernGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 900px) {
    #page-content.newsModernArticlePage {
        padding: 0 !important;
    }

    #page-content.newsModernArticlePage .newsModernArticleWrap {
        width: 100%;
    }

    #page-content.newsModernArticlePage .newsModernArticle {
        margin: 0;
        padding: 0 !important;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: #fafafa;
    }

    #page-content.newsModernArticlePage .newsModernHeader {
        margin: 0;
    }

    #page-content.newsModernArticlePage .newsModernHeaderImage {
        float: none;
        width: 100%;
        margin: 0;
    }

    #page-content.newsModernArticlePage .newsModernHeaderImage img {
        width: 100%;
        border-radius: 0;
        max-height: none;
        display: block;
    }

    #page-content.newsModernArticlePage #article h1.newsModernArticleTitle {
        margin: 0;
        padding: 18px 14px 0;
        color: #222;
        font-size: clamp(1.85rem, 7vw, 2.3rem);
        line-height: 1.14;
    }

    #page-content.newsModernArticlePage .newsModernMetaBlock {
        padding: 8px 14px 0;
        color: inherit;
        font-size: 0.96rem;
        line-height: 1.3;
    }

    #page-content.newsModernArticlePage .newsModernAuthorRow {
        color: inherit;
    }

    #page-content.newsModernArticlePage .newsModernAuthorName {
        color: inherit;
    }

    #page-content.newsModernArticlePage .newsModernUpdated {
        color: #64748b;
        font-size: 0.9rem;
    }

    #page-content.newsModernArticlePage .newsModernArticleBody {
        padding: 14px 14px 20px;
        color: inherit;
    }

    #page-content.newsModernArticlePage .newsModernArticle p,
    #page-content.newsModernArticlePage .newsModernArticle li {
        color: inherit;
        font-size: 1.03rem;
        line-height: 1.55;
    }

    #page-content.newsModernArticlePage .newsModernArticle h2,
    #page-content.newsModernArticlePage .newsModernArticle h3 {
        color: inherit;
    }

    #page-content.newsModernArticlePage .newsModernArticle h2 {
        font-size: 1.45rem;
        line-height: 1.2;
    }

    #page-content.newsModernArticlePage .newsModernArticle h3 {
        font-size: 1.2rem;
        line-height: 1.25;
    }

    #page-content.newsModernArticlePage .newsModernArticleBody img.articleImageLeft,
    #page-content.newsModernArticlePage .newsModernArticleBody img.articleImageRight,
    #page-content.newsModernArticlePage .newsModernArticleBody > a > img.articleImageLeft,
    #page-content.newsModernArticlePage .newsModernArticleBody > a > img.articleImageRight {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    #page-content.newsModernArticlePage .newsModernArticleBody table {
        font-size: 0.92rem;
    }

    #page-content.newsModernArticlePage .newsModernArticleBody th,
    #page-content.newsModernArticlePage .newsModernArticleBody td {
        padding: 8px 8px;
        font-size: 0.88rem;
    }

    #page-content.newsModernArticlePage .newsModernArticleBody table img,
    #page-content.newsModernArticlePage .newsModernArticleBody table > tbody > tr > td > a > img,
    #page-content.newsModernArticlePage .newsModernArticleBody table > tbody > tr > th > a > img {
        max-width: min(100%, 56px) !important;
    }

    #page-content.newsModernArticlePage .newsModernPanel {
        border-radius: 0;
        border: 0;
        box-shadow: none;
    }

    .newsModernGrid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .newsModernCommunityPanel {
        padding: 24px 18px;
        gap: 22px;
    }

    .newsModernCommunityTitle {
        font-size: clamp(1.7rem, 8vw, 2.3rem);
    }

    .newsModernPage .newsModernTitle {
        font-size: clamp(1.6rem, 6vw, 2.1rem);
    }

    .newsModernPage .newsModernCardTitle {
        font-size: 1.75rem;
    }

    .newsModernCardFeatured .newsModernCardImage img {
        height: 220px;
    }

    .newsModernHeaderImage {
        float: none;
        width: 100%;
        margin: 0 0 10px;
    }

    .newsModernPanelGrid {
        grid-template-columns: 1fr;
    }

    .newsModernCardImage img {
        max-height: 320px;
    }

    .newsModernIntro {
        font-size: 1.06rem;
        line-height: 1.68;
    }
}
