.elementor-kit-2367{--e-global-color-primary:#FF5600;--e-global-color-secondary:#000000CC;--e-global-color-text:#222222D9;--e-global-color-accent:#717171;--e-global-color-6df2a8a:#00000099;--e-global-color-d4a0d2c:#FFFFFF00;--e-global-color-0181629:#222222;--e-global-color-8fdd17b:#0000001A;--e-global-color-60bdacf:#FAFAFA;--e-global-color-8ff22e1:#FFFFFF;--e-global-color-720bc76:#FFFFFFCC;--e-global-color-e209163:#FF56001A;--e-global-color-a736dbe:#111111;--e-global-color-b4b743e:#020101BF;--e-global-color-afbc29f:#FFFFFF1A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:30px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-primary-line-height:38px;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-size:26px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-line-height:34px;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:26px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:21px;--e-global-typography-db72e44-font-family:"Roboto";--e-global-typography-db72e44-font-size:24px;--e-global-typography-db72e44-font-weight:700;--e-global-typography-db72e44-text-transform:capitalize;--e-global-typography-db72e44-line-height:31px;--e-global-typography-37dae5b-font-family:"Roboto";--e-global-typography-37dae5b-font-size:20px;--e-global-typography-37dae5b-font-weight:700;--e-global-typography-37dae5b-text-transform:capitalize;--e-global-typography-37dae5b-line-height:26px;--e-global-typography-82717aa-font-family:"Roboto";--e-global-typography-82717aa-font-size:14px;--e-global-typography-82717aa-font-weight:700;--e-global-typography-82717aa-text-transform:capitalize;--e-global-typography-82717aa-line-height:21px;--e-global-typography-0d7a5c6-font-family:"Roboto";--e-global-typography-0d7a5c6-font-size:26px;--e-global-typography-0d7a5c6-font-weight:700;--e-global-typography-0d7a5c6-text-transform:capitalize;--e-global-typography-0d7a5c6-line-height:31px;--e-global-typography-d2ebfaa-font-family:"Roboto";--e-global-typography-d2ebfaa-font-size:16px;--e-global-typography-d2ebfaa-font-weight:500;--e-global-typography-d2ebfaa-text-transform:capitalize;--e-global-typography-d2ebfaa-line-height:16px;--e-global-typography-16e1a0b-font-family:"Roboto";--e-global-typography-16e1a0b-font-size:35px;--e-global-typography-16e1a0b-font-weight:700;--e-global-typography-16e1a0b-text-transform:capitalize;--e-global-typography-16e1a0b-line-height:42px;--e-global-typography-12a6bdc-font-family:"Roboto";--e-global-typography-12a6bdc-font-size:12px;--e-global-typography-12a6bdc-font-weight:500;--e-global-typography-12a6bdc-text-transform:capitalize;--e-global-typography-12a6bdc-line-height:17px;--e-global-typography-8b7da17-font-family:"Roboto";--e-global-typography-8b7da17-font-size:14px;--e-global-typography-8b7da17-font-weight:500;--e-global-typography-8b7da17-text-transform:capitalize;--e-global-typography-8b7da17-line-height:20px;--e-global-typography-393c0f1-font-family:"Roboto";--e-global-typography-393c0f1-font-size:12px;--e-global-typography-393c0f1-font-weight:400;--e-global-typography-393c0f1-text-transform:capitalize;--e-global-typography-393c0f1-line-height:17px;--e-global-typography-81dd742-font-family:"Roboto";--e-global-typography-81dd742-font-size:14px;--e-global-typography-81dd742-font-weight:500;--e-global-typography-81dd742-text-transform:uppercase;--e-global-typography-81dd742-line-height:110px;--e-global-typography-9b0e4f6-font-family:"Roboto";--e-global-typography-9b0e4f6-font-size:14px;--e-global-typography-9b0e4f6-font-weight:400;--e-global-typography-9b0e4f6-text-transform:capitalize;--e-global-typography-9b0e4f6-line-height:20px;--e-global-typography-efbddd4-font-family:"Roboto";--e-global-typography-efbddd4-font-size:14px;--e-global-typography-efbddd4-font-weight:400;--e-global-typography-efbddd4-text-transform:none;--e-global-typography-efbddd4-line-height:20px;background-color:#F4F4F4;color:#222222D9;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:26px;}.elementor-kit-2367 button,.elementor-kit-2367 input[type="button"],.elementor-kit-2367 input[type="submit"],.elementor-kit-2367 .elementor-button{background-color:#FF5600;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;text-transform:capitalize;line-height:21px;color:#FFFFFF;}.elementor-kit-2367 e-page-transition{background-color:#FFBC7D;}.elementor-kit-2367 a{color:#222222;font-family:"Roboto", Sans-serif;font-size:12px;font-weight:500;text-transform:capitalize;line-height:17px;}.elementor-kit-2367 h1{color:#000000CC;font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;text-transform:capitalize;line-height:38px;}.elementor-kit-2367 h2{color:#000000CC;font-family:"Roboto", Sans-serif;font-size:26px;font-weight:700;text-transform:capitalize;line-height:34px;}.elementor-kit-2367 h3{color:#000000CC;font-family:"Roboto", Sans-serif;font-size:24px;font-weight:700;text-transform:capitalize;line-height:31px;}.elementor-kit-2367 h4{color:#000000CC;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;line-height:26px;}.elementor-kit-2367 h5{color:#000000CC;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;text-transform:capitalize;line-height:21px;}.elementor-kit-2367 h6{color:#000000CC;font-size:12px;font-weight:700;text-transform:capitalize;line-height:1.5px;}.elementor-kit-2367 label{color:#000000CC;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;text-transform:capitalize;line-height:21px;}.elementor-kit-2367 input:not([type="button"]):not([type="submit"]),.elementor-kit-2367 textarea,.elementor-kit-2367 .elementor-field-textual{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;text-transform:capitalize;line-height:21px;color:#000000CC;padding:12px 15px 12px 15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-2367{--e-global-typography-primary-font-size:30px;--e-global-typography-primary-line-height:38px;--e-global-typography-secondary-font-size:26px;--e-global-typography-secondary-line-height:34px;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:26px;--e-global-typography-accent-font-size:14px;--e-global-typography-accent-line-height:21px;--e-global-typography-db72e44-font-size:24px;--e-global-typography-db72e44-line-height:31px;--e-global-typography-37dae5b-font-size:20px;--e-global-typography-37dae5b-line-height:26px;--e-global-typography-82717aa-font-size:14px;--e-global-typography-82717aa-line-height:21px;--e-global-typography-0d7a5c6-font-size:20px;--e-global-typography-0d7a5c6-line-height:24px;--e-global-typography-d2ebfaa-font-size:16px;--e-global-typography-d2ebfaa-line-height:16px;--e-global-typography-16e1a0b-font-size:28px;--e-global-typography-16e1a0b-line-height:34px;--e-global-typography-12a6bdc-font-size:12px;--e-global-typography-12a6bdc-line-height:17px;--e-global-typography-8b7da17-font-size:14px;--e-global-typography-8b7da17-line-height:20px;--e-global-typography-393c0f1-font-size:12px;--e-global-typography-393c0f1-line-height:17px;--e-global-typography-81dd742-font-size:14px;--e-global-typography-81dd742-line-height:110px;--e-global-typography-9b0e4f6-font-size:14px;--e-global-typography-9b0e4f6-line-height:20px;}.elementor-kit-2367 a{font-size:12px;line-height:17px;}.elementor-kit-2367 h1{font-size:30px;line-height:38px;}.elementor-kit-2367 h2{font-size:26px;line-height:34px;}.elementor-kit-2367 h3{font-size:24px;line-height:31px;}.elementor-kit-2367 h4{font-size:20px;line-height:26px;}.elementor-kit-2367 h5{font-size:14px;line-height:21px;}.elementor-kit-2367 h6{font-size:12px;line-height:1.5em;}.elementor-kit-2367 button,.elementor-kit-2367 input[type="button"],.elementor-kit-2367 input[type="submit"],.elementor-kit-2367 .elementor-button{font-size:14px;line-height:21px;}.elementor-kit-2367 label{font-size:14px;line-height:21px;}.elementor-kit-2367 input:not([type="button"]):not([type="submit"]),.elementor-kit-2367 textarea,.elementor-kit-2367 .elementor-field-textual{font-size:14px;line-height:21px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-2367{--e-global-typography-primary-font-size:22px;--e-global-typography-primary-line-height:29px;--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-line-height:28px;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:26px;--e-global-typography-accent-font-size:14px;--e-global-typography-accent-line-height:21px;--e-global-typography-db72e44-font-size:22px;--e-global-typography-db72e44-line-height:31px;--e-global-typography-37dae5b-font-size:20px;--e-global-typography-37dae5b-line-height:30px;--e-global-typography-82717aa-font-size:14px;--e-global-typography-82717aa-line-height:21px;--e-global-typography-0d7a5c6-font-size:20px;--e-global-typography-0d7a5c6-line-height:24px;--e-global-typography-d2ebfaa-font-size:16px;--e-global-typography-d2ebfaa-line-height:16px;--e-global-typography-16e1a0b-font-size:22px;--e-global-typography-16e1a0b-line-height:29px;--e-global-typography-12a6bdc-font-size:12px;--e-global-typography-12a6bdc-line-height:17px;--e-global-typography-8b7da17-font-size:14px;--e-global-typography-8b7da17-line-height:20px;--e-global-typography-393c0f1-font-size:12px;--e-global-typography-393c0f1-line-height:17px;--e-global-typography-81dd742-font-size:14px;--e-global-typography-81dd742-line-height:110px;--e-global-typography-9b0e4f6-font-size:14px;--e-global-typography-9b0e4f6-line-height:20px;}.elementor-kit-2367 a{font-size:12px;line-height:17px;}.elementor-kit-2367 h1{font-size:22px;line-height:29px;}.elementor-kit-2367 h2{font-size:20px;line-height:28px;}.elementor-kit-2367 h3{font-size:22px;line-height:31px;}.elementor-kit-2367 h4{font-size:20px;line-height:30px;}.elementor-kit-2367 h5{font-size:14px;line-height:21px;}.elementor-kit-2367 h6{font-size:12px;line-height:1.5em;}.elementor-kit-2367 button,.elementor-kit-2367 input[type="button"],.elementor-kit-2367 input[type="submit"],.elementor-kit-2367 .elementor-button{font-size:14px;line-height:21px;}.elementor-kit-2367 label{font-size:14px;line-height:21px;}.elementor-kit-2367 input:not([type="button"]):not([type="submit"]),.elementor-kit-2367 textarea,.elementor-kit-2367 .elementor-field-textual{font-size:14px;line-height:21px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Kelas Global untuk menyelaraskan gambar dan teks posts di tengah */
.custom-blue-posts .elementor-post {
    display: flex !important;
    align-items: center !important; 
}

/* Mengatur blok teks */
.custom-blue-posts .elementor-post__text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    flex: 1 !important;
}

/* Mengubah semua tombol Read More menjadi biru modern (#3897ce) */
.custom-blue-posts .elementor-post__read-more {
    color: #3897ce !important;
    font-size: 12px !important; 
    font-weight: 600 !important;
    text-transform: capitalize !important;
    text-decoration: none !important;
    
    background-color: rgba(56, 151, 206, 0.08) !important; 
    padding: 6px 14px !important; 
    border-radius: 50px !important; 
    
    transition: all 0.3s ease !important;
    display: inline-block !important;
    align-self: flex-start !important; 
    margin-top: 8px !important; 
}

/* Efek Hover Global */
.custom-blue-posts .elementor-post__read-more:hover {
    color: #ffffff !important;
    background-color: #3897ce !important;
    text-decoration: none !important;
    box-shadow: 0 4px 10px rgba(56, 151, 206, 0.2) !important;
}
/* ==========================================================================
   Kombinasi Kelas Global untuk Judul Berbentuk Pil (Statis/Tanpa Hover)
   ========================================================================== */

/* 1. Versi Biru (#3897ce) - Untuk Kategori / Hot News */
.pill-heading-blue .elementor-heading-title {
    color: #3897ce !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    background-color: rgba(56, 151, 206, 0.08) !important;
    padding: 6px 16px !important;
    border-radius: 50px !important;
    display: inline-block !important;
    margin-bottom: 15px !important;
}

/* 2. Versi Hijau (#36ca74) - Untuk Tag Populer */
.pill-heading-green .elementor-heading-title {
    color: #36ca74 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    background-color: rgba(54, 202, 116, 0.08) !important;
    padding: 6px 16px !important;
    border-radius: 50px !important;
    display: inline-block !important;
    margin-bottom: 15px !important;
}
.custom-blue-posts .elementor-post__title,
.custom-blue-posts .elementor-post__title a {
    text-decoration: none !important;
}

/* ==========================================================================
   Kelas Global untuk Redesign Footer Premium
   ========================================================================== */

/* 1. Mengatur Warna Latar Belakang & Padding Footer */
.custom-modern-footer {
    background-color: #181a1f !important; /* Abu-abu gelap elegan */
    padding: 60px 0 30px 0 !important; /* Jarak atas-bawah yang lega */
}

/* 2. Merapikan Judul & Teks Newsletter */
.custom-modern-footer h2, 
.custom-modern-footer .elementor-heading-title {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
}

/* 3. Merapikan Form Input Email */
.custom-modern-footer input[type="email"],
.custom-modern-footer .elementor-field-textual {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    padding: 12px 16px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

.custom-modern-footer input[type="email"]:focus,
.custom-modern-footer .elementor-field-textual:focus {
    border-color: #3897ce !important; /* Border menyala biru saat diklik */
    box-shadow: 0 0 8px rgba(56, 151, 206, 0.2) !important;
}

/* 4. Mengubah Tombol Submit Menjadi Oranye Estetik */
.custom-modern-footer button[type="submit"],
.custom-modern-footer .elementor-button {
    background-color: #ed8511 !important; /* Oranye logo */
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    border: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* Efek Hover Tombol Submit */
.custom-modern-footer button[type="submit"]:hover,
.custom-modern-footer .elementor-button:hover {
    background-color: #d6740f !important; /* Oranye sedikit lebih gelap saat di-hover */
    box-shadow: 0 4px 12px rgba(237, 133, 17, 0.3) !important;
}



/* 6. Merapikan Ikon Sosial Media */
.custom-modern-footer .elementor-social-icon {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #a4b0be !important;
    transition: all 0.3s ease !important;
    border-radius: 50% !important;
}

.custom-modern-footer .elementor-social-icon:hover {
    background-color: #3897ce !important; /* Berubah biru penuh saat di-hover */
    color: #ffffff !important;
}
/* Sembunyikan semua span angka jika berada di dalam baris menu navigasi horizontal atas */
.elementor-location-header .jumlah-post-menu,
header .jumlah-post-menu,
.nav-menu .jumlah-post-menu,
#main-menu .jumlah-post-menu {
    display: none !important;
}

/* 1. SEMBUNYIKAN ANGKA COUNT DI SELURUH WEBSITE (Termasuk Header & Mobile Menu) */
.jumlah-post-menu, 
span.jumlah-post-menu {
    display: none !important;
}

/* 2. HANYA MUNCULKAN KEMBALI DI DESKTOP SIDEBAR WIDGET YANG BER-ID #kategori-samping */
@media (min-width: 1025px) {
    #kategori-samping .jumlah-post-menu,
    #kategori-samping span.jumlah-post-menu {
        display: inline-block !important;
    }
}/* End custom CSS */