.elementor-748 .elementor-element.elementor-element-b8e6858{--display:flex;}.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-748 .elementor-element.elementor-element-8c2b360 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#202124;}.elementor-748 .elementor-element.elementor-element-5c3cf17{--display:flex;}.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 );}.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-748 .elementor-element.elementor-element-1f38d63{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-748 .elementor-element.elementor-element-1f38d63 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-748 .elementor-element.elementor-element-1f38d63:after{content:"0.66";}.elementor-748 .elementor-element.elementor-element-1f38d63 .elementor-post__thumbnail__link{width:100%;}.elementor-748 .elementor-element.elementor-element-1f38d63 .elementor-post__meta-data span + span:before{content:"•";}.elementor-748 .elementor-element.elementor-element-1f38d63 .elementor-post__text{margin-top:20px;}.elementor-748 .elementor-element.elementor-element-1f38d63 .elementor-post__badge{right:0;}.elementor-748 .elementor-element.elementor-element-1f38d63 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-748 .elementor-element.elementor-element-17d6331{--display:flex;}.elementor-748 .elementor-element.elementor-element-f91d03a .elementor-heading-title{color:#202124;}.elementor-748 .elementor-element.elementor-element-59e375f{--display:flex;}.elementor-748 .elementor-element.elementor-element-4a6731e{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-748 .elementor-element.elementor-element-4a6731e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-748 .elementor-element.elementor-element-4a6731e:after{content:"0.66";}.elementor-748 .elementor-element.elementor-element-4a6731e .elementor-post__thumbnail__link{width:100%;}.elementor-748 .elementor-element.elementor-element-4a6731e .elementor-post__meta-data span + span:before{content:"•";}.elementor-748 .elementor-element.elementor-element-4a6731e .elementor-post__text{margin-top:20px;}.elementor-748 .elementor-element.elementor-element-4a6731e .elementor-post__badge{right:0;}.elementor-748 .elementor-element.elementor-element-4a6731e .elementor-post__card .elementor-post__badge{margin:20px;}@media(max-width:767px){.elementor-748 .elementor-element.elementor-element-1f38d63 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-748 .elementor-element.elementor-element-1f38d63:after{content:"0.5";}.elementor-748 .elementor-element.elementor-element-1f38d63 .elementor-post__thumbnail__link{width:100%;}.elementor-748 .elementor-element.elementor-element-4a6731e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-748 .elementor-element.elementor-element-4a6731e:after{content:"0.5";}.elementor-748 .elementor-element.elementor-element-4a6731e .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-4a6731e */body {
    font-family: 'Roboto', sans-serif;
    background-color: #eaf3fa; /* Latar belakang halaman (biru muda keabu-abuan) */
    color: #333; /* Warna teks umum */
    line-height: 1.6;
    margin: 0;
    padding: 20px;
}

.main-wrapper {
    max-width: 900px; /* Lebar maksimal konten utama */
    margin: 20px auto;
    padding: 0 15px; /* Padding samping untuk responsivitas */
}

/* Gaya untuk judul kategori (misalnya, 'Info loker SMA Sederajat', 'Info Loker S1') */
.category-heading {
    font-size: 1.8rem; /* Ukuran font sedang-besar */
    color: #3498db; /* Warna biru cerah */
    margin-top: 3rem; /* Jarak atas antar kategori */
    margin-bottom: 1.5rem; /* Jarak bawah dari judul ke kartu pertama */
    padding-left: 5px; /* Sedikit padding agar tidak terlalu mepet ke kiri */
}

/* Container untuk setiap kelompok kartu postingan dalam satu kategori */
.post-card-container {
    display: flex;
    flex-wrap: wrap; /* Kartu akan ke bawah jika ruang tidak cukup */
    gap: 25px; /* Jarak antar kartu (horizontal dan vertikal) */
    justify-content: center; /* Pusatkan kartu jika tidak penuh satu baris */
    margin-bottom: 3rem; /* Jarak bawah antar kelompok kategori */
}

/* Gaya untuk setiap kartu postingan individual */
.post-card {
    background-color: #ffffff; /* Latar belakang putih untuk kartu */
    border-radius: 8px; /* Sudut membulat */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Bayangan lembut */
    padding: 25px;
    flex: 1; /* Fleksibel untuk mengisi ruang */
    min-width: 300px; /* Lebar minimum kartu agar tidak terlalu kecil */
    max-width: 400px; /* Lebar maksimum kartu */
    display: flex;
    flex-direction: column; /* Konten di dalam kartu tersusun vertikal */
    justify-content: space-between; /* Menjaga footer meta info di bagian bawah kartu */
}

/* Judul postingan di dalam kartu */
.post-title {
    font-size: 1.25rem; /* Ukuran font judul postingan di kartu */
    font-weight: 500;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0.8rem;
}

.post-title a {
    color: #0056b3; /* Warna biru lebih gelap untuk link judul */
    text-decoration: none; /* Hilangkan garis bawah default */
}

.post-title a:hover {
    text-decoration: underline; /* Munculkan garis bawah saat hover */
}

/* Ringkasan/Excerpt postingan */
.post-excerpt {
    font-size: 1rem; /* Ukuran font standar untuk teks isi */
    color: #5f6368; /* Warna teks isi */
    margin-bottom: 1rem;
    flex-grow: 1; /* Memastikan excerpt mengisi ruang agar semua kartu memiliki tinggi yang mirip */
}

/* Link "Read More" */
.read-more-link {
    font-size: 1rem;
    color: #007b7b; /* Warna hijau kebiruan */
    text-decoration: none;
    font-weight: 500;
    margin-top: 0.5rem; /* Memberi jarak dari excerpt */
    display: inline-block; /* Agar margin-top berfungsi */
}

.read-more-link:hover {
    text-decoration: underline;
}

/* Info meta (tanggal, komentar) */
.post-meta {
    font-size: 0.875rem; /* Ukuran font kecil */
    color: #888; /* Warna abu-abu yang lebih terang */
    margin-top: 1.5rem; /* Jarak dari konten di atasnya */
    padding-top: 1rem; /* Padding di atas meta info */
    border-top: 1px solid #eee; /* Garis tipis di atas meta info */
}

/* Media Queries untuk Responsivitas dasar */
@media (max-width: 768px) {
    .main-wrapper {
        padding: 0 10px;
    }
    .category-heading {
        font-size: 1.5rem;
    }
    .post-card {
        max-width: 100%; /* Agar kartu mengisi penuh lebar di layar kecil */
        min-width: unset; /* Reset min-width jika diperlukan */
    }
}/* End custom CSS */