.elementor-358 .elementor-element.elementor-element-d7be0af5d250e > .elementor-container{max-width:1214px;}.elementor-358 .elementor-element.elementor-element-d7be0af5d250e{margin-top:60px;margin-bottom:0px;padding:2px 0px -8px 0px;overflow:visible;}.elementor-358 .elementor-element.elementor-element-716ef93{overflow:visible;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-358 .elementor-element.elementor-element-4aff329 .tpg-post-holder div{text-align:left;}.elementor-358 .elementor-element.elementor-element-4aff329 .rt-tpg-container .rt-el-post-meta{justify-content:left;}.elementor-358 .elementor-element.elementor-element-4aff329 .rt-tpg-container .rt-grid-hover-item .rt-holder .grid-hover-content:before, .elementor-358 .elementor-element.elementor-element-4aff329 .tpg-el-main-wrapper .tpg-el-image-wrap .overlay{background-color:transparent;background-image:linear-gradient(180deg, #00000000 0%, #000000ED 100%);}.elementor-358 .elementor-element.elementor-element-4aff329 .tpg-el-main-wrapper .rt-row [class*="rt-col"]{padding-left:8px !important;padding-right:8px !important;padding-bottom:calc(2 * 8px) !important;}.elementor-358 .elementor-element.elementor-element-4aff329 .tpg-el-main-wrapper .rt-row{margin-left:-8px;margin-right:-8px;}.elementor-358 .elementor-element.elementor-element-4aff329 .tpg-el-main-wrapper .rt-row .rt-row{margin-bottom:-8px;}.elementor-358 .elementor-element.elementor-element-4aff329 .rt-tpg-container .grid_hover-layout8 .display-grid-wrapper{grid-gap:8px;margin-bottom:8px;}.elementor-358 .elementor-element.elementor-element-4aff329 .rt-tpg-container .rt-grid-hover-item .rt-holder .grid-hover-content{justify-content:flex-end;}.elementor-358 .elementor-element.elementor-element-4aff329 .tpg-el-main-wrapper .entry-title-wrapper .entry-title{font-family:"Playfair Display", Sans-serif;font-size:22px;}.elementor-358 .elementor-element.elementor-element-4aff329 .tpg-el-main-wrapper .tpg-el-image-wrap img{width:inherit;}.elementor-358 .elementor-element.elementor-element-4aff329 .tpg-el-main-wrapper .rt-holder .tpg-el-image-wrap img{object-position:inherit;}.elementor-358 .elementor-element.elementor-element-4aff329 .tpg-el-main-wrapper .rt-holder:hover .tpg-el-image-wrap img{object-position:inherit;}.elementor-358 .elementor-element.elementor-element-4aff329 .tpg-el-main-wrapper .tpg-el-excerpt .tpg-excerpt-inner{font-family:"Lora", Sans-serif;}.elementor-358 .elementor-element.elementor-element-4aff329 .rt-tpg-container .tpg-post-holder .rt-el-post-meta, .elementor-358 .elementor-element.elementor-element-4aff329 .tpg-post-holder .tpg-separate-category .categories-links a{font-family:"EB Garamond", Sans-serif;font-size:14px;}.elementor-358 .elementor-element.elementor-element-4aff329 .tpg-el-main-wrapper .post-meta-tags span{color:#F8F8F8;}.elementor-358 .elementor-element.elementor-element-4aff329 .tpg-el-main-wrapper .post-meta-tags a{color:#BDBDBD;}.elementor-358 .elementor-element.elementor-element-4aff329 .tpg-el-main-wrapper .post-meta-tags i{color:#BDBDBD;}.elementor-358 .elementor-element.elementor-element-4aff329 .tpg-el-main-wrapper .tpg-post-holder .post-meta-tags a:hover{color:#FFFFFF;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-post-holder div{text-align:left;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .entry-title{text-align:left;color:#000000;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .rt-row [class*="rt-col"]{padding-left:10px !important;padding-right:10px !important;padding-bottom:calc(2 * 10px) !important;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .rt-row{margin-left:-10px;margin-right:-10px;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .rt-row .rt-row{margin-bottom:-10px;}.elementor-358 .elementor-element.elementor-element-4f21be4 .rt-tpg-container .grid_hover-layout8 .display-grid-wrapper{grid-gap:10px;margin-bottom:10px;}.elementor-358 .elementor-element.elementor-element-4f21be4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-358 .elementor-element.elementor-element-4f21be4 .rt-tpg-container .list-layout-wrapper [class*="rt-col"]:not(.offset-left) .rt-holder .tpg-el-image-wrap{flex:0 0 120px;max-width:120px;}.elementor-358 .elementor-element.elementor-element-4f21be4 .rt-tpg-container .rt-holder .entry-title-wrapper{margin:7px 0px 10px 0px;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .entry-title-wrapper .entry-title{font-family:"Playfair Display", Sans-serif;font-size:18px;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .tpg-post-holder .entry-title:hover{color:#E90000 !important;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .tpg-el-image-wrap img{width:inherit;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .tpg-el-image-wrap{margin:0px 15px 0px 0px;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .rt-holder .tpg-el-image-wrap img{object-position:inherit;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .rt-holder:hover .tpg-el-image-wrap img{object-position:inherit;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .tpg-el-excerpt .tpg-excerpt-inner{font-family:"Lora", Sans-serif;}.elementor-358 .elementor-element.elementor-element-4f21be4 .rt-tpg-container .tpg-post-holder .rt-el-post-meta, .elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-post-holder .tpg-separate-category .categories-links a{font-family:"EB Garamond", Sans-serif;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .post-meta-tags span{color:#000000;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .post-meta-tags a{color:#646464;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .post-meta-tags i{color:#646464;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .tpg-post-holder .post-meta-tags a:hover{color:#000000;}.elementor-358 .elementor-element.elementor-element-1c7bce5{--display:flex;--margin-top:13px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-358 .elementor-element.elementor-element-849b2af.elementor-element{--align-self:stretch;}.elementor-358 .elementor-element.elementor-element-849b2af .rt-tpg-container .entry-title-wrapper{min-height:0px;}.elementor-358 .elementor-element.elementor-element-849b2af .tpg-el-main-wrapper .entry-title-wrapper .entry-title{font-family:"Playfair Display", Sans-serif;}.elementor-358 .elementor-element.elementor-element-849b2af .tpg-el-main-wrapper .entry-title{color:#000000;}.elementor-358 .elementor-element.elementor-element-849b2af .tpg-el-main-wrapper .tpg-el-image-wrap img{width:auto;}.elementor-358 .elementor-element.elementor-element-849b2af .tpg-el-main-wrapper .rt-holder .tpg-el-image-wrap img{object-position:top center;}.elementor-358 .elementor-element.elementor-element-849b2af .tpg-el-main-wrapper .rt-holder:hover .tpg-el-image-wrap img{object-position:inherit;}.elementor-358 .elementor-element.elementor-element-849b2af .tpg-el-main-wrapper .tpg-el-excerpt .tpg-excerpt-inner{font-family:"Lora", Sans-serif;color:#000000;}.elementor-358 .elementor-element.elementor-element-849b2af .rt-tpg-container .tpg-post-holder .rt-el-post-meta, .elementor-358 .elementor-element.elementor-element-849b2af .tpg-post-holder .tpg-separate-category .categories-links a{font-family:"EB Garamond", Sans-serif;}.elementor-358 .elementor-element.elementor-element-849b2af .rt-tpg-container .tpg-post-holder .categories-links a{font-family:"EB Garamond", Sans-serif;}.elementor-358 .elementor-element.elementor-element-849b2af .rt-pagination-wrap{justify-content:center;}@media(max-width:1024px){.elementor-358 .elementor-element.elementor-element-4aff329 .tpg-el-main-wrapper .rt-row [class*="rt-col"]{padding-left:8px !important;padding-right:8px !important;padding-bottom:calc(2 * 10px) !important;}.elementor-358 .elementor-element.elementor-element-4aff329 .tpg-el-main-wrapper .rt-row{margin-left:-8px;margin-right:-8px;}.elementor-358 .elementor-element.elementor-element-4aff329 .tpg-el-main-wrapper .rt-row .rt-row{margin-bottom:-8px;}.elementor-358 .elementor-element.elementor-element-4aff329 .rt-tpg-container .grid_hover-layout8 .display-grid-wrapper{grid-gap:0px;margin-bottom:0px;}}@media(max-width:767px){.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .post-meta-tags span img{width:20px !important;max-width:20px;height:20px !important;}.elementor-358 .elementor-element.elementor-element-4f21be4 .rt-tpg-container .rt-holder .entry-title-wrapper{margin:0px 0px 0px 0px;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .entry-title-wrapper .entry-title{font-size:14px;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .tpg-el-excerpt .tpg-excerpt-inner{font-size:12px;}.elementor-358 .elementor-element.elementor-element-4f21be4 .rt-tpg-container .tpg-post-holder .rt-el-post-meta, .elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-post-holder .tpg-separate-category .categories-links a{font-size:14px;}.elementor-358 .elementor-element.elementor-element-4f21be4 .tpg-el-main-wrapper .rt-holder .rt-el-post-meta{margin:12px 0px 14px 0px;}.elementor-358 .elementor-element.elementor-element-1c7bce5{--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-358 .elementor-element.elementor-element-849b2af .tpg-el-main-wrapper .post-meta-tags span img{width:28px !important;max-width:28px;height:28px !important;}.elementor-358 .elementor-element.elementor-element-849b2af .rt-tpg-container .rt-el-post-meta{text-align:left;justify-content:left;}.elementor-358 .elementor-element.elementor-element-849b2af .tpg-el-main-wrapper .rt-holder .rt-el-post-meta{margin:0px -10px 10px 0px;}}/* Start custom CSS for container, class: .elementor-element-1c7bce5 */.article-card {
    position: relative;
    overflow: hidden; /* Penting untuk menjaga gambar di dalam batas kartu */
    border-radius: 8px; /* Sudut membulat */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Bayangan lembut */
    height: 350px; /* Tentukan tinggi standar kartu kecil */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.article-card:hover {
    transform: translateY(-5px); /* Efek angkat saat di-hover */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.article-card a {
    text-decoration: none;
    display: block;
    height: 100%;
}

/* Gaya untuk Gambar Unggulan */
.card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover; /* Penting agar gambar menutupi seluruh area */
    background-position: center; /* Memosisikan gambar di tengah */
    z-index: 1;
}

/* Overlay Gelap/Gradien untuk Keterbacaan Teks (Opsional, tapi disarankan untuk kartu besar) */
.article-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; /* Di atas gambar, di bawah teks */
    /* Contoh Gradien dari bawah ke atas */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 60%); 
}

/* Gaya Khusus untuk Kartu Unggulan Utama (karena lebih tinggi) */
.article-card.featured-large {
    height: 720px; /* Sesuaikan agar dua kali lipat tinggi kartu kecil + gap */
}

/* Gaya Konten Teks */
.card-content {
    position: absolute;
    bottom: 0; /* Menempel di bawah */
    padding: 20px;
    z-index: 3; /* Pastikan di atas gambar dan overlay */
    color: white; /* Teks berwarna putih */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); /* Bayangan Teks agar lebih jelas */
    width: 100%;
    box-sizing: border-box;
}

.card-content .category {
    display: inline-block;
    background-color: #A0522D; /* Warna Latar Belakang Kategori (Coklat/merah bata) */
    color: white;
    padding: 3px 8px;
    margin-bottom: 10px;
    font-size: 0.8em;
    font-weight: bold;
    border-radius: 3px;
}

.card-title {
    font-size: 1.5em;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.article-card.featured-large .card-title {
    font-size: 2.2em; /* Judul lebih besar untuk kartu utama */
}

.author-date {
    font-size: 0.9em;
    opacity: 0.9;
}/* End custom CSS */