.journals ul .body .description a {display: inline;}
#headerNavigationContainer{
/*background:#066993 url(https://preview.ibb.co/iZocpq/transparent-pattern-modern-1.png) repeat;
*/max-height: 200% !important; /*mengganti warna menu (#31A9E1) dan gambar header */
}
.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: 200px !important;}*/
.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;}

/*menu css*/
*, *:before, *:after {
  -webkit-border-sizing: border-box;
  -moz-border-sizing: border-box;
  border-sizing: border-box;
}

.container > ul {
  list-style: none;
}

body {
  font-family: tahoma,geneva,sans-serif;
}
.obj_article_details .abstract {
    text-align: justify;
}
.pkp_footer_content {
  float: left;
  width: 50%;  padding-top: 10px;
  padding-bottom:10px;
}
.pkp_site_name_wrapper a.is_img img {
    max-height: none;
}

.pkp_brand_footer {
  float: right;
  width: 30%;
  padding-bottom:10px;
  padding-top: 50px;
}
.pkp_structure_footer_wrapper {
	background: #e8ebef;
	border-bottom:@double solid; 
	border-bottom-color:#201e1f;
}


/* === ROOT BRAND COLORS === */
:root {
  --navy: #0b1f3a;
  --navy-soft: #132b4f;
  --turquoise: #1fb6c9;
  --turquoise-soft: #2fd3e2;
  --gold: #f5a623;
  --white: #ffffff;
  --text-light: #cfd8e3;
}


/* === SIDEBAR CONTAINER === */
#rightSidebar {
  font-family: 'Segoe UI', Tahoma, sans-serif;
}

/* === BLOCK WRAPPER === */
#customblock-Menu {
  background: var(--navy);
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
}

/* === MENU CONTAINER === */
.vertical-menu {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* === HEADER MENU === */
.vertical-menu a.active {
  background: linear-gradient(90deg, var(--turquoise), var(--navy-soft));
  color: var(--white);
  font-weight: bold;
  letter-spacing: 1px;
  border-left: 4px solid var(--gold);
  padding: 12px 14px;
  border-radius: 8px;
  text-transform: uppercase;
}

/* === MENU ITEMS === */
.vertical-menu a {
  color: var(--text-light);
  text-decoration: none;
  padding: 10px 14px;
  border-radius: 8px;
  transition: all 0.3s ease;
  position: relative;
  font-size: 14px;
}

/* === HOVER EFFECT === */
.vertical-menu a:hover {
  background: rgba(31, 182, 201, 0.15);
  color: var(--white);
  transform: translateX(4px);
}

/* === ACTIVE LINK (OPTIONAL CLASS) === */
.vertical-menu a.current {
  background: rgba(31, 182, 201, 0.25);
  color: var(--white);
  border-left: 3px solid var(--gold);
}

/* === ACCENT DOT === */
.vertical-menu a::before {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--turquoise);
  border-radius: 50%;
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: 0.3s;
}

.vertical-menu a:hover::before {
  opacity: 1;
}

/* === SEPARATOR (OPTIONAL) === */
.vertical-menu a:not(:last-child) {
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* === SCROLL (IF MENU LONG) === */
.vertical-menu {
  max-height: 600px;
  overflow-y: auto;
}

/* === SCROLLBAR STYLE === */
.vertical-menu::-webkit-scrollbar {
  width: 6px;
}

.vertical-menu::-webkit-scrollbar-thumb {
  background: var(--turquoise);
  border-radius: 10px;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  #customblock-Menu {
    padding: 10px;
  }

  .vertical-menu a {
    font-size: 13px;
    padding: 9px 12px;
  }
}


/* === NAVBAR CONTAINER === */
.pkp_navigation_primary_row {
  background: var(--navy);
  border-bottom: 2px solid rgba(255,255,255,0.05);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.pkp_navigation_primary_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: auto;
  padding: 10px 20px;
}

/* === MAIN MENU === */
.pkp_navigation_primary {
  color: var(--text-light);
  display: flex;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* === MENU ITEM === */
.pkp_navigation_primary > li > a {
  color: var(--text-light);
  text-decoration: none;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 14px;
  transition: all 0.25s ease;
  position: relative;
}

/* === HOVER === */
.pkp_navigation_primary > li > a:hover {
  color: var(--white);
  background: rgba(31, 182, 201, 0.15);
}

/* === ACTIVE MENU (OPTIONAL CLASS) === */
.pkp_navigation_primary > li.active > a {
  color: var(--white);
  background: rgba(31, 182, 201, 0.25);
}

/* === UNDERLINE EFFECT === */
.pkp_navigation_primary > li > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 4px;
  width: 0;
  height: 2px;
  background: var(--gold);
  transition: 0.3s ease;
  transform: translateX(-50%);
}

.pkp_navigation_primary > li > a:hover::after {
  width: 60%;
}

#navigationPrimary>li>a {
    color: var(--text-light);
}

/* === DROPDOWN === */
.dropdown-menu {
  background: var(--navy-soft);
  border: none;
  border-radius: 10px;
  padding: 8px 0;
  margin-top: 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

/* === DROPDOWN ITEM === */
.dropdown-menu li a {
  display: block;
  padding: 10px 16px;
  color: var(--text-light);
  text-decoration: none;
  font-size: 14px;
  transition: all 0.25s ease;
}

/* === DROPDOWN HOVER === */
.dropdown-menu li a:hover {
  background: rgba(31, 182, 201, 0.15);
  color: var(--white);
  padding-left: 20px;
}

/* === SEARCH BUTTON === */
.pkp_navigation_search_wrapper a {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--text-light);
  text-decoration: none;
  padding: 8px 14px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.1);
  transition: all 0.3s ease;
}

/* === SEARCH HOVER === */
.pkp_navigation_search_wrapper a:hover {
  background: var(--turquoise);
  color: var(--navy);
  border-color: var(--turquoise);
}

/* === ICON === */
.pkp_navigation_search_wrapper .fa-search {
  font-size: 13px;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  .pkp_navigation_primary_wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .pkp_navigation_primary {
    flex-wrap: wrap;
  }

  .pkp_navigation_primary > li > a {
    font-size: 13px;
    padding: 6px 10px;
  }
}