/* —————————————————————
   1. Wrapper & Background
   ————————————————————— */
body {
  background-image: url(https://hukum.upnvj.ac.id/wp-content/uploads/2026/01/WhatsApp-Image-2026-01-23-at-09.42.32.jpeg); 
    background-repeat: repeat;
  background-size: 80%;
}

.pkp_structure_content {
  background-color: white;  
}


#siteContent .page {
  max-width: 1140px;
  margin: 0 auto;
  background: #ffffff;
  padding: 0 15px 2rem;
}

/* —————————————————————
   2. Header & Nav Utama
   ————————————————————— */
.page_header, #navigation, nav.pkp_navigation {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e0e0e0 !important;
}
nav.pkp_navigation {
  display: flex !important;
  justify-content: center !important;
  gap: 2rem !important;
}
nav.pkp_navigation a {
  color: #0056b3 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 0.5rem 0.75rem !important;
}
nav.pkp_navigation a:hover {
  background-color: #f1f1f1 !important;
  border-radius: 4px !important;
}

/* —————————————————————
   3. Judul & Current Issue
   ————————————————————— */
h1.page_title {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  margin: 1.5rem 0 0.75rem !important;
  color: #333 !important;
}
.current_issue .heading .title {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: #0056b3 !important;
  margin-bottom: 1rem !important;
}

/* —————————————————————
   4. Kartu Artikel (Current Issue)
   ————————————————————— */
.current_issue .obj_article_summary {
  background: #ffffff;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  padding: 1rem !important;
  margin-bottom: 1rem !important;
  border-radius: 10px;
  box-shadow: 2px 2px 4px #c1c1c1;
}
.current_issue .obj_article_summary:last-child {
  margin-bottom: 0 !important;
}
.current_issue .title a {
  color: #333 !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.current_issue .title a:hover {
  color: #0056b3 !important;
}
.current_issue .item_footer a.pdf {
  display: inline-block !important;
  background: #0056b3 !important;
  color: #fff !important;
  padding: 0.4rem 0.8rem !important;
  border-radius: 4px !important;
  font-size: 0.9rem !important;
  text-decoration: none !important;
}
.current_issue .item_footer a.pdf:hover {
  background: #004494 !important;
}

/* —————————————————————
   5. Sidebar & Additional Menu
   ————————————————————— */
.sidebar, .pkp_block {
  background-color: #ffffff !important;
  border-radius: 8px !important;
}
.sidebar a, .pkp_block a {
  color: #333 !important;
  text-decoration: none !important;
  display: block !important;
  margin: 0.1rem 0 !important;
}
.sidebar a:hover, .pkp_block a:hover {
  color: #0056b3 !important;
}

/* —————————————————————
   6. Footer Global
   ————————————————————— */
.page_footer, #footer {
  background-color: #ffffff !important;
  border-top: 1px solid #e0e0e0 !important;
  padding: 1.5rem 0 !important;
  color: #777 !important;
  text-align: center !important;
  font-size: 0.9rem !important;
}
.page_footer a, #footer a {
  color: #0056b3 !important;
  text-decoration: none !important;
}
.page_footer a:hover, #footer a:hover {
  text-decoration: underline !important;
}

/* —————————————————————
   7. Responsif
   ————————————————————— */
@media (max-width: 768px) {
  nav.pkp_navigation {
    flex-direction: column !important;
    gap: 1rem !important;
  }
}



/* 1. Background GRADASI untuk judul semua block */
.pkp_block .heading,
.sidebar .heading,
.pkp_block h2 {
  background: linear-gradient(135deg, #cc2222 0%, #FF5757 50%, #ff7070 100%) !important;
  color: #ffffff !important;
  padding: 0.6rem 1rem !important;
  border: none !important;
  border-left: 4px solid #ffb347 !important;
  border-radius: 4px !important;
  margin-bottom: 1rem !important;
}

/* Reset margin/padding pada ul dan li */
.sidemenu.full {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
  border-radius: 4px;
}
.sidemenu.full li {
  margin: 0;
  padding: 0;
}

/* Buat link menutupi penuh dan rapat - GRADASI */
.sidemenu.full li.show a {
  display: block;
  width: 100%;
  background: linear-gradient(90deg, #cc2222 0%, #FF5757 55%, #e04040 100%);
  border-left: 3px solid #ffb347;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  color: #ffffff !important;
  padding: 0.75rem 1rem;
  margin: 0;
  border-radius: 0;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.2px;
  transition: all 0.2s ease;
}

/* Ikon panah kuning tiap menu */
.sidemenu.full li.show a::before {
  content: "› ";
  color: #ffb347;
  font-size: 16px;
  font-weight: bold;
  transition: all 0.2s ease;
}

/* Hover GRADASI biru */
.sidemenu.full li.show a:hover {
  background: linear-gradient(90deg, #0044bb 0%, #0d6efd 60%, #3385ff 100%);
  border-left: 3px solid #ffffff;
  transform: none;
  padding-left: 1.25rem;
  text-decoration: none;
}

.sidemenu.full li.show a:hover::before {
  color: #ffffff;
}

/* Active/focus state */
.sidemenu.full li.show a:active,
.sidemenu.full li.show a:focus {
  outline: none;
  background: linear-gradient(90deg, #003eaa 0%, #0b5ed7 100%);
  transform: none;
}


.pkp_block { /* JARAK KOTAKAN ANTARA BLOCK SIDEBAR */
    padding: 10px;
    padding-top: 0;
    
}

.pkp_structure_page {
  margin-top: 0px;
  margin-bottom: 0px;
  
  /* margin: auto;
  border-right: 1px solid gray;
  border-left: 1px solid gray;  */
}  

body > div > div.pkp_structure_footer_wrapper > div > div.pkp_brand_footer > a > img { /* HILANGKAN LOGO FOOTER */
  display: none;
}

#headerNavigationContainer { /* NGEPASIN BELAKANG HEADER SAMAIN KE HEADER*/
    width: 1160px;
    margin: auto;
}

body > div > div.pkp_structure_footer_wrapper { /* NGEPASIN BELAKANG FOOTER*/
    width: 1160px;
    margin: auto;
}


.obj_article_details .abstract { /* RATA KANAN KIRI PADA ABSTRAK SETIAP ARTIKEL */
  text-align: justify;
}


.pkp_block .title { /* TITLE BLOCK SIDEBAR - GRADASI */
  text-align: center;
  padding: 10px;
  background: linear-gradient(135deg, #cc2222 0%, #FF5757 50%, #ff7070 100%);
  color: white;
  border-bottom: 2px solid #ffb347;
}


.pkp_site_name .is_img img { /* gambar di header sesuai ukuran */
display : inline-block;
max-height : 1650px;
max-width: 100%;
width: auto;
height: auto;
margin-top: -34px;

}


#headerNavigationContainer { /* NGEPASIN BELAKANG HEADER SAMAIN KE HEADER*/
    width: 1160px;
    margin: auto;
}

#navigationPrimary { /* NAVBAR JARAK */
    padding: 10px;
    margin-left: 10px;
}

#navigationUser { /* NAVBAR USER */
margin-right: 50px;
margin-top: 10px;
}



.pkp_block .content ul li { /* JARAK ATAS BAWAH ANTAR MENU SATU SAMA LAIN PADA SIDEBAR BLOCK MENU  */
  padding: 0;
}

.pkp_page_index .homepage_about h2 {
  display: none;
}


.pkp_navigation_primary>li>a {
  color: white;
}

.pkp_navigation_primary>li>a:hover {
  color: blue;
}

.pkp_navigation_search_wrapper a {
  color: white;
}

.pkp_navigation_search_wrapper a:hover {
  color: white;
}




.obj_article_summary>.title a:hover {
  color: #F29D3B;
}

.obj_article_summary:hover {
  background-color: #E2F6F7;
}

.cmp_button_wire, .obj_galley_link { /* warna button pdf di home */
  background-color: #FF5757;
  color: white;
}

.cmp_button_wire, .obj_galley_link:hover { /* warna button pdf di home ketika pointer mengarah*/
  background-color: #0d6efd;
  color: white;
}