/*
 * Editorial typography system for DeixaV5.
 * JH Noticias-inspired typography: native system sans stack, compact bold news headlines.
 */

body.deixav5_font_typography {
    --deixav5-ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    --deixav5-headline-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

    --site-title-family: var(--deixav5-ui-font);
    --site-title-weight: 700;
    --site-title-size: 40px;
    --site-title-size-tab: 34px;
    --site-title-size-mobile: 28px;
    --site-title-lineheight: 44px;
    --site-title-lineheight-tab: 38px;
    --site-title-lineheight-mobile: 32px;
    --site-title-letterspacing: 0;
    --site-title-letterspacing-tab: 0;
    --site-title-letterspacing-mobile: 0;

    --site-tagline-family: var(--deixav5-ui-font);
    --site-tagline-weight: 500;
    --site-tagline-size: 13px;
    --site-tagline-size-tab: 13px;
    --site-tagline-size-mobile: 12px;
    --site-tagline-lineheight: 18px;
    --site-tagline-lineheight-tab: 18px;
    --site-tagline-lineheight-mobile: 17px;
    --site-tagline-letterspacing: 0;
    --site-tagline-letterspacing-tab: 0;
    --site-tagline-letterspacing-mobile: 0;

    --menu-family: var(--deixav5-ui-font);
    --menu-weight: 700;
    --menu-size: 13px;
    --menu-size-tab: 13px;
    --menu-size-mobile: 13px;
    --menu-lineheight: 28px;
    --menu-lineheight-tab: 34px;
    --menu-lineheight-mobile: 32px;
    --menu-letterspacing: 0;
    --menu-letterspacing-tab: 0;
    --menu-letterspacing-mobile: 0;

    --submenu-family: var(--deixav5-ui-font);
    --submenu-weight: 500;
    --submenu-size: 14px;
    --submenu-size-tab: 14px;
    --submenu-size-mobile: 14px;
    --submenu-lineheight: 24px;
    --submenu-lineheight-tab: 24px;
    --submenu-lineheight-mobile: 24px;
    --submenu-letterspacing: 0;
    --submenu-letterspacing-tab: 0;
    --submenu-letterspacing-mobile: 0;

    --block-title-family: var(--deixav5-headline-font);
    --block-title-weight: 700;
    --block-title-size: 21px;
    --block-title-size-tab: 22px;
    --block-title-size-mobile: 21px;
    --block-title-lineheight: 26px;
    --block-title-lineheight-tab: 27px;
    --block-title-lineheight-mobile: 26px;
    --block-title-letterspacing: 0;
    --block-title-letterspacing-tab: 0;
    --block-title-letterspacing-mobile: 0;
    --block-title-texttransform: none;

    --post-title-family: var(--deixav5-headline-font);
    --post-title-weight: 700;
    --post-title-size: 22px;
    --post-title-size-tab: 20px;
    --post-title-size-mobile: 18px;
    --post-title-lineheight: 28px;
    --post-title-lineheight-tab: 25px;
    --post-title-lineheight-mobile: 23px;
    --post-title-letterspacing: 0;
    --post-title-letterspacing-tab: 0;
    --post-title-letterspacing-mobile: 0;
    --post-title-texttransform: none;

    --meta-family: var(--deixav5-ui-font);
    --meta-weight: 600;
    --meta-size: 12px;
    --meta-size-tab: 12px;
    --meta-size-mobile: 12px;
    --meta-lineheight: 17px;
    --meta-lineheight-tab: 17px;
    --meta-lineheight-mobile: 17px;
    --meta-letterspacing: 0;
    --meta-letterspacing-tab: 0;
    --meta-letterspacing-mobile: 0;

    --content-family: var(--deixav5-ui-font);
    --content-weight: 400;
    --content-size: 15px;
    --content-size-tab: 16px;
    --content-size-mobile: 15px;
    --content-lineheight: 25px;
    --content-lineheight-tab: 26px;
    --content-lineheight-mobile: 25px;
    --content-letterspacing: 0;
    --content-letterspacing-tab: 0;
    --content-letterspacing-mobile: 0;

    --single-title-family: var(--deixav5-headline-font);
    --single-title-weight: 800;
    --single-title-size: 48px;
    --single-title-size-tab: 40px;
    --single-title-size-mobile: 32px;
    --single-title-lineheight: 46px;
    --single-title-lineheight-tab: 40px;
    --single-title-lineheight-mobile: 33px;
    --single-title-letterspacing: 0;
    --single-title-letterspacing-tab: 0;
    --single-title-letterspacing-mobile: 0;
    --single-title-texttransform: none;

    --single-meta-family: var(--deixav5-ui-font);
    --single-meta-weight: 500;
    --single-meta-size: 14px;
    --single-meta-size-tab: 14px;
    --single-meta-size-mobile: 13px;
    --single-meta-lineheight: 22px;
    --single-meta-lineheight-tab: 22px;
    --single-meta-lineheight-mobile: 21px;
    --single-meta-letterspacing: 0;
    --single-meta-letterspacing-tab: 0;
    --single-meta-letterspacing-mobile: 0;

    --single-content-family: var(--deixav5-ui-font);
    --single-content-weight: 400;
    --single-content-size: 18px;
    --single-content-size-tab: 18px;
    --single-content-size-mobile: 17px;
    --single-content-lineheight: 30px;
    --single-content-lineheight-tab: 30px;
    --single-content-lineheight-mobile: 29px;
    --single-content-letterspacing: 0;
    --single-content-letterspacing-tab: 0;
    --single-content-letterspacing-mobile: 0;

    --single-content-h1-family: var(--deixav5-headline-font);
    --single-content-h2-family: var(--deixav5-headline-font);
    --single-content-h3-family: var(--deixav5-headline-font);
    --single-content-h4-family: var(--deixav5-headline-font);
    --single-content-h5-family: var(--deixav5-headline-font);
    --single-content-h6-family: var(--deixav5-ui-font);
}

body.deixav5_font_typography,
body.deixav5_font_typography button,
body.deixav5_font_typography input,
body.deixav5_font_typography select,
body.deixav5_font_typography textarea {
    font-family: var(--deixav5-ui-font);
}

body.deixav5_font_typography .post-title,
body.deixav5_font_typography .post-title a,
body.deixav5_font_typography .entry-title,
body.deixav5_font_typography .entry-title a,
body.deixav5_font_typography .deixav5-post-title,
body.deixav5_font_typography .highlight-text-title,
body.deixav5_font_typography .section-title,
body.deixav5_font_typography .widget-title {
    font-family: var(--deixav5-headline-font);
    letter-spacing: 0;
}

body.deixav5_font_typography .post-title a,
body.deixav5_font_typography .entry-title a {
    color: #090a39;
}

body.deixav5_font_typography .post-categories a,
body.deixav5_font_typography .cat-item a,
body.deixav5_font_typography .post-meta,
body.deixav5_font_typography .post-meta a,
body.deixav5_font_typography .byline,
body.deixav5_font_typography .posted-on,
body.deixav5_font_typography .ticker-label,
body.deixav5_font_typography .main-navigation a,
body.deixav5_font_typography .menu a {
    font-family: var(--deixav5-ui-font);
    letter-spacing: 0;
}

body.single.deixav5_font_typography .entry-header.full-width-header .elements-wrapper {
    width: 100%;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

body.single.deixav5_font_typography .entry-header.full-width-header h1.entry-title {
    display: block;
    width: 100%;
    max-width: none !important;
    font-weight: 800 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    line-height: var(--single-title-lineheight) !important;
    text-align: center !important;
}

body.single.deixav5_font_typography .entry-content,
body.single.deixav5_font_typography .post-content,
body.single.deixav5_font_typography .post-inner {
    font-family: var(--deixav5-ui-font);
}

body.single.deixav5_font_typography .entry-content p,
body.single.deixav5_font_typography .post-content p {
    font-size: var(--single-content-size);
    line-height: var(--single-content-lineheight);
}

body.single.deixav5_font_typography #theme-content .single-related-posts-wrap h2.post-title,
body.single.deixav5_font_typography #theme-content .single-related-posts-wrap h2.post-title a {
    line-height: 1.08 !important;
}

body.single.deixav5_font_typography #theme-content .layout--list .single-related-posts-wrap h2.post-title,
body.single.deixav5_font_typography #theme-content .layout--list .single-related-posts-wrap h2.post-title a {
    line-height: 1.06 !important;
}

.site-footer,
.site-footer p,
.site-footer li,
.site-footer a,
.site-footer span,
.site-footer .widget,
.site-footer .footer-widget {
    line-height: 1.12;
}

.site-footer p,
.site-footer ul,
.site-footer ol,
.site-footer .widget {
    margin-bottom: 4px;
}

.site-footer li {
    margin-bottom: 2px;
}

.site-footer .post-title,
.site-footer .post-title a,
.site-footer .entry-title,
.site-footer .entry-title a {
    line-height: 1.08 !important;
}

.site-footer .site-info,
.site-footer .site-info strong,
.site-footer .site-info a {
    line-height: 1.12 !important;
}

.widget_deixav5_author_info_widget .author-desc {
    line-height: 1.2 !important;
}

.widget_deixav5_author_info_widget .author-desc .author-desc {
    line-height: 1.18 !important;
}

.main-banner-wrap .post-element .post-title {
    font-size: 34px;
    line-height: 38px;
    width: calc(100% - 24px);
    max-width: calc(100% - 24px);
}

.news-filter .featured-post .post-title,
.news-alter .featured-post .post-title {
    font-size: 28px;
    line-height: 31px;
}

.widget .post-title,
.widget-tabs-content .tab-item .post-title,
.popular-posts-wrap .post-title {
    line-height: 1.14;
}

body.home .post-title,
body.home .post-title a,
body.front-page .post-title,
body.front-page .post-title a {
    line-height: 1.14 !important;
}

@media (max-width: 940px) {
    body.single.deixav5_font_typography .entry-header.full-width-header h1.entry-title {
        line-height: var(--single-title-lineheight-tab) !important;
    }

    .main-banner-wrap .post-element .post-title {
        font-size: 28px;
        line-height: 32px;
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
    }

    .news-filter .featured-post .post-title,
    .news-alter .featured-post .post-title {
        font-size: 24px;
        line-height: 27px;
    }
}

@media (max-width: 610px) {
    body.deixav5_font_typography {
        --single-title-size-mobile: 32px;
        --single-title-lineheight-mobile: 33px;
        --post-title-size-mobile: 17px;
        --post-title-lineheight-mobile: 20px;
    }

    body.single.deixav5_font_typography .entry-header.full-width-header h1.entry-title {
        line-height: var(--single-title-lineheight-mobile) !important;
    }

    .main-banner-wrap .post-element .post-title,
    .news-filter .featured-post .post-title,
    .news-alter .featured-post .post-title {
        font-size: 25px;
        line-height: 29px;
        width: 100%;
        max-width: 100%;
    }

    body.single.deixav5_font_typography .entry-content p,
    body.single.deixav5_font_typography .post-content p {
        font-size: var(--single-content-size-mobile);
        line-height: var(--single-content-lineheight-mobile);
    }
}

body.single #theme-content .single-related-posts-section-wrap .single-related-posts-wrap h2.post-title,
body.single #theme-content .single-related-posts-section-wrap.layout--list .single-related-posts-wrap h2.post-title {
    display: block;
    font-size: 15px !important;
    line-height: 18px !important;
    margin-top: 0 !important;
    margin-bottom: 3px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.single #theme-content .single-related-posts-section-wrap .single-related-posts-wrap h2.post-title a,
body.single #theme-content .single-related-posts-section-wrap.layout--list .single-related-posts-wrap h2.post-title a {
    display: inline !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

body.single #theme-content .single-related-posts-section-wrap .single-related-posts-section article .post-element {
    padding-top: 0 !important;
}

@media (min-width: 941px) {
    body .main-navigation .menu > li > a,
    body .main-navigation .nav.menu > li > a,
    body nav.main-navigation ul.menu > li > a,
    body nav.main-navigation ul.nav-menu > li > a {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        line-height: 28px !important;
    }
}

body.singular .deixav5-ad-pos-before_content,
body.single .deixav5-ad-pos-before_content,
body.page .deixav5-ad-pos-before_content {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}