/* --- CUSTOM THEME: KRESNA --- */
/* Base Template: kresna.css */
/* Auto-Sync: ON */

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@media (min-width: 992px) {
  .pkp_navigation_primary_row {
    border-top: 2px solid #b3b3b3 !important;
    background: #fff !important;
    padding-left: 2.143rem !important;
    padding-right: 2.143rem !important;
  }

  body {
    height: 100% !important;
    background-image: url(https://i.imgur.com/uaryaKU.jpg) !important;
  }

  .pkp_site_name {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .pkp_site_name>a {
    padding-top: 0;
    padding-bottom: 0;
  }

  .pkp_site_name .is_img img {
    max-height: 100% !important;
    margin-top: 0px !important;
  }

  .pkp_site_nav_menu {
    position: relative;
    top: 0;
    margin-top: 0px;
    padding: 0;
  }

  .pkp_site_name_wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .pkp_navigation_user_wrapper {
    top: 0;
    right: 0;
    padding-right: 30px;
  }

  .pkp_structure_page {
    margin-top: 20px !important;
    margin-bottom: 20 !important;
    padding-bottom: 20 !important;
  }

  .pkp_site_name .is_img img {
    width: 1254px !important;
  }
}

@media (min-width: 1200px) {
  .pkp_structure_page {
    margin-top: 0 !important;
    position: relative;
    top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.pkp_block {
  overflow: hidden;
  border-radius: 2px !important;
  background: #fff !important;
  box-shadow: 0 0 0 1px #dfdfdf;
  padding: 0 !important;
  margin: 10px 10px 22px !important;
}

.pkp_block .content {
  padding: 10px 20px;
}

.pkp_block a {
  text-decoration: none !important;
  color: #8B0000 !important;
}

.pkp_block a:hover {
  color: #4B0082 !important;
}

.pkp_block .title {
  text-align: center;
  border-radius: 0 !important;
  padding: 10px 9px !important;
  background: #8B0000 !important;
  display: block !important;
  margin-bottom: 0.714rem !important;
  margin-top: 0 !important;
  font-family: Lato, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.43rem !important;
  color: #fff !important;
}

.pkp_block table {
  width: 100% !important;
}

.pkp_site_name {
  margin-top: -6px !important;
  margin-bottom: -5px !important;
}

@media screen and (max-width: 720px) {
  .pkp_site_name .is_img img {
    display: inline-block !important;
    margin-top: 6px !important;
    margin-bottom: 0 !important;
    bottom: 0.357rem !important;
    padding: 0 !important;
  }

  .pkp_structure_main {
    width: 100%;
    text-align: justify;
  }
}

.side-menu_hover_effect {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}

.side-menu_hover_effect:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #4B0082;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 2.3s;
  transition-duration: 2.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.side-menu_hover_effect:active:before,
.side-menu_hover_effect:focus:before,
.side-menu_hover_effect:hover:before {
  right: 0;
}

.pkp_structure_main {
  text-align: justify;
}

.pkp_brand_footer {
  padding: 2.143rem;
  display: none;
}

.galley_info {
  /* margin-top: 13px; */
  /* margin-left: 5px; */
  font-size: 12px;
}
/* =========================================
   PERBAIKAN MENU MOBILE & HAMBURGER (TEMA KRESNA)
   ========================================= */
@media (max-width: 991px) {
  /* 1. Memastikan area menu membentang rapi di bawah header */
  .pkp_navigation_primary_wrapper,
  .pkp_navigation_user_wrapper {
    background-color: #ffffff !important; /* Latar menu putih bersih */
    width: 100% !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    z-index: 9999 !important; /* Mencegah menu tertutup konten jurnal */
  }

  /* 2. Memunculkan teks menu dengan warna tema Kresna (Merah Gelap) */
  .pkp_navigation_primary_wrapper a,
  .pkp_navigation_user_wrapper a {
    color: #8B0000 !important; 
    display: block !important;
    padding: 12px 20px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    text-align: left !important;
    font-weight: bold !important;
    text-decoration: none !important;
  }

  /* 3. Efek elegan saat menu disentuh/disorot */
  .pkp_navigation_primary_wrapper a:hover,
  .pkp_navigation_user_wrapper a:hover {
    background-color: #fcfcfc !important;
    color: #4B0082 !important; /* Berubah jadi warna ungu khas Kresna */
  }

  /* 4. Menormalkan susunan list agar tidak gepeng bertumpuk */
  .pkp_navigation_primary_wrapper ul,
  .pkp_navigation_user_wrapper ul {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .pkp_navigation_primary_wrapper li,
  .pkp_navigation_user_wrapper li {
    display: block !important;
  }

  /* 5. Memastikan ikon garis hamburger terlihat jelas */
  button.pkp_site_nav_toggle {
    color: #8B0000 !important; /* Warna ikon disamakan dengan warna link */
    background: transparent !important;
  }
}
/* =========================================
   MENYEMBUNYIKAN TEKS JUDUL DI SEBELAH LOGO
   ========================================= */
.pkp_site_name > a.is_img span {
    display: none !important;
}
/* =========================================
   MENYEMBUNYIKAN TUMPAHAN TEKS KE KANAN
   ========================================= */
/* Memaksa kontainer induk banner memotong konten yang keluar dari batas */
.pkp_structure_head {
    overflow: hidden !important;
}