.elementor-kit-207921{--e-global-color-primary:#12222E;--e-global-color-secondary:#4A5C66;--e-global-color-text:#4A5C66;--e-global-color-accent:#0069B4;--e-global-color-6db461d:#063A5E;--e-global-color-45b0edf:#29ABE2;--e-global-color-891d238:#E3F2FC;--e-global-color-446b8b0:#FFB020;--e-global-color-712d120:#8C5B45;--e-global-color-a52f9e7:#EFF8FF;--e-global-color-36bc8db:#D6ECFB;--e-global-typography-primary-font-family:"Fraunces";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Fraunces";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Arial";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Arial";--e-global-typography-accent-font-weight:500;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-207921 button,.elementor-kit-207921 input[type="button"],.elementor-kit-207921 input[type="submit"],.elementor-kit-207921 .elementor-button{background-color:var( --e-global-color-446b8b0 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-primary );border-style:none;border-radius:8px 8px 8px 8px;padding:9px 18px 9px 18px;}.elementor-kit-207921 button:hover,.elementor-kit-207921 button:focus,.elementor-kit-207921 input[type="button"]:hover,.elementor-kit-207921 input[type="button"]:focus,.elementor-kit-207921 input[type="submit"]:hover,.elementor-kit-207921 input[type="submit"]:focus,.elementor-kit-207921 .elementor-button:hover,.elementor-kit-207921 .elementor-button:focus{background-color:var( --e-global-color-446b8b0 );color:var( --e-global-color-primary );border-style:none;}.elementor-kit-207921 e-page-transition{background-color:#FFBC7D;}.elementor-kit-207921 a{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-kit-207921 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-207921 h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-207921 h3{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-207921 h4{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-207921 h5{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-207921 h6{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Link teks di dalam paragraf: bold, biru, underline emas */
.elementor-widget-text-editor p a,
.elementor-widget-html p a,
a.lbt-link {
  color: #0069B4;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: #FFB020;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  transition: color .2s ease, text-decoration-thickness .2s ease;
}
.elementor-widget-text-editor p a:hover,
.elementor-widget-html p a:hover,
a.lbt-link:hover {
  color: #063A5E;
  text-decoration-thickness: 3px;
}
/* Fokus keyboard */
.elementor-widget-text-editor p a:focus-visible,
.elementor-widget-html p a:focus-visible,
a.lbt-link:focus-visible {
  outline: 2px solid #29ABE2;
  outline-offset: 3px;
  border-radius: 2px;
}
/* Pengecualian: tombol & kartu yang berupa <a> tidak ikut */
.elementor-widget-html p a.lbt-btn,
.elementor-widget-html a[class*="card"] {
  text-decoration: none;
}

/* ==========================================================
   CUSTOM CSS: Breadcrumbs Yoast (widget Breadcrumbs Elementor)
   Target: widget dengan class "ranggabreadcumbs"
   Tempel di: Elementor > Site Settings > Custom CSS (berlaku di semua halaman)
   Gaya: ikon rumah, link biru laut, pemisah panah (chevron), halaman aktif tebal.
   Font ikut Global Style (tidak di-set di sini).
   ========================================================== */

.ranggabreadcumbs{
  --rb-ocean:#0069B4;
  --rb-ocean-dark:#063A5E;
  --rb-gold:#FFB020;
  --rb-ink:#12222E;
  --rb-sep:#8AA3B3;
}

.ranggabreadcumbs #breadcrumbs{
  display:block;
  font-size:14px;
  line-height:1.7;
  color:var(--rb-ink);
}

/* Link */
.ranggabreadcumbs #breadcrumbs a{
  color:var(--rb-ocean);
  font-weight:600;
  text-decoration:none;
  text-underline-offset:5px;
  text-decoration-thickness:2px;
  text-decoration-color:transparent;
  transition:color .2s ease,text-decoration-color .2s ease;
}
.ranggabreadcumbs #breadcrumbs a:hover{
  color:var(--rb-ocean-dark);
  text-decoration-line:underline;
  text-decoration-color:var(--rb-gold);
}
.ranggabreadcumbs #breadcrumbs a:focus-visible{
  outline:2px solid var(--rb-ocean);
  outline-offset:3px;
  border-radius:3px;
}

/* Halaman saat ini: gelap, tebal, bukan link */
.ranggabreadcumbs #breadcrumbs .breadcrumb_last,
.ranggabreadcumbs #breadcrumbs .breadcrumb_last strong{
  color:var(--rb-ink);
  font-weight:700;
}

/* Ikon rumah di depan item pertama ("Home") */
.ranggabreadcumbs #breadcrumbs > span > span:first-child > a::before{
  content:"";
  display:inline-block;
  width:15px;
  height:15px;
  margin-right:6px;
  vertical-align:-2px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8'/%3E%3Cpath d='M5 10v10h5v-6h4v6h5V10'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8'/%3E%3Cpath d='M5 10v10h5v-6h4v6h5V10'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Pemisah: tanda "»" bawaan Yoast diganti panah chevron halus.
   Hanya aktif di browser yang mendukung :has (semua browser modern);
   di browser lama tanda "»" bawaan tetap tampil, tidak rusak. */
@supports .elementor-kit-207921(:has(a)){
  .ranggabreadcumbs #breadcrumbs{font-size:0;}              /* sembunyikan teks "»" */
  .ranggabreadcumbs #breadcrumbs a,
  .ranggabreadcumbs #breadcrumbs .breadcrumb_last,
  .ranggabreadcumbs #breadcrumbs .breadcrumb_last strong{font-size:14px;}

  .ranggabreadcumbs #breadcrumbs span:has(> a):not(:only-child)::after{
    content:"";
    display:inline-block;
    width:12px;
    height:12px;
    margin:0 10px;
    vertical-align:-1px;
    background:var(--rb-sep);
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;
  }
}

/* Tablet ke atas */
@media(min-width:768px){
  @supports not .elementor-kit-207921(:has(a)){
    .ranggabreadcumbs #breadcrumbs{font-size:15px;}
  }
  @supports .elementor-kit-207921(:has(a)){
    .ranggabreadcumbs #breadcrumbs a,
    .ranggabreadcumbs #breadcrumbs .breadcrumb_last,
    .ranggabreadcumbs #breadcrumbs .breadcrumb_last strong{font-size:15px;}
  }
}/* End custom CSS */