/* Site-wide font families adapted from styles_vip_kramatorsk.css.
 * Keep existing weights, line heights, spacing, colours and layout.
 * Font sizes below are mapped from the supplied reference.
 * The reference aliases Light as Regular and Head Regular as Bold.
 */
@font-face {
    font-family:'Yavoriv e-Ukraine';
    src:url('fonts/e-Ukraine-Light.otf') format('opentype');
    font-style:normal;
    font-weight:400;
    font-display:swap;
}
@font-face {
    font-family:'Yavoriv e-Ukraine';
    src:url('fonts/e-UkraineHead-Regular.otf') format('opentype');
    font-style:normal;
    font-weight:700;
    font-display:swap;
}

body.yvr-layout {
    --yvr-font-family:'Yavoriv e-Ukraine','Open Sans',Arial,sans-serif;
    font-family:var(--yvr-font-family) !important;
}

/* Override only the family in Cherry's explicit font declarations.
 * Use plain selectors for compatibility with legacy CSS optimizers.
 * Keep WordPress admin UI and icon-font elements outside this override.
 */
body.yvr-layout #motopress-main h1:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main h2:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main h3:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main h4:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main h5:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main h6:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main p:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main a:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main button:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main input:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main select:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main textarea:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main label:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main legend:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main table:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main blockquote:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main .btn:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main .widget:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main .textwidget:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main .excerpt:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main .full-post-content:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main .post_content:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main .post-content:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main .entry-content:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main .post_meta:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main .post-meta:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main .recent-posts:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main .mini-post-content:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main .copyright:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main .yvr-brand-title:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main .yvr-brand-subtitle:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main .yvr-header-tools:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main .yvr-menu-label:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle),
body.yvr-layout #motopress-main .yvr-breadcrumbs:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.dashicons):not(.ab-icon):not(.yvr-submenu-toggle) {
    font-family:var(--yvr-font-family) !important;
}

/* Font-size mapping from styles_vip_kramatorsk.css:
 * body 17; slogan_1/2 32/17; main menu 18 (submenu 17);
 * sidebar_menu 18; bread_crumbs 14; main h1 34; h2.head 38;
 * sidebar_title 30; one_news .news_title 20.
 * Only sizes are adapted here; preserve the local layout and other styling.
 */
body.yvr-layout { font-size:17px !important; }
body.yvr-layout .yvr-brand-title { font-size:32px; }
body.yvr-layout .yvr-brand-subtitle { font-size:17px; }
body.yvr-layout .yvr-primary-nav .yvr-menu-row > a,
body.yvr-layout .yvr-primary-nav .yvr-menu-label { font-size:18px; }
body.yvr-layout .yvr-primary-nav .yvr-submenu .yvr-menu-row > a,
body.yvr-layout .yvr-primary-nav .yvr-submenu .yvr-menu-label { font-size:17px; }
body.yvr-layout .yvr-sidebar-menu .yvr-menu-row > a,
body.yvr-layout .yvr-sidebar-menu .yvr-menu-label { font-size:18px; }
body.yvr-layout .yvr-search input[type="search"] { font-size:17px; }
body.yvr-layout .yvr-breadcrumbs { font-size:14px; }
body.yvr-layout #motopress-main > .content-holder,
body.yvr-layout .content-holder .recent-posts li,
body.yvr-layout .content-holder .excerpt,
body.yvr-layout .content-holder .readmore_button,
body.yvr-layout .yvr-left-resources .textwidget { font-size:17px; }
body.yvr-layout .content-holder h1 { font-size:34px; }
body.yvr-layout .yvr-section-title { font-size:38px !important; }
body.yvr-layout .yvr-sidebar .yvr-left-announcements-title,
body.yvr-layout .yvr-left-resources .widget-title { font-size:30px; }
body.yvr-layout .content-holder .recent-posts li h5,
body.yvr-layout .content-holder .post-title,
body.yvr-layout .yvr-featured-news .mini-post-content h4 { font-size:20px; }

/* Reference breakpoints, applied to typography only. */
@media screen and (max-width:1220px) {
    body.yvr-layout .yvr-brand-title { font-size:34px; }
    body.yvr-layout .yvr-brand-subtitle { font-size:19px; }
    body.yvr-layout .yvr-primary-nav > ul > li > .yvr-menu-row > a,
    body.yvr-layout .yvr-primary-nav > ul > li > .yvr-menu-row > .yvr-menu-label { font-size:14px; }
    body.yvr-layout .content-holder h1,
    body.yvr-layout .yvr-sidebar .yvr-left-announcements-title,
    body.yvr-layout .yvr-left-resources .widget-title { font-size:26px; }
    body.yvr-layout .yvr-section-title { font-size:26px !important; }
}
@media screen and (max-width:768px) {
    body.yvr-layout .yvr-brand-title { font-size:31px; }
    body.yvr-layout .yvr-brand-subtitle { font-size:17px; }
}
@media screen and (max-width:475px) {
    body.yvr-layout .yvr-brand-title { font-size:25px; }
    body.yvr-layout .yvr-brand-subtitle { font-size:16px; }
    body.yvr-layout .content-holder h1,
    body.yvr-layout .yvr-sidebar .yvr-left-announcements-title,
    body.yvr-layout .yvr-left-resources .widget-title { font-size:22px; }
    body.yvr-layout .yvr-section-title { font-size:22px !important; }
}

/* Compact footer text; retain the accessibility widget's enlargement steps. */
body.yvr-layout .footer {
    --yvr-footer-text:15px;
    --yvr-footer-heading:20px;
    --yvr-footer-contact:18px;
    --yvr-footer-label:13px;
    font-size:var(--yvr-footer-text);
}
html.a11y-font-16 body.yvr-layout .footer {
    --yvr-footer-text:16px;
    --yvr-footer-heading:22px;
    --yvr-footer-contact:20px;
    --yvr-footer-label:14px;
}
html.a11y-font-18 body.yvr-layout .footer {
    --yvr-footer-text:17px;
    --yvr-footer-heading:24px;
    --yvr-footer-contact:22px;
    --yvr-footer-label:15px;
}
body.yvr-layout .footer .textwidget,
body.yvr-layout .footer .footer-text,
body.yvr-layout .footer .footer-nav a,
body.yvr-layout .footer .footer_row td { font-size:var(--yvr-footer-text) !important; }
body.yvr-layout .footer .footer_row_headline h3 { font-size:var(--yvr-footer-heading) !important; }
body.yvr-layout .footer .footer_row_2 h4 { font-size:var(--yvr-footer-label) !important; }
body.yvr-layout .footer .footer_row_2 td h3 { font-size:var(--yvr-footer-contact) !important; }

/* Explicit families for the header's nested labels, including legacy span rules. */
body.yvr-layout #motopress-main .yvr-header-tools,
body.yvr-layout #motopress-main .yvr-services,
body.yvr-layout #motopress-main .yvr-services > span,
body.yvr-layout #motopress-main .yvr-contrast-toggle,
body.yvr-layout #motopress-main .yvr-contrast-toggle > span {
    font-family:var(--yvr-font-family) !important;
}
/* The reference's eUkraineBold alias uses e-UkraineHead-Regular.
 * That face is registered above as weight 700, not the body font's 400.
 */
body.yvr-layout #motopress-main .yvr-contrast-toggle {
    font-weight:700 !important;
    font-size:17px;
}

/* Long service links need body-sized text, not the legacy heading shorthand. */
body.yvr-layout .content-holder .service-box { --yvr-service-title-size:17px; }
html.a11y-font-16 body.yvr-layout .content-holder .service-box { --yvr-service-title-size:19px; }
html.a11y-font-18 body.yvr-layout .content-holder .service-box { --yvr-service-title-size:21px; }
body.yvr-layout #motopress-main .content-holder .service-box h2.title,
body.yvr-layout #motopress-main .content-holder .service-box h2.title a {
    font-family:var(--yvr-font-family) !important;
    font-size:var(--yvr-service-title-size) !important;
    line-height:1.45 !important;
    overflow-wrap:break-word;
}
