.elementor-25 .elementor-element.elementor-element-a9379a2 .elementor-element-populated a{color:var( --e-global-color-97e9c16 );}.elementor-25 .elementor-element.elementor-element-1375d97{--divider-border-style:solid;--divider-color:#FFAA00;--divider-border-width:3px;}.elementor-25 .elementor-element.elementor-element-1375d97 .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-25 .elementor-element.elementor-element-1375d97 .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-25 .elementor-element.elementor-element-1375d97 .elementor-divider__text{color:var( --e-global-color-5439938 );font-family:"Montreal", Sans-serif;font-size:24px;font-weight:700;font-style:italic;}.elementor-25 .elementor-element.elementor-element-0f15c85 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-25 .elementor-element.elementor-element-d1721f1 .elementor-element-populated a{color:var( --e-global-color-5439938 );}.elementor-25 .elementor-element.elementor-element-8d8c295 > .elementor-widget-container{background-color:#0C5DCF;padding:10px 10px 10px 10px;border-radius:5px 5px 5px 15px;}.elementor-25 .elementor-element.elementor-element-8d8c295 .elementor-heading-title{color:#FFFFFF;font-family:"Montreal", Sans-serif;font-size:23px;font-weight:600;}.elementor-25 .elementor-element.elementor-element-88fd959 > .elementor-widget-container{background-color:#F7F7F7;margin:0px 0px 0px 0px;padding:15px 20px 10px 20px;border-radius:10px 10px 10px 10px;}.elementor-25 .elementor-element.elementor-element-ebb4a3d{--divider-border-style:solid;--divider-color:#ADADAD;--divider-border-width:1px;}.elementor-25 .elementor-element.elementor-element-ebb4a3d .elementor-divider-separator{width:100%;}.elementor-25 .elementor-element.elementor-element-ebb4a3d .elementor-divider{padding-block-start:22px;padding-block-end:22px;}.elementor-25 .elementor-element.elementor-element-46946f8 .elementor-icon-list-icon i{color:var( --e-global-color-97e9c16 );transition:color 0.3s;}.elementor-25 .elementor-element.elementor-element-46946f8 .elementor-icon-list-icon svg{fill:var( --e-global-color-97e9c16 );transition:fill 0.3s;}.elementor-25 .elementor-element.elementor-element-46946f8{--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-25 .elementor-element.elementor-element-46946f8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-25 .elementor-element.elementor-element-46946f8 .elementor-icon-list-item > a{font-family:"Montreal", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:4px;}.elementor-25 .elementor-element.elementor-element-46946f8 .elementor-icon-list-text{color:var( --e-global-color-97e9c16 );transition:color 0.3s;}@media(min-width:768px){.elementor-25 .elementor-element.elementor-element-10785a9{width:74.299%;}.elementor-25 .elementor-element.elementor-element-d1721f1{width:25.656%;}}@media(max-width:767px){.elementor-25 .elementor-element.elementor-element-555c615{padding:0px 10px 0px 10px;}.elementor-25 .elementor-element.elementor-element-0f15c85 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-25 .elementor-element.elementor-element-0f15c85 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-8efd2de *//* Slider berita dengan penyesuaian margin untuk menghindari gangguan pada WP Admin Toolbar */
.custom-news-posts-slider {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    
}

/* Gambar utama */
.custom-main-news-post {
    flex: 2;
    position: relative;
    overflow: hidden;
   
    transition: transform 0.3s ease;
}

.custom-main-news-post:hover {
    transform: scale(1.02);
}

.custom-main-news-post .custom-main-image {
    width: 100%;
    height: 100%; /* Menjaga rasio aspek gambar */
    object-fit: cover;
}

/* Overlay hitam dengan gradasi transparan di bagian atas */
.custom-main-news-post .custom-news-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 2), rgba(0, 0, 0 , 0.1)); /* Gradasi transparan */
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
    
}

/* Judul dan info di overlay */
.custom-main-news-post .custom-news-info h2 {
    font-size: 28px;
    margin-bottom: 10px;
    font-weight: bold;
}

.custom-main-news-post .custom-news-info .custom-category {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #0C5DCF;
    padding: 5px 10px;
    border-radius: 3px;
    margin-bottom: 10px;
    display: inline-block;
}

.custom-main-news-post .custom-news-info .custom-date {
    font-size: 14px;
    color: #ddd;
}

/* Gambar kecil dan info di samping kanan */
.custom-small-news-posts {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.custom-small-news-post {
    display: flex;
    align-items: center; /* Menyusun gambar dan informasi pada satu baris horizontal */
    gap: 15px; /* Jarak antara gambar dan informasi */
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    background-color: #fff; /* Latar belakang putih agar terlihat jelas */
    text-decoration: none; /* Menghilangkan garis bawah link */
}

.custom-small-news-post:hover {
    transform: translateX(5px);
}

/* Gambar kecil */
.custom-small-news-post .custom-small-image {
    width: 100%; /* Lebar gambar kecil */
    height: 100px; /* Tinggi gambar kecil */
    object-fit: cover; /* Memastikan gambar tidak terpotong */
    border-radius: 5px; /* Sudut halus pada gambar */
}

/* Info di samping gambar kecil */
.custom-small-news-post .custom-news-info {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.custom-small-news-post .custom-news-info h3 {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: bold;
}

.custom-small-news-post .custom-news-info .custom-category {
    font-size: 16px;
    font-weight: bold;
    color: #0C5DCF;
}

.custom-small-news-post .custom-news-info .custom-date {
    font-size: 12px;
    color: #888;
}

/* Responsive styling */
@media (max-width: 768px) {
    .custom-main-news-post .custom-main-image {
    width: 100%;
    height: 400px; /* Menjaga rasio aspek gambar */
    object-fit: cover;
}

    .custom-news-posts-slider {
        flex-direction: column;
    }

    .custom-main-news-post {
        width: 100%;
        
    }

    .custom-small-news-posts {
        flex-direction: column;
        gap: 10px;
    }

    .custom-small-news-post {
        flex-direction: row; /* Menjaga gambar di sebelah kiri dan teks di kanan */
        width: 100%;
        min-width: unset; /* Mengatur lebar minimum agar sesuai dengan konten */
    }

    .custom-small-news-post .custom-small-image {
        width: 100%;
        height: auto;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4c4f4c8 *//* Mengatur counter untuk urutan */
.top-viewed-posts {
    counter-reset: post-counter; /* Inisialisasi counter */
    margin: 0px 0;
    padding: 0;
}

.top-viewed-post {
    counter-increment: post-counter; /* Increment setiap item */
    
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    transition: box-shadow 0.3s ease;
    position: relative; /* Menambahkan posisi relatif untuk urutan */
    overflow: hidden;
}

/* Menambahkan nomor urut sebelum judul, dengan lingkaran */
.top-viewed-post::before {
    content: counter(post-counter);
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    background-color: #0C5DCF;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* Efek hover pada nomor urut */
.top-viewed-post:hover::before {
    background-color: #084494;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* Memperindah judul posting */
.top-viewed-post h3 {
    font-size: 17px;
    margin: 0 0 10px;
    padding-left: 60px; /* Memberi ruang untuk nomor urut */
}

.top-viewed-post h3 a {
    color: #0C5DCF;
    text-decoration: none;
    transition: color 0.3s ease;
}

.top-viewed-post h3 a:hover {
    color: #084494;
}

/* Gaya untuk kategori dan tanggal */
.top-viewed-post p {
    font-size: 13px;
    color: #666;
    margin: 0;
    padding-left: 60px; /* Memberi ruang untuk nomor urut */
}

/* Gaya untuk pemisah kategori dan tanggal */


/* Responsif untuk layar kecil */
@media (max-width: 768px) {
    .top-viewed-post h3 {
        font-size: 18px;
    }

    .top-viewed-post p {
        font-size: 12px;
    }

    .top-viewed-post::before {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }
}/* End custom CSS */