.elementor-8405 .elementor-element.elementor-element-c34ad8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8405 .elementor-element.elementor-element-6153525:not(.elementor-motion-effects-element-type-background), .elementor-8405 .elementor-element.elementor-element-6153525 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-text ) 100%);}.elementor-8405 .elementor-element.elementor-element-6153525 > .elementor-background-overlay{background-image:url("https://mayaloka.com/wp-content/uploads/2016/10/Blue-Pattern-Vector.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:0.1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8405 .elementor-element.elementor-element-6153525 > .elementor-container{min-height:40vh;}.elementor-8405 .elementor-element.elementor-element-6153525{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-30px;margin-bottom:0px;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8405 .elementor-element.elementor-element-1926fd6a{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-accent );}.elementor-8405 .elementor-element.elementor-element-1926fd6a a{color:var( --e-global-color-accent );}.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 );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-8405 .elementor-element.elementor-element-54a493ec .elementor-heading-title{font-family:"Gabriela", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-accent );}.elementor-8405 .elementor-element.elementor-element-4240f0b2 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-accent );}.elementor-8405 .elementor-element.elementor-element-76636f3:not(.elementor-motion-effects-element-type-background), .elementor-8405 .elementor-element.elementor-element-76636f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-8405 .elementor-element.elementor-element-76636f3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-8405 .elementor-element.elementor-element-76636f3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8405 .elementor-element.elementor-element-7265da6{text-align:justify;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-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-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8405 .elementor-element.elementor-element-1b17119{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-8405 .elementor-element.elementor-element-1b17119:after{content:"0.66";}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__thumbnail__link{width:100%;}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__meta-data span + span:before{content:"•";}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__card{background-color:var( --e-global-color-accent );border-color:var( --e-global-color-primary );border-width:1px;border-radius:10px;}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__text{margin-top:20px;}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__badge{right:0;}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );margin:20px;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__title, .elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__title a{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__meta-data{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__meta-data span:before{color:var( --e-global-color-secondary );}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__excerpt p{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__read-more{color:var( --e-global-color-primary );}.elementor-8405 .elementor-element.elementor-element-1b17119 a.elementor-post__read-more{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-pagination{text-align:center;margin-top:30px;}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-primary );}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-secondary );}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-pagination .page-numbers.current{color:var( --e-global-color-secondary );}body:not(.rtl) .elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{line-height:var( --e-global-typography-primary-line-height );}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__title, .elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__title a{line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-8405 .elementor-element.elementor-element-6153525{padding:20px 20px 20px 20px;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-8405 .elementor-element.elementor-element-54a493ec{text-align:center;}.elementor-8405 .elementor-element.elementor-element-54a493ec .elementor-heading-title{font-size:30px;}.elementor-8405 .elementor-element.elementor-element-4240f0b2{text-align:center;}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{line-height:var( --e-global-typography-primary-line-height );}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-8405 .elementor-element.elementor-element-1b17119:after{content:"0.5";}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__thumbnail__link{width:100%;}.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__title, .elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__title a{line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS for text-editor, class: .elementor-element-7265da6 *//* =========================================
   STYLING ARTIKEL / TEKS PENGANTAR BLOG
   ========================================= */

/* Targetkan pembungkus utama area konten teks blog */
#content, .site-content, .entry-content {
    background-color: #f8fafc !important; /* Latar belakang halaman abu-abu sangat muda */
    padding: 50px 15px !important;
}

/* Mengubah paragraf intro blog menjadi bentuk kotak kartu yang rapi di tengah */
.archive-meta, .blog-intro-section, .inside-article {
    max-width: 900px !important;
    margin: 0 auto !important;
    background: #ffffff !important;
    padding: 40px 50px !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #e2e8f0 !important;
}

/* Styling Tipografi Paragraf */
.archive-meta p, .blog-intro-section p, .inside-article p {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.05rem !important;
    color: #475569 !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
}

/* Styling Link di dalam teks */
.archive-meta a, .blog-intro-section a, .inside-article a {
    color: #2563eb !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.archive-meta a:hover, .blog-intro-section a:hover, .inside-article a:hover {
    text-decoration: underline !important;
}

/* =========================================
   RESPONSIVE DESIGN (HP)
   ========================================= */
@media (max-width: 768px) {
    .archive-meta, .blog-intro-section, .inside-article {
        padding: 25px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-1b17119 *//* =========================================
   CUSTOM STYLING ULTRA INTERACTIVE & KEREN
   ========================================= */

/* Pembungkus Kartu Post (Grid Item) */
.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post {
    background: #ffffff !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.05) !important;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    position: relative !important;
}

/* Efek Interaktif Hover: Kartu Naik dan Bercahaya */
.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post:hover {
    transform: translateY(-12px) !important;
    box-shadow: 0 30px 40px -15px rgba(37, 99, 235, 0.18), 0 0 0 2px rgba(37, 99, 235, 0.4) !important;
    border-color: transparent !important;
}

/* Pembungkus Thumbnail Gambar */
.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__thumbnail_link {
    overflow: hidden !important;
    display: block !important;
    position: relative !important;
}

/* Overlay Gradasi Halus di atas Gambar */
.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__thumbnail_link::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; width: 100%; height: 50%;
    background: linear-gradient(to top, rgba(15, 23, 42, 0.4), transparent);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post:hover .elementor-post__thumbnail_link::after {
    opacity: 1;
}

.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__thumbnail {
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    width: 100% !important;
    height: 240px !important;
    object-fit: cover !important;
}

.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post:hover .elementor-post__thumbnail {
    transform: scale(1.08) !important;
}

/* Area Konten Teks */
.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__text {
    padding: 35px 30px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* Judul Artikel dengan Efek Warna Transisi */
.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__title a {
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.4 !important;
    margin-bottom: 15px !important;
    transition: color 0.3s ease !important;
}

.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post:hover .elementor-post__title a {
    color: #2563eb !important; /* Judul berubah jadi biru terang saat kartu di-hover */
}

/* Cuplikan Teks (Excerpt) */
.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__excerpt {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.95rem !important;
    color: #475569 !important;
    line-height: 1.75 !important;
    margin-bottom: 30px !important;
    flex-grow: 1 !important;
}

/* TOMBOL READ MORE INTERAKTIF */
.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__read-more {
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    color: #2563eb !important;
    background-color: rgba(37, 99, 235, 0.08) !important;
    padding: 12px 22px !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    align-self: flex-start !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    margin-top: auto !important;
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.05);
}

.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__read-more::after {
    content: '→';
    transition: transform 0.3s ease;
}

.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__read-more:hover {
    background-color: #2563eb !important;
    color: #ffffff !important;
    padding-left: 26px !important;
    padding-right: 26px !important;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3) !important;
}

.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__read-more:hover::after {
    transform: translateX(6px);
}

/* Metadata Bawah (Tanggal & Komentar) */
.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-post__meta-data {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.82rem !important;
    color: #64748b !important;
    border-top: 1px solid #f1f5f9 !important;
    padding: 20px 30px !important;
    background-color: #fafbfc !important;
    margin-top: 0 !important;
}


/* =========================================
   STYLING PAGINATION MODERN
   ========================================= */
.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 60px !important;
    flex-wrap: wrap !important;
}

.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-pagination .page-numbers {
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #1e3a8a !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02) !important;
}

.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-pagination .page-numbers:hover,
.elementor-8405 .elementor-element.elementor-element-1b17119 .elementor-pagination .page-numbers.current {
    background-color: #2563eb !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
    box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.3) !important;
    transform: translateY(-2px);
}/* End custom CSS */