/* ==========================================
   الحدث الخليجي | Typography v2.0
========================================== */

html,
body{
    direction: rtl;
    font-family: "Noto Sans Arabic","IBM Plex Sans Arabic",sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* جميع عناصر الموقع */

body,
button,
input,
textarea,
select,
option,
label,
span,
a,
div,
p,
li{
    font-family: inherit;
}

/* ===========================
   عناوين الأخبار
=========================== */

.news-title,
.post-title,
.article-title,
.card-title{
    font-weight:700 !important;
    line-height:1.45;
    color:#111827;
}

/* ===========================
   نصوص المقالات
=========================== */

.post-content,
.article-content,
.news-description{
    font-size:19px !important;
    font-weight:700 !important;
    line-height:2.1 !important;
    color:#30343B !important;
    text-align:justify;
}

/* الفقرات */

.post-content p,
.article-content p{
    font-size:18px !important;
    font-weight:500 !important;
    line-height:2.1 !important;
    color:#30343B !important;
    margin-bottom:22px;
}

/* ===========================
   عناوين المقال
=========================== */

.post-content h2,
.article-content h2{

    font-size:35px !important;
    font-weight:800 !important;
    color:#123E72 !important;
    line-height:1.45;
    margin:45px 0 22px;
}

.post-content h3,
.article-content h3{

    font-size:30px !important;
    font-weight:700 !important;
    color:#123E72 !important;
    line-height:1.45;
    margin:40px 0 18px;
}

.post-content h4,
.article-content h4{

    font-size:26px !important;
    font-weight:700 !important;
    color:#123E72 !important;
    line-height:1.5;
    margin:35px 0 16px;
}

/* القوائم */

.post-content ul,
.post-content ol,
.article-content ul,
.article-content ol{

    font-size:19px;
    line-height:2.1;
    font-weight:500;
}

/* الروابط */

.post-content a,
.article-content a{

    color:#123E72;
    font-weight:600;
    text-decoration:none;
}

.post-content a:hover,
.article-content a:hover{

    color:#0B63CE;
}

/* القائمة */

.navbar,
.menu,
.navbar a,
.menu a{

    font-weight:600;
}

/* الأزرار */

.btn{

    font-weight:600;
}