.elementor-373 .elementor-element.elementor-element-7acac7a{--display:flex;--min-height:300px;--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;--justify-content:flex-end;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:120px;--padding-right:120px;}.elementor-373 .elementor-element.elementor-element-a71958d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:120px;--padding-right:120px;}.elementor-373 .elementor-element.elementor-element-a5b2742{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;--z-index:2;}.elementor-373 .elementor-element.elementor-element-a5b2742:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-a5b2742 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f60c3ed );}.elementor-373 .elementor-element.elementor-element-a5b2742.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-373 .elementor-element.elementor-element-be92787{--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;--justify-content:space-between;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-373 .elementor-element.elementor-element-82f0334 .jet-listing-dynamic-terms{text-align:left;}.elementor-373 .elementor-element.elementor-element-82f0334 .jet-listing-dynamic-terms__link{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;line-height:20px;letter-spacing:10%;color:var( --e-global-color-text );padding:2px 16px 2px 16px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-c825a84 );border-radius:50px 50px 50px 50px;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-373 .elementor-element.elementor-element-29d6513 .elementor-icon-list-icon{width:14px;}.elementor-373 .elementor-element.elementor-element-29d6513 .elementor-icon-list-icon i{font-size:14px;}.elementor-373 .elementor-element.elementor-element-29d6513 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-373 .elementor-element.elementor-element-29d6513 .elementor-icon-list-text, .elementor-373 .elementor-element.elementor-element-29d6513 .elementor-icon-list-text a{color:var( --e-global-color-text );}.elementor-373 .elementor-element.elementor-element-29d6513 .elementor-icon-list-item{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;line-height:20px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );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-373 .elementor-element.elementor-element-09ade02 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:36px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-373 .elementor-element.elementor-element-d9bba6a{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:4px;--icon-vertical-offset:0px;}.elementor-373 .elementor-element.elementor-element-d9bba6a .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-373 .elementor-element.elementor-element-d9bba6a .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-373 .elementor-element.elementor-element-d9bba6a .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-373 .elementor-element.elementor-element-d9bba6a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-373 .elementor-element.elementor-element-d9bba6a .elementor-icon-list-item > a{font-family:var( --e-global-typography-d2d2e0c-font-family ), Sans-serif;font-size:var( --e-global-typography-d2d2e0c-font-size );font-weight:var( --e-global-typography-d2d2e0c-font-weight );line-height:var( --e-global-typography-d2d2e0c-line-height );}.elementor-373 .elementor-element.elementor-element-d9bba6a .elementor-icon-list-text{color:var( --e-global-color-7ae9ded );transition:color 0.3s;}.elementor-373 .elementor-element.elementor-element-6bd61bd{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-373 .elementor-element.elementor-element-1786751{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-373 .elementor-element.elementor-element-306a405{margin:4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;line-height:32px;}.elementor-373 .elementor-element.elementor-element-9be6972{--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;--padding-top:60px;--padding-bottom:60px;--padding-left:120px;--padding-right:120px;}.elementor-373 .elementor-element.elementor-element-9be6972:not(.elementor-motion-effects-element-type-background), .elementor-373 .elementor-element.elementor-element-9be6972 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-373 .elementor-element.elementor-element-e6894b6{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );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-373 .elementor-element.elementor-element-5eaea2e .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-373 .elementor-element.elementor-element-bcdb49a > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}@media(min-width:768px){.elementor-373 .elementor-element.elementor-element-a5b2742{--width:992px;}.elementor-373 .elementor-element.elementor-element-6bd61bd{--width:100%;}.elementor-373 .elementor-element.elementor-element-1786751{--width:912px;}.elementor-373 .elementor-element.elementor-element-e6894b6{--content-width:912px;}}@media(max-width:1024px){.elementor-373 .elementor-element.elementor-element-7acac7a{--padding-top:0px;--padding-bottom:80px;--padding-left:36px;--padding-right:36px;}.elementor-373 .elementor-element.elementor-element-a71958d{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-373 .elementor-element.elementor-element-a5b2742{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-373 .elementor-element.elementor-element-82f0334 .jet-listing-dynamic-terms__link{font-size:12px;line-height:20px;}.elementor-widget-post-info .elementor-icon-list-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-373 .elementor-element.elementor-element-29d6513 .elementor-icon-list-item{font-size:12px;line-height:20px;}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-373 .elementor-element.elementor-element-09ade02 .elementor-heading-title{font-size:24px;line-height:36px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-373 .elementor-element.elementor-element-d9bba6a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-373 .elementor-element.elementor-element-d9bba6a .elementor-icon-list-item > a{font-size:var( --e-global-typography-d2d2e0c-font-size );line-height:var( --e-global-typography-d2d2e0c-line-height );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-373 .elementor-element.elementor-element-306a405{font-size:14px;line-height:22px;}.elementor-373 .elementor-element.elementor-element-9be6972{--padding-top:40px;--padding-bottom:40px;--padding-left:32px;--padding-right:32px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-373 .elementor-element.elementor-element-5eaea2e .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-373 .elementor-element.elementor-element-7acac7a{--min-height:182px;--padding-top:0px;--padding-bottom:30px;--padding-left:16px;--padding-right:16px;}.elementor-373 .elementor-element.elementor-element-a71958d{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-373 .elementor-element.elementor-element-a5b2742{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-373 .elementor-element.elementor-element-82f0334 .jet-listing-dynamic-terms__link{font-size:12px;line-height:20px;}.elementor-widget-post-info .elementor-icon-list-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-373 .elementor-element.elementor-element-29d6513 .elementor-icon-list-item{font-size:12px;line-height:20px;}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-373 .elementor-element.elementor-element-09ade02 .elementor-heading-title{font-size:22px;line-height:33px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-373 .elementor-element.elementor-element-d9bba6a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-373 .elementor-element.elementor-element-d9bba6a .elementor-icon-list-item > a{font-size:var( --e-global-typography-d2d2e0c-font-size );line-height:var( --e-global-typography-d2d2e0c-line-height );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-373 .elementor-element.elementor-element-306a405{font-size:14px;line-height:22px;}.elementor-373 .elementor-element.elementor-element-9be6972{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-373 .elementor-element.elementor-element-5eaea2e .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-373 .elementor-element.elementor-element-bcdb49a > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}}@media(max-width:1024px) and (min-width:768px){.elementor-373 .elementor-element.elementor-element-a71958d{--width:100%;}.elementor-373 .elementor-element.elementor-element-a5b2742{--width:100%;}.elementor-373 .elementor-element.elementor-element-1786751{--width:100%;}}/* Start custom CSS for post-info, class: .elementor-element-29d6513 *//* 1. Sembunyikan koma bawaan Elementor */
.elementor-element-29d6513 .elementor-post-info__terms-list {
    font-size: 0; /* Menghilangkan spasi antar inline-block */
}

.elementor-element-29d6513 .elementor-post-info__terms-list-item {
    font-size: 1rem; /* Kembalikan font-size (otomatis ikut setting widget) */
    display: inline-flex;
    align-items: center;
}

/* 2. Tambahkan simbol # di depan setiap item */
.elementor-element-29d6513 .elementor-post-info__terms-list-item::before {
    content: "#";
}

/* 3. Tambahkan garis pemisah | di antara item */
.elementor-element-29d6513 .elementor-post-info__terms-list-item:not(:last-child)::after {
    content: "|";
    margin: 0 15px; /* Jarak kiri-kanan garis pemisah */
    opacity: 0.5;   /* Membuat garis sedikit lebih halus */
    font-weight: 300; /* Menipiskan garis agar sesuai desain */
}

/* 4. Menghilangkan koma yang mungkin masih muncul dari teks asli */
.elementor-element-29d6513 .elementor-post-info__terms-list {
    color: transparent; 
}
.elementor-element-29d6513 .elementor-post-info__terms-list-item {
    font-size: 14px;
    text-transform: italic;
    color: #A7A1AB; /* Mengembalikan warna teks asli dari setting Elementor */
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-306a405 */.elementor-373 .elementor-element.elementor-element-306a405 p {
    margin-bottom: 32px !important;
    line-height: 32px;
    text-align: justify;
}

.elementor-373 .elementor-element.elementor-element-306a405 .wp-block-image img {
    margin-bottom: 32px !important;
}

@media screen and (max-width: 480px) {
  #comments .comment-meta{
      display: inline;
  }
}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-aeb6949 *//* Mengatur kontainer utama menjadi flexbox */
.elementor-373 .elementor-element.elementor-element-aeb6949 .comments-area {
    display: flex;
    flex-direction: column;
}

/* Memindahkan judul "One Response" dan daftar komentar ke urutan bawah */
.elementor-373 .elementor-element.elementor-element-aeb6949 .title-comments,
.elementor-373 .elementor-element.elementor-element-aeb6949 .comment-list {
    order: 2;
}

/* Memindahkan form "Leave a Reply" ke urutan atas */
.elementor-373 .elementor-element.elementor-element-aeb6949 #respond {
    order: 1;
    margin-bottom: 40px; /* Jarak antara form dan daftar komentar */
}

/* Opsional: Menghilangkan garis bawah atau border jika ada */
.elementor-373 .elementor-element.elementor-element-aeb6949 .comment-respond {
    border-bottom: none !important;
}

/* 1. Container Utama */
.comments-area {
    border: 1px solid #e0e0e0;
    padding: 50px;
    margin: 0 auto;
}

/* 2. Judul & Notes */
.comment-reply-title {
    font-family: serif; /* Sesuaikan dengan font web Anda */
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 300;
    color: #555;
    margin-bottom: 30px;
}

.comment-notes {
    display: none; /* Sembunyikan catatan email agar bersih seperti gambar */
}

/* 3. Mengatur Flexbox untuk urutan layout */
.comment-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Mengatur Urutan (Order) */
.comment-form-author { order: 1; width: 48%; } /* Nama kiri */
.comment-form-email  { order: 2; width: 48%; } /* Email kanan */
.comment-form-comment { order: 3; width: 100%; } /* Pesan bawah */
.comment-form-cookies-consent { order: 4; width: 100%; display: none; } /* Sembunyikan checkbox jika ingin clean */
.form-submit { order: 5; width: 100%; }

/* 4. Styling Input (Hanya Garis Bawah & Hapus Focus) */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea {
    width: 100%;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    border-radius: 0 !important;
    padding: 10px 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: inherit;
    /* Menghilangkan garis outline saat diklik */
    outline: none !important; 
}

/* Memastikan tidak ada perubahan saat fokus agar tetap minimalis */
.comment-form input:focus,
.comment-form textarea:focus {
    outline: none !important;
    border-bottom: 1px solid #ccc !important; /* Tetap abu-abu tipis */
}
/* Textarea agar lebih tinggi sedikit */
.comment-form textarea {
    height: 100px;
}

/* Label Styling (Sesuai gambar: Abu-abu & Uppercase) */
.comment-form label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    color: #999;
    letter-spacing: 1px;
}

/* 5. Tombol Submit */
.comment-form .submit {
    background-color: #928894 !important; /* Warna ungu abu sesuai gambar */
    color: white !important;
    border: none !important;
    padding: 12px 35px !important;
    border-radius: 0 !important;
    cursor: pointer;
    font-size: 14px;
    margin-top: 10px;
}

/* Responsive untuk Mobile */
@media (max-width: 767px) {
    .comment-form-author, .comment-form-email {
        width: 100%;
    }
}

/* Pastikan kontainer utama menggunakan mode kolom normal */
.comments-area {
    display: flex !important;
    flex-direction: column !important;
}

/* 1. Judul Komentar paling atas */
.title-comments {
    order: 1 !important;
}

/* 2. Daftar Komentar (Isi Komen) di bawah judul */
.comment-list {
    order: 2 !important;
    margin-bottom: 50px !important; /* Memberi jarak sebelum form */
}

/* 3. Form "Leave a Reply" paling bawah */
#respond {
    order: 3 !important;
}

/* --- Perbaikan styling form agar rapi --- */

.comment-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Mengatur grid Nama & Email sejajar */
.comment-form-author, 
.comment-form-email {
    flex: 1;
    min-width: 250px;
}

.comment-form-comment {
    width: 100%;
}

.form-submit {
    width: 100%;
}

/* Mengubah warna link Reply (Balas) */
.comment-reply-link {
    color: #928894 !important;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}

/* Mengubah warna link pada metadata (tanggal dan waktu) */
.comment-metadata a, 
.comment-edit-link {
    color: #928894 !important;
    opacity: 0.8;
}

/* Mengubah warna nama author jika berupa link */
.comment-author .fn a,
.comment-author .fn {
    color: #333 !important; /* Nama biasanya lebih gelap agar terbaca */
}

/* Efek hover agar lebih interaktif */
.comment-reply-link:hover, 
.comment-metadata a:hover {
    color: #7a737d !important; /* Warna sedikit lebih gelap saat di-hover */
    text-decoration: underline;
}

/* Jika ada link di dalam isi komentar */
.comment-content p a {
    color: #928894;
    text-decoration: underline;
}

/* Mengubah warna link pada baris status login */
.logged-in-as a {
    color: #928894 !important;
    text-decoration: none;
    font-weight: 500;
}

/* Efek hover agar link terlihat aktif saat disentuh kursor */
.logged-in-as a:hover {
    color: #7a737d !important;
    text-decoration: underline;
}

/* Mengatur warna teks keterangan (bukan link) agar tetap soft */
.logged-in-as {
    color: #999;
    font-size: 16px;
    margin-bottom: 20px;
}

/* Mengubah warna bintang tanda wajib (asterisk) jika diinginkan */
.required-field-message .required {
    color: #928894 !important;
}

.comment-author .says {
    display: none !important;
}



#comments .comment-meta {
    justify-content: start;
    column-gap: 20px;
    row-gap: 20px;
}

.comment-reply-title, .title-comments{
    font-size:24px!important;
    margin-bottom: 12px;
}

.comments-area{
    padding: 24px 40px;
}

.cancel-comment-reply-link{
    font-size:16px;
    float:right;
}

@media screen and (max-width: 480px) {
  .comments-area{
      padding: 16px 16px;
  }
  
  .logged-in-as{
      font-size: 14px;
      line-height: 28px;
  }
}/* End custom CSS */