/* توحيد المسافات بين جميع الفقرات */
.entry-content p {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  line-height: 1.8 !important;
}

/* تلوين العناوين الرئيسية H1 باللون الأحمر */
.entry-content h1 {
  color: #d32f2f !important;
  margin-top: 25px !important;
  margin-bottom: 15px !important;
}

/* تلوين العناوين الفرعية H2 باللون الأحمر */
.entry-content h2 {
  color: #d32f2f !important;
  margin-top: 25px !important;
  margin-bottom: 15px !important;
}

/* ضبط القوائم النقطية لتأكيد الهامش والترتيب */
.entry-content ul {
  margin-bottom: 20px !important;
  padding-right: 25px !important;
}

.entry-content li {
  margin-bottom: 8px !important;
  line-height: 1.7 !important;
}


/* =========================================================
   ELMOFID NEWS
   MASTER ARTICLE CONTENT STYLE
   Jannah Theme
   ARTICLE CONTENT ONLY
========================================================= */


/* =========================================================
   1. ARTICLE CONTENT
========================================================= */

#the-post .entry-content {
    max-width: 860px;
    margin: 0 auto !important;
    padding: 15px 0 45px;

    color: #222;

    font-size: 20px !important;
    line-height: 2.05 !important;
    font-weight: 600 !important;
}


/* =========================================================
   2. NORMAL PARAGRAPHS
========================================================= */

#the-post .entry-content p {
    margin: 0 0 28px !important;
    padding: 0;

    color: #222;

    font-size: 20px !important;
    line-height: 2.05 !important;
    font-weight: 600 !important;
}


/* =========================================================
   3. FIRST PARAGRAPH
   افتتاحية المقال
========================================================= */

#the-post .entry-content > p:first-of-type {
    position: relative;

    margin-bottom: 38px !important;
    padding: 24px 28px 24px 20px;

    background: #f7f7f6;

    border-right: 5px solid #c9151d;

    color: #171717;

    font-size: 22px !important;
    line-height: 2 !important;
    font-weight: 800 !important;
}


/* =========================================================
   4. H2 / H3 / H4
   كل العناوين الداخلية باللون الأحمر
========================================================= */

#the-post .entry-content h2,
#the-post .entry-content h3,
#the-post .entry-content h4 {
    color: #c9151d !important;
}


/* =========================
   H2
========================= */

#the-post .entry-content h2 {
    position: relative;

    margin: 55px 0 28px !important;
    padding: 10px 20px 10px 0;

    border-right: 5px solid #c9151d;

    font-size: 28px !important;
    line-height: 1.6 !important;
    font-weight: 900 !important;
}


/* =========================
   H3
========================= */

#the-post .entry-content h3 {
    position: relative;

    margin: 45px 0 24px !important;
    padding-right: 15px;

    border-right: 3px solid #c9151d;

    font-size: 23px !important;
    line-height: 1.6 !important;
    font-weight: 800 !important;
}


/* =========================
   H4
========================= */

#the-post .entry-content h4 {
    position: relative;

    margin: 35px 0 20px !important;
    padding-right: 12px;

    border-right: 2px solid #c9151d;

    font-size: 20px !important;
    line-height: 1.6 !important;
    font-weight: 800 !important;
}


/* =========================================================
   5. BLOCKQUOTE
   الاقتباس الصحفي
========================================================= */

#the-post .entry-content blockquote {
    position: relative;

    margin: 48px 0 !important;
    padding: 35px 38px 35px 30px !important;

    background: #151515;

    border: none !important;
    border-right: 6px solid #c9151d !important;

    color: #fff;

    box-shadow: 0 8px 25px rgba(0,0,0,.10);
}


/* علامة الاقتباس */

#the-post .entry-content blockquote::before {
    content: "“";

    position: absolute;

    right: 14px;
    top: -30px;

    font-family: Georgia, serif;

    font-size: 90px;
    line-height: 1;

    color: #c9151d;
}


/* النص داخل الاقتباس */

#the-post .entry-content blockquote p {
    margin: 0 !important;

    color: #fff !important;

    font-size: 23px !important;
    line-height: 1.9 !important;
    font-weight: 800 !important;
}


/* =========================================================
   6. BOLD TEXT
========================================================= */

#the-post .entry-content strong,
#the-post .entry-content b {
    color: #111;

    font-weight: 900 !important;
}


/* =========================================================
   7. LINKS
========================================================= */

#the-post .entry-content a {
    color: #b30f16;

    font-weight: 800;

    text-decoration: underline;

    text-decoration-thickness: 1px;
    text-underline-offset: 4px;

    transition: all .2s ease;
}


#the-post .entry-content a:hover {
    color: #111;
}


/* =========================================================
   8. LISTS
========================================================= */

#the-post .entry-content ul,
#the-post .entry-content ol {
    margin: 30px 0 !important;
    padding-right: 32px;
}


#the-post .entry-content li {
    margin-bottom: 12px;

    font-size: 19px !important;
    line-height: 2 !important;

    font-weight: 600;
}


/* =========================================================
   9. ARTICLE IMAGES
========================================================= */

#the-post .entry-content figure {
    margin: 45px 0 !important;
}


#the-post .entry-content img {
    max-width: 100%;
    height: auto;

    border-radius: 4px;
}


/* كابشن الصور */

#the-post .entry-content figcaption {
    margin-top: 9px;

    color: #888;

    text-align: center;

    font-size: 13px !important;
    line-height: 1.7 !important;

    font-weight: 500;
}


/* =========================================================
   10. HORIZONTAL DIVIDER
========================================================= */

#the-post .entry-content hr {
    position: relative;

    width: 100%;
    max-width: 100px;

    height: 3px;

    margin: 50px auto !important;

    border: none;

    background: #c9151d;
}


/* =========================================================
   11. TABLES
========================================================= */

#the-post .entry-content table {
    width: 100%;

    margin: 40px 0 !important;

    border-collapse: collapse;

    font-size: 17px !important;
}


#the-post .entry-content th {
    padding: 14px;

    background: #171717;

    color: #fff;

    font-weight: 800;
}


#the-post .entry-content td {
    padding: 13px;

    border: 1px solid #ddd;
}


/* =========================================================
   12. CODE / PRE
========================================================= */

#the-post .entry-content pre {
    margin: 35px 0 !important;
    padding: 25px;

    background: #171717;

    color: #eee;

    overflow-x: auto;

    border-radius: 5px;
}


/* =========================================================
   13. SELECTION
========================================================= */

#the-post .entry-content ::selection {
    background: #c9151d;
    color: #fff;
}


/* =========================================================
   14. MOBILE
========================================================= */

@media (max-width: 767px) {


    /* ARTICLE */

    #the-post .entry-content {
        max-width: 100%;

        padding: 8px 10px 30px;

        font-size: 18px !important;
        line-height: 2 !important;

        font-weight: 600 !important;
    }


    /* PARAGRAPHS */

    #the-post .entry-content p {
        font-size: 18px !important;

        line-height: 2 !important;

        font-weight: 600 !important;

        margin-bottom: 24px !important;
    }


    /* FIRST PARAGRAPH */

    #the-post .entry-content > p:first-of-type {
        padding: 20px 20px 20px 16px;

        font-size: 19px !important;

        line-height: 1.95 !important;

        font-weight: 800 !important;
    }


    /* H2 */

    #the-post .entry-content h2 {
        margin: 42px 0 22px !important;

        padding: 9px 16px 9px 0;

        font-size: 23px !important;

        line-height: 1.55 !important;

        font-weight: 900 !important;

        color: #c9151d !important;
    }


    /* H3 */

    #the-post .entry-content h3 {
        margin: 35px 0 20px !important;

        font-size: 20px !important;

        line-height: 1.55 !important;

        font-weight: 800 !important;

        color: #c9151d !important;
    }


    /* H4 */

    #the-post .entry-content h4 {
        margin: 30px 0 18px !important;

        font-size: 18px !important;

        line-height: 1.55 !important;

        font-weight: 800 !important;

        color: #c9151d !important;
    }


    /* BLOCKQUOTE */

    #the-post .entry-content blockquote {
        margin: 40px 0 !important;

        padding: 30px 24px !important;
    }


    #the-post .entry-content blockquote p {
        font-size: 19px !important;

        line-height: 1.9 !important;
    }


    /* LISTS */

    #the-post .entry-content li {
        font-size: 17px !important;

        line-height: 2 !important;
    }


    /* TABLE */

    #the-post .entry-content table {
        font-size: 14px !important;
    }

}






```css