.elementor-20 .elementor-element.elementor-element-7bf35929{--display:flex;--min-height:40vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;}.elementor-20 .elementor-element.elementor-element-7bf35929:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-7bf35929 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cirebonpridejapan.com/wp-content/uploads/2026/02/bg_megamendung.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-7bf35929::before, .elementor-20 .elementor-element.elementor-element-7bf35929 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-7bf35929 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-7bf35929 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-7bf35929 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-7bf35929 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(166deg, #8B0F0A 8%, #FFFFFF70 100%);}.elementor-20 .elementor-element.elementor-element-7781453f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-287be6c6{text-align:start;}.elementor-20 .elementor-element.elementor-element-287be6c6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-753fc735{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-f51789f{--display:flex;--justify-content:space-between;}.elementor-20 .elementor-element.elementor-element-f51789f.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-widget-filter-widget .filter-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-filter-widget .form-tax .label-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-filter-widget .bpfwe-swatch{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-filter-widget .bpfwe-group-separator{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-filter-widget .form-tax input:not([type="radio"]):not([type="checkbox"]), .elementor-widget-filter-widget .form-tax textarea{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-filter-widget .list-style label span{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-filter-widget button.reset-form{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );background-color:var( --e-global-color-primary );}.elementor-widget-filter-widget button.submit-form{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );background-color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-1b62e041 .elementor-repeater-item-46a147a .taxonomy-filter, .elementor-20 .elementor-element.elementor-element-1b62e041 .elementor-repeater-item-46a147a .taxonomy-filter li{display:block;}.elementor-20 .elementor-element.elementor-element-1b62e041{width:100%;max-width:100%;--grid-row-gap:20px;}.elementor-20 .elementor-element.elementor-element-1b62e041 .elementor-grid{grid-template-columns:repeat(1,1fr);}.elementor-20 .elementor-element.elementor-element-1b62e041 .filter-title{font-size:24px;color:var( --e-global-color-accent );}.elementor-20 .elementor-element.elementor-element-1b62e041 .form-tax .label-text{color:var( --e-global-color-accent );}.elementor-20 .elementor-element.elementor-element-1b62e041 .form-tax label:hover .label-text{color:#000000;}.elementor-20 .elementor-element.elementor-element-1b62e041 .form-tax input:checked + span.label-text{color:#000000;}.elementor-20 .elementor-element.elementor-element-1b62e041 .bpfwe-swatch{opacity:1;}.elementor-20 .elementor-element.elementor-element-1b62e041  input[type="checkbox"]:checked + span .bpfwe-swatch, .elementor-20 .elementor-element.elementor-element-1b62e041 input[type="radio"]:checked + span .bpfwe-swatch{opacity:0.7;}.elementor-20 .elementor-element.elementor-element-1b62e041 .form-tax input[type="radio"], .elementor-20 .elementor-element.elementor-element-1b62e041 .form-tax input[type="checkbox"]{font-size:16px;border-style:solid;}.elementor-20 .elementor-element.elementor-element-1b62e041 .form-tax input[type="radio"]:checked::before, .elementor-20 .elementor-element.elementor-element-1b62e041 .form-tax input[type="checkbox"]:checked::before{background:var( --e-global-color-accent );}.elementor-20 .elementor-element.elementor-element-1b62e041 .bpfwe-select2 .select2-selection, .elementor-20 .elementor-element.elementor-element-1b62e041 .bpfwe-select2 .select2-selection__rendered, .elementor-20 .elementor-element.elementor-element-1b62e041 .bpfwe-select2 .select2{width:100% !important;}.elementor-20 .elementor-element.elementor-element-1b62e041 .bpfwe-select2 .select2-selection, .elementor-20 .elementor-element.elementor-element-1b62e041 .bpfwe-select2 .select2-selection__rendered{height:auto;line-height:42px;}.elementor-widget-eael-post-grid .eael-meta-posted-on{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-post-grid .eael-entry-meta > span{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-post-grid .eael-entry-title, .elementor-widget-eael-post-grid .eael-entry-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-eael-post-grid .eael-grid-post-excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-post-grid .post-meta-categories li, .elementor-widget-eael-post-grid .post-meta-categories li a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-20 .elementor-element.elementor-element-60823d39{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-60823d39 .eael-grid-post-holder{background-color:#fff;}.elementor-20 .elementor-element.elementor-element-60823d39 .eael-grid-post .eael-entry-footer{justify-content:flex-start;}.elementor-20 .elementor-element.elementor-element-60823d39 .eael-grid-post .eael-entry-header-after{justify-content:flex-start;align-items:center;}.elementor-20 .elementor-element.elementor-element-60823d39 .eael-entry-title a{color:#303133;}.elementor-20 .elementor-element.elementor-element-60823d39 .eael-entry-title:hover, .elementor-20 .elementor-element.elementor-element-60823d39 .eael-entry-title a:hover{color:#23527c;}.elementor-20 .elementor-element.elementor-element-60823d39 .eael-grid-post .eael-entry-overlay > i{color:#ffffff;font-size:18px;}.elementor-20 .elementor-element.elementor-element-60823d39 .eael-grid-post .eael-entry-overlay > img{height:18px;width:18px;}.elementor-20 .elementor-element.elementor-element-60823d39 .eael-load-more-button{color:#fff;background:#29d8d8;}.elementor-20 .elementor-element.elementor-element-60823d39 .eael-load-more-button:hover{color:#fff;background:#27bdbd;}.elementor-20 .elementor-element.elementor-element-60823d39 .eael-load-more-button-wrap{justify-content:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-1b62e041 .elementor-grid{grid-template-columns:repeat(1,1fr);}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-7781453f{--content-width:90%;}.elementor-20 .elementor-element.elementor-element-f51789f{--width:40%;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-287be6c6 .elementor-heading-title{font-size:24px;}.elementor-20 .elementor-element.elementor-element-1b62e041 .elementor-grid{grid-template-columns:repeat(1,1fr);}.elementor-20 .elementor-element.elementor-element-1b62e041 .filter-title{font-size:18px;}.elementor-20 .elementor-element.elementor-element-1b62e041 .form-tax .label-text{font-size:14px;}.elementor-20 .elementor-element.elementor-element-1b62e041 .form-tax input[type="radio"], .elementor-20 .elementor-element.elementor-element-1b62e041 .form-tax input[type="checkbox"]{font-size:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-6fff4ccf *//* Custom CSS untuk RankMath Breadcrumbs */

/* Warna Teks Utama & Separator (Standard) */
.rank-math-breadcrumb {
color: #FFFFFF !important; /* Warna abu-abu tua agar terbaca */
font-size: 15px !important;
font-weight: 500 !important;
}

/* Warna Tautan Breadcrumb (Beranda, Akun) */
.rank-math-breadcrumb a {
color: #FFFFFF !important; /* Merah-Oranye dari tombol/menu aktif */
text-decoration: none !important;
transition: color 0.3s ease !important;
}

/* Warna Tautan Saat Hover (Berubah jadi Emas) */
.rank-math-breadcrumb a:hover {
color: #FFFFFF !important; /* Emas dari teks header */
}

/* Warna Halaman Saat Ini (Paling Akhir) */
.rank-math-breadcrumb .last,
.rank-math-breadcrumb span:last-child {
color: #FFFFFF !important; /* Emas dari teks header */
font-weight: bold !important;
}/* End custom CSS */
/* Start custom CSS for filter-widget, class: .elementor-element-1b62e041 *//* 1. Target khusus untuk widget filter yang diberi class cpj-filter-bulat */
    .cpj-filter-bulat input[type="checkbox"] {
        /* Matikan paksa desain kotak bawaan browser */
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        
        /* Ukuran dan Bentuk Bulat */
        width: 18px !important;
        height: 18px !important;
        border: 2px solid #dddddd !important;
        border-radius: 50% !important; /* INI YANG MEMBUATNYA BULAT */
        background-color: #ffffff !important;
        
        /* Posisi */
        cursor: pointer !important;
        position: relative !important;
        outline: none !important;
        margin-right: 10px !important;
        margin-top: 0 !important;
        flex-shrink: 0 !important;
        
        /* SHADOW TIPIS (Sesuai Permintaan) */
        box-shadow: 0 2px 5px rgba(0,0,0,0.08) !important;
        transition: all 0.3s ease !important;
    }

    /* 2. Efek saat disentuh mouse (Hover) */
    .cpj-filter-bulat input[type="checkbox"]:hover {
        border-color: #8B0F0A !important; /* Warna aksen CPJ */
        box-shadow: 0 3px 8px rgba(139, 15, 10, 0.15) !important;
    }

    /* 3. Efek saat dicentang (Active) */
    .cpj-filter-bulat input[type="checkbox"]:checked {
        background-color: #8B0F0A !important;
        border-color: #8B0F0A !important;
        box-shadow: 0 4px 10px rgba(139, 15, 10, 0.25) !important; /* Shadow lebih tegas saat aktif */
    }

    /* 4. Membuat tanda centang (✓) putih mungil di tengah */
    .cpj-filter-bulat input[type="checkbox"]::after {
        content: '' !important;
        position: absolute !important;
        width: 4px !important;
        height: 8px !important;
        border: solid #ffffff !important;
        border-width: 0 2px 2px 0 !important;
        transform: rotate(45deg) scale(0) !important;
        top: 2px !important;
        left: 5px !important;
        transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Efek membal (bouncy) */
    }

    /* Memunculkan centang saat diklik */
    .cpj-filter-bulat input[type="checkbox"]:checked::after {
        transform: rotate(45deg) scale(1) !important;
    }

    /* 5. Merapikan perataan teks dan kotaknya */
    .cpj-filter-bulat label {
        display: inline-flex !important;
        align-items: center !important;
        cursor: pointer !important;
        margin-bottom: 10px !important;
    }/* End custom CSS */
/* Start custom CSS for eael-post-grid, class: .elementor-element-60823d39 *//* =========================================================
       DESAIN KARTU POST GRID REVISI TOTAL (TAJAM & BERBINGKAI)
       ========================================================= */

    /* 1. WADAH KARTU (Kembalikan jarak tepi untuk bingkai) */
    .cpj-post-grid .eael-grid-post {
        font-family: 'Poppins', sans-serif !important;
        background-color: #ffffff !important;
        /* Kembalikan jarak tepi agar bingkai foto tidak nempel tepi kartu */
        padding: 15px !important; 
        border-radius: 12px !important;
        box-shadow: 0 8px 30px rgba(0,0,0,0.06) !important;
        border: 1px solid #eeeeee !important;
        border-top: 5px solid #8B0F0A !important; /* Aksen atap Maroon CPJ */
        overflow: hidden !important; 
        transition: all 0.3s ease !important;
        margin-bottom: 25px !important;
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important; /* Pastikan semua kartu tingginya sama */
    }

    /* Efek melayang kartu */
    .cpj-post-grid .eael-grid-post:hover {
        transform: translateY(-5px) !important;
        box-shadow: 0 12px 35px rgba(139, 15, 10, 0.15) !important;
    }

    /* 2. AREA THUMBNAIL (Wadah Bingkai Foto) */
    .cpj-post-grid .eael-entry-thumbnail {
        margin: 0 0 15px 0 !important;
        padding: 0 !important;
        width: 100% !important;
        border-radius: 8px !important; /* Sudut gambar tumpul */
        overflow: hidden !important;
        /* JALAN NINJA BINGKAI TEMA */
        border: 2px solid #8B0F0A !important; /* Bingkai warna Maroon tema CPJ */
        box-shadow: inset 0 0 15px rgba(139, 15, 10, 0.1) !important; /* Shadow halus di dalam bingkai */
        
        /* KUNCI RAHASIA AGAR "PAS" (Proporsi Poster 2:3) */
        position: relative !important;
        padding-top: 150% !important; /* Memaksa wadah berbentuk poster vertikal (2:3) */
    }
    
    /* 3. GAMBAR THUMBNAIL (Isi Cover Tajam) */
    .cpj-post-grid .eael-entry-thumbnail img {
        /* Posisi absolut di dalam wadah proporsional di atas */
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        
        /* JALAN NINJA AGAR "ISI COVER" GA PECAH/GEPENG */
        object-fit: cover !important; /* Foto memenuhi bingkai, dipotong proporsional, ga gepeng */
        object-position: center top !important; /* Fokus pada bagian atas foto event */
        
        transition: transform 0.5s ease !important;
        image-rendering: auto !important; /* Memastikan rendering gambar halus */
    }

    /* Efek zoom gambar saat disorot */
    .cpj-post-grid .eael-grid-post:hover .eael-entry-thumbnail img {
        transform: scale(1.08) !important; 
    }

    /* 4. RUANG TEKS (Title & Meta) */
    .cpj-post-grid .eael-entry-wrapper {
        padding: 0 5px !important; /* Jarak kiri-kanan teks dikecilkan */
        text-align: center !important; 
        flex-grow: 1 !important; /* Biarkan ruang teks mengisi sisa kartu */
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important; /* Judul di atas, Tanggal di bawah */
    }

    /* 5. DESAIN JUDUL EVENT */
    .cpj-post-grid .eael-entry-title {
        margin: 0 0 10px 0 !important;
        font-size: 18px !important;
        line-height: 1.4 !important;
    }

    .cpj-post-grid .eael-entry-title a {
        font-family: 'Poppins', sans-serif !important;
        font-weight: 800 !important;
        color: #333333 !important;
        text-decoration: none !important;
        transition: color 0.3s ease !important;
    }

    .cpj-post-grid .eael-entry-title a:hover {
        color: #8B0F0A !important; 
    }

    /* 6. DESAIN TANGGAL (META) DI BAGIAN BAWAH KARTU */
    .cpj-post-grid .eael-entry-meta {
        font-family: 'Poppins', sans-serif !important;
        font-size: 13px !important;
        color: #777777 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 6px !important;
        margin-top: auto !important; /* Tanggal selalu mentok di bawah area teks */
        border-top: 1px dashed #dddddd !important; 
        padding-top: 12px !important;
        padding-bottom: 5px !important;
    }

    .cpj-post-grid .eael-entry-meta i {
        color: #8B0F0A !important;
    }

    /* 7. RESPONSIVE MOBILE (HP) */
    @media (max-width: 768px) {
        .cpj-post-grid .eael-entry-thumbnail {
            padding-top: 130% !important; /* Poster sedikit lebih pendek di HP agar ga menuhi layar */
        }
        .cpj-post-grid .eael-entry-title {
            font-size: 16px !important;
        }
    }/* End custom CSS */