/* —————————————————————
   1. Wrapper & Background
   ————————————————————— */
body {
  background-image: url(https://hukum.upnvj.ac.id/wp-content/uploads/2025/07/BG-FLJ.jpg); 
    background-repeat: repeat;
  background-size: 40%;
}

.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: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  padding: 1rem !important;
  margin-bottom: 1.5rem !important;
}
.sidebar .heading, .pkp_block h2 {
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  border-bottom: 2px solid #0056b3 !important;
  padding-bottom: 0.4rem !important;
  margin-bottom: 0.8rem !important;
}
.sidebar a, .pkp_block a {
  color: #333 !important;
  text-decoration: none !important;
  display: block !important;
  margin: 0.4rem 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 merah untuk judul semua block */
.pkp_block .heading,
.sidebar .heading,
.pkp_block h2 {
  background-color: #FF5757 !important;
  color: #ffffff !important;
  padding: 0.6rem 1rem !important;
  border: none !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;
}
.sidemenu.full li {
  margin: 0;
  padding: 0;
}

/* Buat link menutupi penuh dan rapat */
.sidemenu.full li.show a {
  display: block;                 /* penuh selebar container */
  width: 100%;
  background-color: #FF5757;
  color: #ffffff !important;      /* paksa putih */
  padding: 1rem 1rem;             /* vertikal besar */
  margin: 0;                      /* tanpa jarak */
  border-radius: 4px;
  text-decoration: none;
  font-weight: normal;
  transition: background-color 0.3s ease, transform 0.1s ease;
}

/* Hover jadi biru primary Bootstrap */
.sidemenu.full li.show a:hover {
  background-color: #0d6efd;
  transform: translateY(-1px);
}

/* Active/focus state */
.sidemenu.full li.show a:active,
.sidemenu.full li.show a:focus {
  outline: none;
  background-color: #0b5ed7;
  transform: translateY(0);
}


.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 {
  text-align: center;
  padding: 10px;
  color: white;
}


.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;
}


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

.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;
}

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