.elementor-16 .elementor-element.elementor-element-ef7157f{--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-16 .elementor-element.elementor-element-ef7157f:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-ef7157f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF5EF;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), ChakraPetchMedium;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 ), ChakraPetchMedium;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 ), ChakraPetchMedium;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 ), ChakraPetchMedium;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 ), ChakraPetchMedium;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 ), ChakraPetchMedium;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), ChakraPetchMedium;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 ), ChakraPetchMedium;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-16 .elementor-element.elementor-element-196c58d{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-16 .elementor-element.elementor-element-196c58d .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-16 .elementor-element.elementor-element-196c58d:after{content:"0.66";}.elementor-16 .elementor-element.elementor-element-196c58d .elementor-post__thumbnail__link{width:100%;}.elementor-16 .elementor-element.elementor-element-196c58d .elementor-post__meta-data span + span:before{content:"•";}.elementor-16 .elementor-element.elementor-element-196c58d .elementor-post__text{margin-top:20px;}.elementor-16 .elementor-element.elementor-element-196c58d .elementor-post__badge{right:0;}.elementor-16 .elementor-element.elementor-element-196c58d .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-16 .elementor-element.elementor-element-196c58d .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-196c58d .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-196c58d .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-16 .elementor-element.elementor-element-196c58d .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-16 .elementor-element.elementor-element-196c58d .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-16 .elementor-element.elementor-element-9366a95{--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-16 .elementor-element.elementor-element-9366a95:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-9366a95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF5EF;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-16 .elementor-element.elementor-element-196c58d .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-16 .elementor-element.elementor-element-196c58d:after{content:"0.5";}.elementor-16 .elementor-element.elementor-element-196c58d .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-196c58d *//* =========================
   POSTS CARD STYLE (ELEMENTOR)
   ========================= */

/* CARD CONTAINER */
.elementor-16 .elementor-post__card {
  background: #ffffff;
  border: 1px solid #E9C9A0; /* warna border */
  border-radius: 20px;
  overflow: hidden;

  /* hilangkan shadow bawaan */
  box-shadow: none;

  /* animasi */
  transition: all 0.3s ease;
}

/* HOVER EFFECT */
.elementor-16 .elementor-post__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
  border-color: #E9C9A0; /* berubah saat hover */
}

/* TITLE */
.elementor-16 .elementor-post__title a {
  color: #623627;
  font-weight: 600;
  transition: 0.3s;
}

/* TITLE HOVER */
.elementor-16 .elementor-post__title a:hover {
  color: #000;
}

/* EXCERPT (DESKRIPSI) */
.elementor-16 .elementor-post__excerpt p {
  color: #555;
  font-size: 14px;
}

/* READ MORE */
.elementor-16 .elementor-post__read-more {
  color: #623627;
  font-weight: 500;
}

.elementor-16 .elementor-post__read-more:hover {
  color: #623627;
}

/* META (tanggal & komentar) */
.elementor-16 .elementor-post__meta-data {
  font-size: 12px;
  color: #888;
}

/* IMAGE */
.elementor-16 .elementor-post__thumbnail img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

/* OPTIONAL: BADGE CATEGORY */
.elementor-16 .elementor-post__badge {
  background: #ff6600;
  color: #fff;
  border-radius: 10px;
  padding: 4px 10px;
  font-size: 12px;
}




/* =========================
   PAGINATION KE KIRI & KANAN (SCROLL STYLE)
   ========================= */

/* 1. Buat container widget menjadi relative agar paginasi bisa menempel di area ini */
.elementor-16 .elementor-widget-container {
    position: relative;
}

/* 2. Posisikan container paginasi di tengah secara vertikal */
.elementor-16 .elementor-pagination {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    pointer-events: none; /* Agar area kosong paginasi tidak menghalangi klik pada postingan */
    margin: 0 !important;
    padding: 0;
}

/* 3. Sembunyikan angka halaman, sisakan tombol Prev dan Next */
.elementor-16 .elementor-pagination .page-numbers:not(.prev):not(.next) {
    display: none !important;
}

/* 4. Styling bentuk tombol Prev dan Next agar seperti tombol scroll (bulat) */
.elementor-16 .elementor-pagination .page-numbers.prev,
.elementor-16 .elementor-pagination .page-numbers.next {
    pointer-events: auto; /* Aktifkan kembali fungsi klik untuk tombol */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #ffffff;
    border: 1px solid #E9C9A0;
    color: #623627;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%; /* Membuat tombol menjadi bulat */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    font-size: 18px; /* Ukuran icon/teks prev next */
    font-weight: bold;
    transition: all 0.3s ease;
    z-index: 10;
}

/* 5. Tarik tombol Prev ke sisi kiri luar */
.elementor-16 .elementor-pagination .page-numbers.prev {
    left: -25px; /* Sesuaikan angka ini agar tidak terlalu mepet. Gunakan minus untuk menggeser keluar */
}

/* 6. Tarik tombol Next ke sisi kanan luar */
.elementor-16 .elementor-pagination .page-numbers.next {
    right: -25px; /* Sesuaikan angka ini agar sejajar dengan kiri */
}

/* 7. Efek Hover Tombol Paginasi */
.elementor-16 .elementor-pagination .page-numbers.prev:hover,
.elementor-16 .elementor-pagination .page-numbers.next:hover {
    background-color: #E9C9A0;
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    border-color: #E9C9A0;
}/* End custom CSS */