/*================================================
Typography (modelled on cioreview.com)
Loaded last. Uses !important so these sizes win over the
theme's many per-component rules and its responsive overrides.

- Body text ........ Montserrat 14px / 20px
- Headlines ........ IBM Plex Serif 20px 700
- List headlines ... IBM Plex Serif 15px 600
- Section titles ... IBM Plex Serif 20px 600
- Small headings ... IBM Plex Serif 16px 700
- Category tags .... IBM Plex Serif 11px 700, uppercase
- Bylines / dates .. IBM Plex Serif 13px
- Main menu ........ Montserrat 12px 700, uppercase, 1px tracking
=================================================*/

:root {
    --font-serif: "IBM Plex Serif", Georgia, "Times New Roman", serif;
    --font-sans: "Montserrat", sans-serif;
}

/* Body */
body {
    font-family: var(--font-sans);
    font-size: 14px;
    line-height: 20px;
}

p {
    font-size: 14px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-serif);
}

/* Headlines: lead stories and news cards */
.news-content h3,
.news-content h3 a,
.single-category-news .category-news-content h3,
.single-category-news .category-news-content h3 a,
.single-featured-news-box .news-content h3,
.single-blog-box .blog-post-content h3,
.single-blog-box .blog-post-content h3 a,
.blog-box .posts-content .title,
.default-video-news .single-video-news .content h3,
.gallery-news-inner-slides .gallery-news-content h3,
.editors-pick-body h3,
.editors-pick-body h3 a,
.press-release-body h3 {
    font-family: var(--font-serif) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

/* List headlines: the smaller titles beside or below a lead story */
.single-new-news .news-content h3,
.single-new-news .news-content h3 a,
.single-space-news h3,
.single-space-news h3 a,
.hot-news-body h3,
.hot-news-body h3 a,
.side-body h3,
.side-body h3 a,
.latest-news-media .content h3,
.latest-news-media .content h3 a,
.international-news-list .news-media .content h3,
.video-news-list .video-news-media .content h3,
.around-the-world-news-media .content h3,
.gallery-news-list .gallery-news-media .content h3,
.more-featured-news .featured-media-news .news-content h3,
.fashion-inner-news .single-fashion-inner-news h3,
.food-inner-news .single-food-inner-news h3,
.north-america-inner-news .single-north-america-inner-news h3,
.widget-area .wiget_posts_thumbs article .info .title,
.sinmun-nav .mega-menu .mega-post h4,
.sinmun-nav .mega-menu .mega-post h4 a {
    font-family: var(--font-serif) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

/* Section titles */
.section-title h2,
.section-title h2 a,
.page-title-content h2 {
    font-family: var(--font-serif) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

/* Small headings: sidebar widgets and footer columns */
.widget-area .widget .widget-title,
.side-panel .widget-title,
.single-footer-widget h3 {
    font-family: var(--font-serif) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Category tags */
.tags a,
.editors-pick-tag,
.hot-news-tag,
.side-tag,
.press-release-label,
.sinmun-nav .mega-menu .mega-post .mega-post-tag,
.single-gallery-box .gallery-content .category,
.blog-box .posts-content .cat a,
.news-details .article-content .category li a {
    font-family: var(--font-serif) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

/* Bylines and dates */
.news-content ul li,
.news-content > span,
.single-space-news ul li,
.editors-pick-body > span,
.hot-news-body > span,
.side-body > span,
.press-release-date,
.latest-news-media .content ul li,
.sinmun-nav .mega-menu .mega-post .mega-post-date,
.news-details .article-content .entry-meta li {
    font-family: var(--font-serif) !important;
    font-size: 13px !important;
}

/* Main menu */
.sinmun-nav nav .navbar-nav > .nav-item > a {
    font-family: var(--font-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
}

.sinmun-nav nav .navbar-nav .nav-item .dropdown-menu li a,
.sinmun-nav nav .navbar-nav .nav-item .mega-menu .mega-links li a {
    font-family: var(--font-sans) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}