/* =======================================
   FORCE TITILLIUM — HANYA UNTUK PAGE ID
   ======================================= */

body.page-id-6097,
body.page-id-6097 * {
  font-family: 'Titillium Web', sans-serif !important;
}

/* 2. Override MoreNews special fonts */

body.page-id-6097 h1,
body.page-id-6097 h2,
body.page-id-6097 h3,
body.page-id-6097 h4,
body.page-id-6097 h5,
body.page-id-6097 h6,
body.page-id-6097 .site-title,
body.page-id-6097 .entry-title,
body.page-id-6097 .main-navigation a,
body.page-id-6097 .nav-menu a,
body.page-id-6097 .widget,
body.page-id-6097 .widget * {
  font-family: 'Titillium Web', sans-serif !important;
}

/* ==========================================================
   FINAL: HILANGKAN GAP UNTUK ROW BANNER HIPMI
   Target: panel-row-style-for-6097-0 
   ========================================================== */

/* Hapus padding default row */

.panel-row-style-for-6097-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Hapus margin default wrapper row */

.panel-row-style-for-6097-0.panel-row-style {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Hapus  kosong yang disuntik widget */

#panel-6097-0-0-0 p:first-child {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}

/* Reset cell yang memuat banner */

#pgc-6097-0-0 {
  margin: 0 !important;
  padding: 0 !important;
}

/* Banner itu sendiri */

#pgc-6097-0-0 .hipmi-banner {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ==============================
   HIPMI Hero + Banner Stable
   ============================== */

.hipmi-banner {
  position: relative;
  font-family: 'Titillium Web', sans-serif;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* IMAGE */

.hipmi-banner-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  z-index: 0;
}

/* OVERLAY GELAP */

.hipmi-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.50);
  z-index: 1;
}

/* GRADIENT FADE BAWAH */

.hipmi-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,1.00) 100%
    );
  z-index: 2;
}

/* TEXT */

.hipmi-banner-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  z-index: 3;
  width: 100%;
  padding: 0 10%;
}