/* =========================================================
   MAWARTOTO ARTICLE STYLE
   Disamakan dengan tema global merah-kuning-hitam
========================================================= */

article{
    max-width:1200px;
    margin:30px auto;
    padding:30px;

    background:#111 !important;
    color:#fff !important;

    font-family:"Poppins", Arial, sans-serif;
    line-height:1.8;

    border:4px solid #000 !important;
    border-radius:0 !important;

    box-shadow:
        0 0 0 1px #2a2a2a,
        0 5px 15px rgba(0,0,0,.5) !important;
}

/* =========================
   JUDUL UTAMA
========================= */
article h1{
    color:#fff !important;
    font-size:2rem;
    text-align:center;
    margin:0 0 15px;
    text-transform:uppercase;
    font-weight:900;
    letter-spacing:1px;
    text-shadow:none !important;
}

/* deskripsi bawah h1 */
article p[itemprop="description"]{
    text-align:center;
    font-size:1.15rem;
    color:#fff !important;
    margin:0 0 25px;
    line-height:1.7;
}

/* =========================
   SUB JUDUL
========================= */
article h2{
    color:#fff !important;
    margin:30px 0 15px;
    font-size:1.5rem;
    font-weight:900;
    text-transform:uppercase;

    background:#120000;
    border:4px solid #000;
    border-left:10px solid #ff1717;
    padding:12px 14px;

    box-shadow:
        0 0 0 1px #2a2a2a,
        0 4px 0 #000;
}

/* kalau ada h3/h4 di artikel, sekalian samakan */
article h3,
article h4{
    color:#ffd400 !important;
    margin:25px 0 12px;
    font-weight:900;
    text-transform:uppercase;
}

/* =========================
   PARAGRAF
========================= */
article p{
    color:#fff !important;
    margin:12px 0;
}

/* =========================
   LIST
========================= */
article ul,
article ol{
    margin:15px 0 18px 24px;
    padding:0;
}

article ul li,
article ol li{
    margin:8px 0;
    color:#fff !important;
}

/* =========================
   STRONG / EMPHASIS
========================= */
article strong{
    color:#fff !important;
    font-weight:900;
}

article em{
    color:#ff4d4d !important;
    font-style:normal;
    font-weight:700;
}

/* =========================
   LINK
========================= */
article a{
    color:#fff !important;
    text-decoration:none !important;
    font-weight:700;
    border-bottom:2px dashed #ff1717;
    transition:.15s ease;
}

article a:hover{
    color:#fff !important;
    border-bottom-color:#fff;
}

/* =========================
   HIGHLIGHT SECTION
========================= */
section#bonus,
section#keunggulan{
    background:#111 !important;
    padding:20px !important;
    margin-top:25px;

    border:4px solid #000 !important;
    border-left:10px solid #ff1717 !important;
    border-radius:0 !important;

    box-shadow:
        0 0 0 1px #2a2a2a,
        0 5px 15px rgba(0,0,0,.5) !important;
}

/* heading di dalam section bonus/keunggulan kalau ada */
section#bonus h2,
section#bonus h3,
section#keunggulan h2,
section#keunggulan h3{
    margin-top:0;
}

/* =========================
   MOBILE
========================= */
@media (max-width:768px){
    article{
        margin:20px auto;
        padding:20px 16px;
    }

    article h1{
        font-size:1.5rem;
    }

    article p[itemprop="description"]{
        font-size:1rem;
    }

    article h2{
        font-size:1.2rem;
        padding:10px 12px;
        border-left:8px solid #ff1717;
    }

    section#bonus,
    section#keunggulan{
        padding:16px !important;
        border-left:8px solid #ff1717 !important;
    }
}