@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Roboto:wght@400;500;700&display=swap');

html[lang="ar"] body,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] p,
html[lang="ar"] li,
html[lang="ar"] a,
html[lang="ar"] button,
html[lang="ar"] .pkp_navigation_primary a,
html[lang="ar"] .pkp_navigation_user a,
html[lang="ar"] .pkp_block a,
html[lang="ar"] .pkp_button,
html[lang="ar"] .obj_article_summary a {
    font-family: 'Cairo', sans-serif !important;
}

html[lang="en"] body,
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] h5,
html[lang="en"] h6,
html[lang="en"] p,
html[lang="en"] li,
html[lang="en"] a,
html[lang="en"] button,
html[lang="en"] .pkp_navigation_primary a,
html[lang="en"] .pkp_navigation_user a,
html[lang="en"] .pkp_block a,
html[lang="en"] .pkp_button,
html[lang="en"] .obj_article_summary a {
    font-family: 'Roboto', sans-serif !important;
}

.fa, .fas, .far, .fab,
[class^="fa-"], [class*=" fa-"],
.fa:before, .fas:before, .far:before, .fab:before {
    font-family: "Font Awesome 5 Free","FontAwesome" !important;
    font-weight: 900;
}

.pkp_icon,
.pkp_icon:before {
    font-family: "PKP-Icons" !important;
}