/* Digdaya - penyesuaian halaman. Dimuat oleh mu-plugin digdaya-green-accent.php.
   CATATAN: radiantthemes-addons-custom.css dimuat di FOOTER, berkas ini di
   <head>. Untuk aturan yang beradu dengannya, kekhususan harus lebih tinggi.
   HATI-HATI: tema punya DUA kelas mirip -
     .wraper_inner_banner  (pakai garis bawah) = bilah banner + breadcrumb
     .wraper_innerbanner   (tanpa garis bawah) = pembungkus, padding-top 100px */

/* Buang padding atas 100px pembungkus banner. */
body .wraper_innerbanner { padding-top: 0; }

/* (spasi breadcrumb dipindah ke padding bilah di bawah) */

/* Judul halaman daftar blog. Aturan tema hanya menyetel padding-bottom
   (dengan !important) dan margin:0, jadi padding-top masih bebas. */
body .woocommerce-pagetitle h1 { padding-top: 50px; }

/* Halaman bertemplat bawaan: buang padding atas kontainer. */
body.page-id-15187 .container.page-container,
body.page-id-15186 .container.page-container,
body.page-id-15188 .container.page-container,
body.page-id-15189 .container.page-container,
body.page-id-15369 .container.page-container,
body.page-id-15191 .container.page-container,
body.page-id-15190 .container.page-container,
body.parent-pageid-15187 .container.page-container { padding-top: 0 !important; }
body.page-id-15187 .wraper_blog_main,
body.page-id-15186 .wraper_blog_main,
body.page-id-15188 .wraper_blog_main,
body.page-id-15189 .wraper_blog_main,
body.page-id-15369 .wraper_blog_main,
body.page-id-15191 .wraper_blog_main,
body.page-id-15190 .wraper_blog_main,
body.parent-pageid-15187 .wraper_blog_main { padding-top: 50px; }

/* Bilah breadcrumb: tinggi dari padding bilah hijau itu sendiri + overflow:hidden
   (BFC) supaya kolom float ter-contain. JANGAN andalkan margin #crumbs: kalau
   kolom float tak ter-clear, margin-nya collapse keluar dari bilah -> bilah jadi
   tipis & teks putih jatuh ke area putih di bawahnya (jadi tak terlihat). */
/* Bilah breadcrumb: latar hijau + tinggi dari padding CONTAINER (cara tema,
   in-flow, tidak bisa collapse). Teks putih diatur di aturan bawah. */
.wraper_inner_banner_breadcrumb { background-color: #1E7233; }
body .wraper_inner_banner_breadcrumb > .container {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}
body .inner_banner_breadcrumb #crumbs {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.inner_banner_breadcrumb #crumbs,
.inner_banner_breadcrumb #crumbs a,
.inner_banner_breadcrumb #crumbs span { color: #FFFFFF !important; }
.inner_banner_breadcrumb #crumbs a:hover,
.inner_banner_breadcrumb #crumbs a:hover:before { color: #FFFFFF !important; }

/* Tombol Load More: #0067D9 / #0067DA -> hijau brand. */
body .rtloadmore,
body .rtloadmore-six,
body .radiantthemes_loadmore,
body .blog-modern .rtloadmore { background: #1E7233 !important; }
body .rtloadmore:hover,
body .rtloadmore-six:hover,
body .radiantthemes_loadmore:hover,
body .blog-modern .rtloadmore:hover { background: #175A28 !important; }

/* Garis bawah dropdown header: #0067D9 -> hijau brand. */
body .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul {
  border-bottom: 5px solid #2EA145;
}

/* Induk menu yang hanya membuka dropdown. */
body .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > a[href$="#"] {
  cursor: default;
}

/* Halaman Core Team (10950): grid 4 kolom rapi.
   Layout tema pakai float, tinggi foto beda bikin baris nyangkut (masonry).
   Dipaksa jadi CSS grid + rasio foto seragam. Selektor body.page-id lebih
   khusus daripada CSS plugin di footer. */
body.page-id-10950 .team.element-eight {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  float: none !important;
}
body.page-id-10950 .team.element-eight .team-item {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.page-id-10950 .team.element-eight .team-item .holder,
body.page-id-10950 .team.element-eight .team-item .holder .pic {
  width: 100% !important;
}
body.page-id-10950 .team.element-eight .team-item .holder .pic img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  object-position: center top !important;
  float: none !important;
}
@media (max-width: 991px) {
  body.page-id-10950 .team.element-eight { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 575px) {
  body.page-id-10950 .team.element-eight { grid-template-columns: 1fr !important; }
}

/* Halaman Akademi SaDaya: kembalikan bullet daftar konten.
   Tema memaksa mati lewat `.page-template-default .entry-content ul li
   { list-style-type: none !important }` (0,2,2 + !important), jadi di sini
   wajib kekhususan lebih tinggi + !important. */
body.page-id-15191 .entry-content ul.wp-block-list {
  list-style: disc outside !important;
  margin: 0 0 1.5em !important;
  padding-left: 1.5em !important;
  padding-bottom: 0 !important;
}
body.page-id-15191 .entry-content ul.wp-block-list li {
  display: list-item !important;
  list-style: disc outside !important;
  list-style-type: disc !important;
  list-style-position: outside !important;
  padding-left: 0 !important;
  margin: 0 0 0.4em !important;
}

/* Core Team: beri jarak tetap antara jabatan (team-role) dan nama (team-title)
   di kartu tim, supaya konsisten baik jabatan 1 baris maupun 2 baris. */
body.page-id-10950 .team.element-eight .team-item .team-content .team-role {
  margin-bottom: 18px !important;
}

/* Core Team: jarak kiri-kanan teks (jabatan & nama) di overlay kartu tim. */
body.page-id-10950 .team.element-eight .team-item .team-content {
  box-sizing: border-box !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}


/* === menu mobile: ukuran submenu === */
/* Menu geser di HP BUKAN .mobile-menu-nav milik tema (nav itu render kosong
   karena tidak ada menu yang ditugaskan ke lokasi 'top'), dan bukan pula
   ul.elementor-nav-menu - itu pohon desktop. Yang benar-benar tampil adalah
   .rt-mobile-menu ul.rt-tree milik widget radiant-header_custom_menu
   (template header ID 529).

   Ukurannya datang dari plugin, radiantthemes-addons/assets/css/
   radiant-style-nav.css:
     .rt-mobile-menu ul.rt-tree a           -> 18px / lh 20px / ls 2px
     .rt-mobile-menu ul.rt-tree .sub-menu a -> 15px / lh 30px / ls 1.6px
   Jadi "Digdaya Citta Selaras" terlihat lebih besar dari "Tentang Kami"
   bukan karena font-size-nya lebih besar, tapi karena line-height 30px
   (vs 20px) membuat barisnya jauh lebih lega.

   Kontrol "Sub Menu Typography" di widget tidak bisa dipakai: Elementor
   hanya menerbitkannya untuk rantai selektor desktop
   (.wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a),
   tidak pernah untuk .rt-mobile-menu. Karena itu dipatok di sini. */
body .rt-mobile-menu ul.rt-tree .sub-menu a,
body .rt-mobile-menu ul.rt-tree .sub-menu .sub-menu a,
body .rt-mobile-menu ul.rt-tree ul li a,
body .rt-mobile-menu ul.rt-tree ul > li ul li a {
    font-size: 14px !important;
    line-height: 24px !important;
}
/* === akhir menu mobile === */


/* === judul halaman Gutenberg di mobile === */
@media (max-width: 767px) {
    body .entry-content h2,
    body .entry-content h2.wp-block-heading {
        font-size: 30px !important;
        line-height: 40px !important;
    }
    body .entry-content h3,
    body .entry-content h3.wp-block-heading {
        font-size: 24px !important;
        line-height: 32px !important;
    }
}
/* === akhir judul Gutenberg === */


/* === halaman Associate (15187): grid kartu ala Core Team ===
   CSS ditulis sendiri, TIDAK memakai kelas .team.element-eight milik plugin
   Radiant: stylesheet-nya di-enqueue lewat hook elementor/frontend/... ,
   sedangkan halaman ini murni Gutenberg. Bergantung padanya = grid polos. */
body.page-id-15187 .dgd-team {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin: 34px 0 0;
}
body.page-id-15187 .dgd-team__item { margin: 0; padding: 0; }
body.page-id-15187 .dgd-team__link {
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
}
body.page-id-15187 .dgd-team__pic { display: block; position: relative; overflow: hidden; }
body.page-id-15187 .dgd-team__pic img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 20%;
  transform: scale(1.1);
  transition: .42s ease-out;
}
body.page-id-15187 .dgd-team__link:hover .dgd-team__pic img,
body.page-id-15187 .dgd-team__link:focus-visible .dgd-team__pic img {
  transform: translateX(5%) skewX(2deg);
  transition: .5s;
}
body.page-id-15187 .dgd-team__overlay {
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  text-align: center;
  background-color: #F1F1F1;
  opacity: 0;
  z-index: -1;
  transition: opacity .25s ease;
}
body.page-id-15187 .dgd-team__link:hover .dgd-team__overlay,
body.page-id-15187 .dgd-team__link:focus-visible .dgd-team__overlay { opacity: 1; z-index: 1; }
body.page-id-15187 .dgd-team__inner {
  transform: translate3d(-40px, 0, 0) skewX(-15deg);
  transition: transform 0s .3s;
}
body.page-id-15187 .dgd-team__link:hover .dgd-team__inner,
body.page-id-15187 .dgd-team__link:focus-visible .dgd-team__inner {
  transform: translate3d(0, 0, 0);
  transition: transform .4s cubic-bezier(.165, .84, .44, 1);
}
body.page-id-15187 .dgd-team__role {
  display: block;
  font-size: 15px;
  line-height: 1.5;
  margin: 0 0 8px;
  color: #000000;
}
body.page-id-15187 .dgd-team__name {
  display: block;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  margin: 0 0 14px;
  color: #000000;
}
body.page-id-15187 .dgd-team__cta {
  display: block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .5px;
  color: #000000;
}
@media (max-width: 991px) {
  body.page-id-15187 .dgd-team { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
  body.page-id-15187 .dgd-team { grid-template-columns: 1fr; }
}

/* Perangkat sentuh tidak punya hover, jadi overlay tak akan pernah muncul.
   Di sana nama & peran ditampilkan permanen di bawah foto - kalau tidak,
   halaman ini jadi deretan foto tanpa identitas di HP. */
@media (hover: none) {
  body.page-id-15187 .dgd-team__overlay {
    position: static;
    opacity: 1;
    z-index: auto;
    padding: 18px 16px;
  }
  body.page-id-15187 .dgd-team__inner { transform: none; transition: none; }
  body.page-id-15187 .dgd-team__pic img { transform: none; }
  body.page-id-15187 .dgd-team__cta { display: none; }
}
/* === akhir grid Associate === */


/* === tombol "Post Comment" di artikel jadi hijau brand ===
   Diverifikasi lewat computed style di browser sungguhan, bukan dari markup
   server - karena keduanya BERBEDA. Dua jebakan di sini:

   1. WordPress mengirim <input id="submit" class="submit">, tapi JavaScript
      tema menukarnya jadi <button type="submit"><span>..</span></button>
      TANPA id dan TANPA class. Selektor apa pun yang mengandalkan
      input#submit atau .submit tidak akan pernah kena di browser.
   2. Birunya dipasang dengan !important oleh
      `.comments-area .comment-form > p button[type="submit"]{background:#0067D9!important}`
      (kekhususan 0,3,2), jadi override tanpa !important pasti kalah.

   Selektor di bawah berkekhususan (2,3,4) + !important, dan varian <input>
   tetap disertakan untuk kondisi JavaScript tidak jalan. Warna teks disetel
   juga pada <span> karena labelnya dibungkus span. */
body #comments #respond form.comment-form p.form-submit button[type="submit"],
body #comments #respond form.comment-form p.form-submit input[type="submit"] {
  background: #1E7233 !important;
  background-color: #1E7233 !important;
  background-image: none !important;
  color: #FFFFFF !important;
}
body #comments #respond form.comment-form p.form-submit button[type="submit"] span {
  color: #FFFFFF !important;
}
body #comments #respond form.comment-form p.form-submit button[type="submit"]:hover,
body #comments #respond form.comment-form p.form-submit input[type="submit"]:hover {
  background: #175A28 !important;
  background-color: #175A28 !important;
  background-image: none !important;
  color: #FFFFFF !important;
}
/* === akhir tombol komentar === */


/* === warna teks: hitam menyeluruh === */
/* Jaring pengaman untuk teks isi.
   JANGAN menarget p/li/td dsb. secara langsung di sini. Elementor menyetel
   warna teks di PEMBUNGKUS widget (mis. .elementor-element-4f62a1d), lalu
   <p> di dalamnya MEWARISI warna itu. Selektor yang menarget <p> langsung -
   sekecil apa pun kekhususannya - selalu mengalahkan warisan, sehingga
   paragraf hero yang seharusnya putih ikut jadi hitam di atas foto gelap.
   Cukup setel di <body>: semua teks biasa mewarisi hitam, sementara widget
   yang punya warna sendiri tetap menang untuk anak-anaknya. */
body { color: #000000; }

/* Judul aman ditarget langsung: aturan judul Elementor memakai
   .elementor-heading-title dengan kekhususan (0,3,0), masih di atas ini. */
body h1, body h2, body h3, body h4, body h5, body h6 { color: #000000; }

/* Komponen tema yang menulis abu-abu secara eksplisit; di sini !important
   memang perlu karena aturan tema lebih khusus. */
body .blog .blog-item > .holder > .data ul.meta li,
body .blog .blog-item > .holder > .data ul.meta li a,
body .blog .blog-item > .holder > .data ul.meta li.date,
body .blog .blog-item > .holder > .data h3,
body .blog .blog-item > .holder > .data h3 a,
body .blog .blog-item > .holder > .data p,
body .blog .blog-item > .holder > .data .btn,
body .blog .blog-item > .holder > .more .btn,
body .hentry .entry-meta,
body .hentry .entry-meta a,
body .hentry.style-default .post-share li.rt-social-share,
body .post-tags a[rel="tag"],
body .widget-area > .widget,
body .widget-area > .widget ul li,
body .widget-area > .widget ul li a,
body .comments-area ol.comment-list li .comment-body .comment-meta .comment-metadata a
  { color: #000000 !important; }

/* READ MORE: garis panah + teksnya, diam maupun saat hover, ikut hitam.
   green-accent.css memaksa hijau dengan !important pada selektor
   `.blog.element-one .blog-item > .holder:hover .data .btn > .btn-arrow`
   = kekhususan (0,8,0). Menambah `body` saja tidak cukup: (0,7,1) masih
   kalah karena jumlah kelas dihitung lebih dulu. Karena itu `.blog` ditulis
   dua kali - sah secara CSS, menaikkan hitungan kelas jadi (0,8,1) - dan
   sekaligus berlaku untuk semua varian element-one/three/dst. */
body .blog.blog .blog-item > .holder > .data .btn > .btn-arrow,
body .blog.blog .blog-item > .holder > .more .btn > .btn-arrow,
body .blog.blog .blog-item > .holder:hover .data .btn > .btn-arrow,
body .blog.blog .blog-item > .holder:hover .more .btn > .btn-arrow
  { background-color: #000000 !important; }
body .blog.blog .blog-item > .holder:hover .data .btn,
body .blog.blog .blog-item > .holder:hover .more .btn,
body .blog.blog .blog-item > .holder:hover .data .btn > .rt-read-more,
body .blog.blog .blog-item > .holder:hover .more .btn > .rt-read-more
  { color: #000000 !important; }

/* Pengecualian: teks yang duduk di atas latar gelap WAJIB tetap putih.
   Ditaruh paling akhir supaya menang atas aturan hitam di atas. */

/* Hero beranda (section 141177b): judul + paragraf di atas foto bergelap. */
body .elementor-element-141177b .elementor-heading-title,
body .elementor-element-141177b .elementor-widget-text-editor,
body .elementor-element-141177b .elementor-widget-text-editor p,
body .elementor-element-141177b .elementor-widget-text-editor li { color: #FFFFFF; }

body .inner_banner_main .title,
body .inner_banner_main .sub-title,
body .inner_banner_breadcrumb #crumbs,
body .inner_banner_breadcrumb #crumbs a,
body .inner_banner_breadcrumb #crumbs span { color: #FFFFFF !important; }
/* === akhir warna teks === */

/* fasilitasi testimoni: carousel */
body.page-id-15188 .digdaya-testi{ width:100%; max-width:none; margin:22px 0 0; }
body.page-id-15188 .dt-stage{ display:flex; align-items:center; gap:12px; }
body.page-id-15188 .dt-viewport{ overflow:hidden; flex:1 1 auto; min-width:0; }
body.page-id-15188 .dt-track{ display:flex; transition:transform .4s ease; }
body.page-id-15188 .dt-slide{ flex:0 0 100%; box-sizing:border-box; padding:24px 24px; text-align:center; background:transparent; border:0; border-radius:0; display:flex; flex-direction:column; justify-content:center; }
body.page-id-15188 .dt-slide blockquote{ margin:0 0 14px !important; padding:0 !important; border:0 !important; border-left:0 !important; background:none !important; font-size:22px; font-style:italic; line-height:1.5; color:#000000; }
body.page-id-15188 .dt-slide figcaption{ font-size:17px; font-weight:700; color:#000000; }
body.page-id-15188 .dt-arrow{ flex:0 0 auto; width:44px; height:44px; border:none; background:transparent; color:#000000; font-size:34px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:opacity .2s; }
body.page-id-15188 .dt-arrow:hover{ opacity:.55; }
body.page-id-15188 .dt-dots{ display:flex; justify-content:center; gap:10px; margin-top:18px; }
body.page-id-15188 .dt-dot{ width:11px; height:11px; border-radius:50%; border:none; background:rgba(0,0,0,.25); cursor:pointer; padding:0; transition:background .2s, transform .2s; }
body.page-id-15188 .dt-dot.active{ background:#000000; transform:scale(1.2); }
@media(max-width:600px){ body.page-id-15188 .dt-arrow{ width:38px; height:38px; font-size:22px; } body.page-id-15188 .dt-slide{ padding:22px 20px; } body.page-id-15188 .dt-slide blockquote{ font-size:19px; } }


/* training testimoni: carousel */
body.page-id-15369 .digdaya-testi{ width:100%; max-width:none; margin:22px 0 0; }
body.page-id-15369 .dt-stage{ display:flex; align-items:center; gap:12px; }
body.page-id-15369 .dt-viewport{ overflow:hidden; flex:1 1 auto; min-width:0; }
body.page-id-15369 .dt-track{ display:flex; transition:transform .4s ease; }
body.page-id-15369 .dt-slide{ flex:0 0 100%; box-sizing:border-box; padding:24px 24px; text-align:center; background:transparent; border:0; border-radius:0; display:flex; flex-direction:column; justify-content:center; }
body.page-id-15369 .dt-slide blockquote{ margin:0 0 14px !important; padding:0 !important; border:0 !important; border-left:0 !important; background:none !important; font-size:22px; font-style:italic; line-height:1.5; color:#000000; }
body.page-id-15369 .dt-slide figcaption{ font-size:17px; font-weight:700; color:#000000; }
body.page-id-15369 .dt-arrow{ flex:0 0 auto; width:44px; height:44px; border:none; background:transparent; color:#000000; font-size:34px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:opacity .2s; }
body.page-id-15369 .dt-arrow:hover{ opacity:.55; }
body.page-id-15369 .dt-dots{ display:flex; justify-content:center; gap:10px; margin-top:18px; }
body.page-id-15369 .dt-dot{ width:11px; height:11px; border-radius:50%; border:none; background:rgba(0,0,0,.25); cursor:pointer; padding:0; transition:background .2s, transform .2s; }
body.page-id-15369 .dt-dot.active{ background:#000000; transform:scale(1.2); }
@media(max-width:600px){ body.page-id-15369 .dt-arrow{ width:38px; height:38px; font-size:28px; } body.page-id-15369 .dt-slide{ padding:20px 16px; } body.page-id-15369 .dt-slide blockquote{ font-size:19px; } }


/* mentoring testimoni: carousel */
body.page-id-15190 .digdaya-testi{ width:100%; max-width:none; margin:22px 0 0; }
body.page-id-15190 .dt-stage{ display:flex; align-items:center; gap:12px; }
body.page-id-15190 .dt-viewport{ overflow:hidden; flex:1 1 auto; min-width:0; }
body.page-id-15190 .dt-track{ display:flex; transition:transform .4s ease; }
body.page-id-15190 .dt-slide{ flex:0 0 100%; box-sizing:border-box; padding:24px 24px; text-align:center; background:transparent; border:0; border-radius:0; display:flex; flex-direction:column; justify-content:center; }
body.page-id-15190 .dt-slide blockquote{ margin:0 0 14px !important; padding:0 !important; border:0 !important; border-left:0 !important; background:none !important; font-size:22px; font-style:italic; line-height:1.5; color:#000000; }
body.page-id-15190 .dt-slide figcaption{ font-size:17px; font-weight:700; color:#000000; }
body.page-id-15190 .dt-arrow{ flex:0 0 auto; width:44px; height:44px; border:none; background:transparent; color:#000000; font-size:34px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:opacity .2s; }
body.page-id-15190 .dt-arrow:hover{ opacity:.55; }
body.page-id-15190 .dt-dots{ display:flex; justify-content:center; gap:10px; margin-top:18px; }
body.page-id-15190 .dt-dot{ width:11px; height:11px; border-radius:50%; border:none; background:rgba(0,0,0,.25); cursor:pointer; padding:0; transition:background .2s, transform .2s; }
body.page-id-15190 .dt-dot.active{ background:#000000; transform:scale(1.2); }
@media(max-width:600px){ body.page-id-15190 .dt-arrow{ width:38px; height:38px; font-size:22px; } body.page-id-15190 .dt-slide{ padding:22px 20px; } body.page-id-15190 .dt-slide blockquote{ font-size:19px; } }
/* Sarilani: kepala aman - crop selalu dari atas */
body.page-id-10950 .team.element-eight .team-item .holder .pic img[src*="Sarilani"]{ object-position: center top !important; }


/* homepage testimoni: carousel */
body.page-id-1472 .digdaya-testi{ width:100%; max-width:none; margin:0 auto; }
body.page-id-1472 .dt-stage{ display:flex; align-items:center; gap:12px; }
body.page-id-1472 .dt-viewport{ overflow:hidden; flex:1 1 auto; min-width:0; }
body.page-id-1472 .dt-track{ display:flex; transition:transform .4s ease; }
body.page-id-1472 .dt-slide{ flex:0 0 100%; box-sizing:border-box; padding:24px 24px; text-align:center; background:transparent; border:0; display:flex; flex-direction:column; justify-content:center; }
body.page-id-1472 .dt-slide blockquote{ margin:0 0 14px !important; padding:0 !important; border:0 !important; border-left:0 !important; background:none !important; font-size:22px; font-style:italic; line-height:1.5; color:#000000; }
body.page-id-1472 .dt-slide figcaption{ font-size:17px; font-weight:700; color:#000000; }
body.page-id-1472 .dt-arrow{ flex:0 0 auto; width:44px; height:44px; border:none; background:transparent; color:#000000; font-size:34px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:opacity .2s; }
body.page-id-1472 .dt-arrow:hover{ opacity:.55; }
body.page-id-1472 .dt-dots{ display:flex; justify-content:center; gap:10px; margin-top:22px; margin-bottom:16px; }
body.page-id-1472 .dt-dot{ width:11px; height:11px; border-radius:50%; border:none; background:rgba(0,0,0,.25); cursor:pointer; padding:0; transition:background .2s, transform .2s; }
body.page-id-1472 .dt-dot.active{ background:#000000; transform:scale(1.2); }
body.page-id-1472 .dt-avatar{ display:block; width:92px; height:92px; margin:0 auto 20px; border-radius:50%; overflow:hidden; background:#E4E6EB; border:3px solid #ffffff; box-shadow:0 4px 14px rgba(0,0,0,.12); flex:0 0 auto; }
body.page-id-1472 .dt-avatar img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:50%; margin:0; }
body.page-id-1472 .dt-avatar svg{ width:100%; height:100%; display:block; }
@media(max-width:600px){ body.page-id-1472 .dt-avatar{ width:76px; height:76px; margin-bottom:16px; } }
@media(max-width:600px){ body.page-id-1472 .dt-arrow{ width:38px; height:38px; font-size:28px; } body.page-id-1472 .dt-slide{ padding:20px 16px; } body.page-id-1472 .dt-slide blockquote{ font-size:19px; } }


/* homepage anti-flicker: stabilkan repaint di batas section (Chrome) */
body.page-id-1472 .elementor-element-secnews0,
body.page-id-1472 .elementor-element-sectesti0,
body.page-id-1472 .elementor-element-seccli00{ -webkit-backface-visibility:hidden; backface-visibility:hidden; transform:translateZ(0); will-change:transform; }
body.page-id-1472 .elementor-element-wnews001 .swiper,
body.page-id-1472 .elementor-element-wnews001 .swiper-wrapper{ -webkit-backface-visibility:hidden; backface-visibility:hidden; }

/* fasilitasi galeri: carousel (panah + dots, gaya testimoni) */
body.page-id-15188 .dtp{ margin-top:20px; }
body.page-id-15188 .dtp-stage{ display:flex; align-items:center; gap:12px; }
body.page-id-15188 .dtp-viewport{ overflow:hidden; flex:1 1 auto; min-width:0; }
body.page-id-15188 .wp-block-gallery.dtp-track{ display:flex !important; flex-wrap:nowrap !important; overflow:visible !important; gap:0 !important; margin:0 !important; transition:transform .4s ease; }
body.page-id-15188 .wp-block-gallery.dtp-track > figure.wp-block-image{ margin:0 !important; box-sizing:border-box !important; padding:0 7px !important; }
body.page-id-15188 .wp-block-gallery.dtp-track > figure.wp-block-image img{ width:100% !important; height:270px !important; object-fit:cover !important; display:block; border-radius:8px; }
body.page-id-15188 .dtp .dt-arrow{ flex:0 0 auto; width:52px; height:52px; border:none; background:transparent; color:#000000; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:opacity .2s, transform .2s; padding:0; }
body.page-id-15188 .dtp .dt-arrow svg{ width:30px; height:30px; }
body.page-id-15188 .dtp .dt-arrow:hover{ opacity:1; transform:scale(1.12); }
body.page-id-15188 .dtp .dt-dots{ display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:18px; }
body.page-id-15188 .dtp .dt-dot{ width:11px; height:11px; border-radius:50%; border:none; background:rgba(0,0,0,.25); cursor:pointer; padding:0; transition:background .2s, transform .2s; }
body.page-id-15188 .dtp .dt-dot.active{ background:#000000; transform:scale(1.2); }
@media(max-width:991px){ body.page-id-15188 .wp-block-gallery.dtp-track > figure.wp-block-image img{ height:230px !important; } }
@media(max-width:575px){ body.page-id-15188 .dtp .dt-arrow{ width:44px; height:44px; } body.page-id-15188 .wp-block-gallery.dtp-track > figure.wp-block-image img{ height:240px !important; } }


/* training galeri: carousel (panah + dots, gaya fasilitasi) */
body.page-id-15369 .dtp{ margin-top:20px; }
body.page-id-15369 .dtp-stage{ display:flex; align-items:center; gap:12px; }
body.page-id-15369 .dtp-viewport{ overflow:hidden; flex:1 1 auto; min-width:0; }
body.page-id-15369 .wp-block-gallery.dtp-track{ display:flex !important; flex-wrap:nowrap !important; overflow:visible !important; gap:0 !important; margin:0 !important; transition:transform .4s ease; }
body.page-id-15369 .wp-block-gallery.dtp-track > figure.wp-block-image{ margin:0 !important; box-sizing:border-box !important; padding:0 7px !important; }
body.page-id-15369 .wp-block-gallery.dtp-track > figure.wp-block-image img{ width:100% !important; height:270px !important; object-fit:cover !important; display:block; border-radius:8px; }
body.page-id-15369 .dtp .dt-arrow{ flex:0 0 auto; width:52px; height:52px; border:none; background:transparent; color:#000000; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:opacity .2s, transform .2s; padding:0; }
body.page-id-15369 .dtp .dt-arrow svg{ width:30px; height:30px; }
body.page-id-15369 .dtp .dt-arrow:hover{ opacity:1; transform:scale(1.12); }
body.page-id-15369 .dtp .dt-dots{ display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:18px; }
body.page-id-15369 .dtp .dt-dot{ width:11px; height:11px; border-radius:50%; border:none; background:rgba(0,0,0,.25); cursor:pointer; padding:0; transition:background .2s, transform .2s; }
body.page-id-15369 .dtp .dt-dot.active{ background:#000000; transform:scale(1.2); }
@media(max-width:991px){ body.page-id-15369 .wp-block-gallery.dtp-track > figure.wp-block-image img{ height:230px !important; } }
@media(max-width:575px){ body.page-id-15369 .dtp .dt-arrow{ width:44px; height:44px; } body.page-id-15369 .wp-block-gallery.dtp-track > figure.wp-block-image img{ height:240px !important; } }


/* coaching galeri: carousel (panah + dots) */
body.page-id-15189 .dtp{ margin-top:20px; }
body.page-id-15189 .dtp-stage{ display:flex; align-items:center; gap:12px; }
body.page-id-15189 .dtp-viewport{ overflow:hidden; flex:1 1 auto; min-width:0; }
body.page-id-15189 .wp-block-gallery.dtp-track{ display:flex !important; flex-wrap:nowrap !important; overflow:visible !important; gap:0 !important; margin:0 !important; transition:transform .4s ease; }
body.page-id-15189 .wp-block-gallery.dtp-track > figure.wp-block-image{ margin:0 !important; box-sizing:border-box !important; padding:0 7px !important; }
body.page-id-15189 .wp-block-gallery.dtp-track > figure.wp-block-image img{ width:100% !important; height:270px !important; object-fit:cover !important; display:block; border-radius:8px; }
body.page-id-15189 .dtp .dt-arrow{ flex:0 0 auto; width:52px; height:52px; border:none; background:transparent; color:#000000; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:opacity .2s, transform .2s; padding:0; }
body.page-id-15189 .dtp .dt-arrow svg{ width:30px; height:30px; }
body.page-id-15189 .dtp .dt-arrow:hover{ opacity:1; transform:scale(1.12); }
body.page-id-15189 .dtp .dt-dots{ display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:18px; }
body.page-id-15189 .dtp .dt-dot{ width:11px; height:11px; border-radius:50%; border:none; background:rgba(0,0,0,.25); cursor:pointer; padding:0; transition:background .2s, transform .2s; }
body.page-id-15189 .dtp .dt-dot.active{ background:#000000; transform:scale(1.2); }
@media(max-width:991px){ body.page-id-15189 .wp-block-gallery.dtp-track > figure.wp-block-image img{ height:230px !important; } }
@media(max-width:575px){ body.page-id-15189 .dtp .dt-arrow{ width:44px; height:44px; } body.page-id-15189 .wp-block-gallery.dtp-track > figure.wp-block-image img{ height:240px !important; } }


/* mentoring galeri: carousel (panah + dots) */
body.page-id-15190 .dtp{ margin-top:20px; }
body.page-id-15190 .dtp-stage{ display:flex; align-items:center; gap:12px; }
body.page-id-15190 .dtp-viewport{ overflow:hidden; flex:1 1 auto; min-width:0; }
body.page-id-15190 .wp-block-gallery.dtp-track{ display:flex !important; flex-wrap:nowrap !important; overflow:visible !important; gap:0 !important; margin:0 !important; transition:transform .4s ease; }
body.page-id-15190 .wp-block-gallery.dtp-track > figure.wp-block-image{ margin:0 !important; box-sizing:border-box !important; padding:0 7px !important; }
body.page-id-15190 .wp-block-gallery.dtp-track > figure.wp-block-image img{ width:100% !important; height:270px !important; object-fit:cover !important; display:block; border-radius:8px; }
body.page-id-15190 .dtp .dt-arrow{ flex:0 0 auto; width:52px; height:52px; border:none; background:transparent; color:#000000; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:opacity .2s, transform .2s; padding:0; }
body.page-id-15190 .dtp .dt-arrow svg{ width:30px; height:30px; }
body.page-id-15190 .dtp .dt-arrow:hover{ opacity:1; transform:scale(1.12); }
body.page-id-15190 .dtp .dt-dots{ display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:18px; }
body.page-id-15190 .dtp .dt-dot{ width:11px; height:11px; border-radius:50%; border:none; background:rgba(0,0,0,.25); cursor:pointer; padding:0; transition:background .2s, transform .2s; }
body.page-id-15190 .dtp .dt-dot.active{ background:#000000; transform:scale(1.2); }
@media(max-width:991px){ body.page-id-15190 .wp-block-gallery.dtp-track > figure.wp-block-image img{ height:230px !important; } }
@media(max-width:575px){ body.page-id-15190 .dtp .dt-arrow{ width:44px; height:44px; } body.page-id-15190 .wp-block-gallery.dtp-track > figure.wp-block-image img{ height:240px !important; } }


/* hero photo credit */
body.page-id-1472 .elementor-element-141177b{ position:relative; }
body.page-id-1472 .elementor-element-141177b::after{ content:"Janis Argeswara\A Country Manager at Marine Megafauna Foundation"; white-space:pre; position:absolute; right:18px; bottom:14px; z-index:5; color:rgba(255,255,255,.82); font-size:14px; line-height:1.35; text-align:right; text-shadow:0 1px 3px rgba(0,0,0,.65); pointer-events:none; font-weight:400; letter-spacing:.2px; }
@media(max-width:600px){ body.page-id-1472 .elementor-element-141177b::after{ font-size:12px; right:12px; bottom:10px; } }


/* galeri dokumentasi layanan: foto diperbesar 1,5x (desktop 3 per tampilan, tablet 2) */
@media(min-width:992px){
body.page-id-15188 .dtp,
body.page-id-15369 .dtp,
body.page-id-15189 .dtp,
body.page-id-15190 .dtp{ width:min(1250px, calc(100vw - 50px)); max-width:none; margin-left:calc(50% - min(625px, calc((100vw - 50px) / 2))); }
body.page-id-15188 .wp-block-gallery.dtp-track > figure.wp-block-image img,
body.page-id-15369 .wp-block-gallery.dtp-track > figure.wp-block-image img,
body.page-id-15189 .wp-block-gallery.dtp-track > figure.wp-block-image img,
body.page-id-15190 .wp-block-gallery.dtp-track > figure.wp-block-image img{ height:auto !important; aspect-ratio:8 / 9; }
}
@media(min-width:576px) and (max-width:991px){
body.page-id-15188 .wp-block-gallery.dtp-track > figure.wp-block-image img,
body.page-id-15369 .wp-block-gallery.dtp-track > figure.wp-block-image img,
body.page-id-15189 .wp-block-gallery.dtp-track > figure.wp-block-image img,
body.page-id-15190 .wp-block-gallery.dtp-track > figure.wp-block-image img{ height:345px !important; }
}