.elementor-1906 .elementor-element.elementor-element-7eb5a0c{--display:flex;--overlay-opacity:0.5;}.elementor-1906 .elementor-element.elementor-element-7eb5a0c::before, .elementor-1906 .elementor-element.elementor-element-7eb5a0c > .elementor-background-video-container::before, .elementor-1906 .elementor-element.elementor-element-7eb5a0c > .e-con-inner > .elementor-background-video-container::before, .elementor-1906 .elementor-element.elementor-element-7eb5a0c > .elementor-background-slideshow::before, .elementor-1906 .elementor-element.elementor-element-7eb5a0c > .e-con-inner > .elementor-background-slideshow::before, .elementor-1906 .elementor-element.elementor-element-7eb5a0c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1906 .elementor-element.elementor-element-67b1c21c{text-align:left;color:#000000;}.elementor-1906 .elementor-element.elementor-element-67b1c21c p{margin-block-end:48px;}.elementor-1906 .elementor-element.elementor-element-67b1c21c a{color:#0044FF;transition-duration:0.4s;}.elementor-1906 .elementor-element.elementor-element-67b1c21c a:hover, .elementor-1906 .elementor-element.elementor-element-67b1c21c a:focus{color:#005CCA;}.elementor-1906 .elementor-element.elementor-element-67b1c21c.elementor-element{--align-self:flex-start;}@media(max-width:767px){.elementor-1906 .elementor-element.elementor-element-67b1c21c{text-align:left;}}/* Start custom CSS for text-editor, class: .elementor-element-67b1c21c *//* ============================================================
   STYLING ELEGAN UNTUK ISI ARTIKEL (SINGLE POST)
   ============================================================ */

/* 1. Container Utama: Menjaga Keterbacaan */
.elementor-widget-theme-post-content, 
.entry-content,
.post-content {
    font-family: 'Inter', 'Segoe UI', Roboto, sans-serif;
    color: #333333 !important;
    line-height: 1.8 !important; /* Jarak baris biar mata nggak capek */
    font-size: 1.1rem !important;
    max-width: 850px; /* Lebar ideal untuk membaca */
    margin: 0 auto;
}

/* 2. Styling Paragraf */
.post-content p {
    margin-bottom: 1.5rem !important;
    text-align: justify; /* Terlihat lebih rapi dan formal */
}

/* 3. Heading (Judul di dalam Artikel) */
.post-content h1, .post-content h2, .post-content h3 {
    color: #004FFF !important; /* Warna Biru Jasa IMB kamu */
    margin-top: 2.5rem !important;
    margin-bottom: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.post-content h2 {
    font-size: 1.8rem !important;
    border-left: 5px solid #004FFF; /* Garis dekorasi di samping judul */
    padding-left: 15px;
}

/* 4. Efek Drop Cap (Huruf Pertama Besar - Ala Majalah) */
.post-content p:first-of-type::first-letter {
    font-size: 3.5rem;
    font-weight: 800;
    color: #004FFF;
    float: left;
    line-height: 1;
    margin-right: 10px;
    font-family: serif;
}

/* 5. Styling List (Bulat/Angka) */
.post-content ul, .post-content ol {
    margin-bottom: 1.5rem;
    padding-left: 20px;
}

.post-content li {
    margin-bottom: 0.5rem;
}

/* 6. Blockquote (Kutipan Penting) */
.post-content blockquote {
    background: #f4f7ff !important;
    border-left: 6px solid #004FFF !important;
    padding: 20px 30px !important;
    font-style: italic;
    font-size: 1.2rem;
    margin: 2rem 0 !important;
    border-radius: 0 10px 10px 0;
}

/* 7. Hover Effect pada Link di dalam Teks */
.post-content a {
    color: #004FFF;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

.post-content a:hover {
    border-bottom-color: #004FFF;
    opacity: 0.8;
}

/* 8. Animasi Muncul Halus saat Artikel Dibuka */
.post-content {
    animation: textFadeIn 1s ease-out forwards;
}

@keyframes textFadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */