.journals ul .body .description a {display: inline;}
/*.pkp_structure_footer .pkp_footer_content {background: #1779b7; padding: 15px !important;}
.pkp_structure_footer .pkp_footer_content p {margin: 0}
.pkp_structure_footer .pkp_brand_footer {background: #1779b7; height: auto !important; padding: 15px;}
.pkp_structure_footer .pkp_brand_footer img {width: 48px !important; height: auto;}
.pkp_structure_footer .pkp_footer_content a {color: #000000}
*/
#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 */
}
/*List Arikel Background*/
.obj_issue_toc .articles > li {
	margin-bottom: 20px;
	border-bottom: solid darkseagreen;
/*	background-color: #4cbf89 !important;*/	
	background: transparent url("") repeat scroll 0% 0% !important;
	padding: 1rem;
	border-radius: 0rem 0rem 2rem 0rem;
	/*border-radius: 2rem 2rem 2rem 2rem;*/
	box-shadow: .2rem .2rem .1rem #1e6292;
}
.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;
}


.dropdown {
  position: relative;
}
.dropdown a {
  text-decoration: none;
}
.dropdown [data-toggle="dropdown"] {
  display: block;
  color: white;
  background: #4682B4;
  -moz-box-shadow: 0 1px 0 #1F3A93 inset, 0 -1px 0 #1F3A93 inset;
  -webkit-box-shadow: 0 1px 0 #1F3A93 inset, 0 -1px 0 #1F3A93 inset;
  box-shadow: 0 1px 0 #1F3A93 inset, 0 -1px 0 #1F3A93 inset;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  padding: 10px;
}
.dropdown [data-toggle="dropdown"]:hover {
  background: #cd3d2e;
}
.dropdown [data-toggle="dropdown"]:before {
  position: absolute;
  display: block;
  content: '\25BC';
  font-size: 0.7em;
  color: #fff;
  top: 13px;
  right: 10px;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}
.dropdown > .dropdown-menu {
  max-height: 0;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -moz-transition: max-height 0.6s ease-out;
  -o-transition: max-height 0.6s ease-out;
  -webkit-transition: max-height 0.6s ease-out;
  transition: max-height 0.6s ease-out;
  animation: hideAnimation 0.4s ease-out;
  -moz-animation: hideAnimation 0.4s ease-out;
  -webkit-animation: hideAnimation 0.4s ease-out;
}
.dropdown > .dropdown-menu li {
  padding: 0;
}
.dropdown > input[type="checkbox"] {
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.dropdown > input[type="checkbox"]:checked ~ .dropdown-menu {
  max-height: 9999px;
  display: block;
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  animation: showAnimation 0.5s ease-in-out;
  -moz-animation: showAnimation 0.5s ease-in-out;
  -webkit-animation: showAnimation 0.5s ease-in-out;
  -moz-transition: max-height 2s ease-in-out;
  -o-transition: max-height 2s ease-in-out;
  -webkit-transition: max-height 2s ease-in-out;
  transition: max-height 2s ease-in-out;
}
.dropdown > input[type="checkbox"]:checked + a[data-toggle="dropdown"]:before {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}

@keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-moz-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-moz-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-webkit-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column2 {
  float: left;
  width: 33%;
  padding: 10px;
}

/* Clear floats after the columns */
.row2:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column2 {
    width: 100%;
  }
}
.pkp_footer_content {
  float: left;
  width: 100%;  padding-top: 10px;
  padding-bottom:10px;
}
.pkp_brand_footer {
  float: right;
  width: 0%;
  padding-bottom:10px;
  padding-top: 100px;
  display:none
}
.pkp_structure_footer_wrapper {
   border-bottom:@double solid;
}




/* ===========================
   HEADER LOGO / BANNER
=========================== */

.pkp_site_name {
    width: 100%;
    text-align: center;
    padding: 15px 0;
}

.pkp_site_name a.is_img{
    display: inline-block;
}

.pkp_site_name img{
    width: 1160px;
    height: 210px;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* ======================================================
   HEADER
====================================================== */

.pkp_structure_head{
    background:#ffffff;
    border-bottom:1px solid #e5e7eb;
}

.pkp_head_wrapper{
    max-width:1160px;
    margin:0 auto;
}

.pkp_site_name{
    text-align:center;
    padding:12px 0;
}

.pkp_site_name img{
    display:block;
    margin:auto;
    max-width:1160px;
    width:100%;
    height:auto;
}

/* Hilangkan ruang kosong */
.pkp_structure_head{
    margin-bottom:0;
}



/* ======================================================
   NAVIGATION
====================================================== */

.pkp_navigation_primary_row{
    background:#0b63b6;
}

.pkp_navigation_primary > li > a{
    color:#fff !important;
    font-weight:600;
    transition:.25s;
}

.pkp_navigation_primary > li > a:hover{
    background:rgba(255,255,255,.12);
}

.pkp_navigation_user > li > a{
    color:#fff !important;
}


/* ======================================================
   CONTENT
====================================================== */

.pkp_structure_content{
    max-width:1160px;
    margin:25px auto;
}

.obj_issue_summary{
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.obj_issue_summary:hover{
    transform:translateY(-2px);
    transition:.25s;
}



/* ======================================================
   SIDEBAR
====================================================== */

.pkp_block{
    border-radius:10px;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
    margin-bottom:20px;
    overflow:hidden;
}

.pkp_block .title{
    background:#0b63b6;
    color:#fff;
    padding:12px;
    font-size:15px;
}

/* ======================================================
   BUTTON
====================================================== */

.cmp_button,
button,
input[type=submit]{
    border-radius:8px;
    transition:.25s;
}

.cmp_button:hover,
button:hover{
    transform:translateY(-1px);
}


body{
    font-family:'Poppins',sans-serif;
}



/* =====================================================
   NAVBAR
===================================================== */

.pkp_navigation_primary_row{
    background:#0D47A1;
    border-radius:8px;
    margin-bottom:25px;
}

.pkp_navigation_primary > li > a{
    color:#fff !important;
    font-weight:600;
    font-size:15px;
    padding:14px 18px;
    transition:all .3s ease;
}

.pkp_navigation_primary > li > a:hover{
    background:#1565C0;
}

.pkp_navigation_primary > li.current > a{
    background:#1976D2;
}


/* =====================================================
   CONTENT
===================================================== */

.pkp_structure_content{
    max-width:1160px;
    margin:25px auto;
}

.pkp_structure_main{
    background:#fff;
}



/* =====================================================
   ARTICLE CARD
===================================================== */

.obj_issue_summary{
    border:1px solid #e5e7eb;
    border-radius:12px;
    padding:18px;
    margin-bottom:25px;
    transition:all .3s ease;
    background:#fff;
}

.obj_issue_summary:hover{
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    transform:translateY(-3px);
}

.obj_article_summary h3 a{
    color:#0D47A1;
    font-weight:700;
    text-decoration:none;
}

.obj_article_summary h3 a:hover{
    color:#1976D2;
}

/* =====================================================
   SIDEBAR
===================================================== */

.pkp_block{
    border:1px solid #e5e7eb;
    border-radius:12px;
    overflow:hidden;
    margin-bottom:25px;
    background:#fff;
}

.pkp_block .title{
    background:#0D47A1;
    color:#fff;
    padding:12px 15px;
    font-weight:600;
}


.cmp_button,
button,
input[type=submit]{

    background:#0D47A1;
    color:#fff;
    border-radius:8px;
    border:none;
    transition:.3s;
}

.cmp_button:hover,
button:hover{
    background:#1565C0;
}

a{
    transition:.25s;
}

a:hover{
    text-decoration:none;
}


/* =====================================================
   FOOTER
===================================================== */

.pkp_structure_footer_wrapper{
    background:#0D47A1;
    color:#fff;
    margin-top:40px;
}

.pkp_structure_footer_wrapper a{
    color:#fff;
}

/* =====================================================
   ABOUT JOURNAL
===================================================== */

.pkp_page_index .homepage_about {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 12px rgba(0,0,0,.05);
}

.pkp_page_index .homepage_about h2 {
    color: #0D47A1;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    border-left: 5px solid #f9b233;
    padding-left: 15px;
}

.page h2,
.cmp_announcements h2,
.current_issue h2{

    color:#0D47A1;
    font-size:26px;
    font-weight:700;
    position:relative;
    margin-bottom:25px;
}

.page h2::after,
.cmp_announcements h2::after,
.current_issue h2::after{

    content:"";
    display:block;
    width:80px;
    height:4px;
    background:#f9b233;
    margin-top:8px;
}

.current_issue .cover img{

    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.obj_article_summary{

    padding:20px;
}

.obj_article_summary .meta{

    color:#6b7280;
    font-size:14px;
}

.obj_article_summary:hover{

    border-color:#0D47A1;
}

.pkp_block ul{

    padding:15px;
}

.pkp_block li{

    margin-bottom:10px;
}

.pkp_block a{

    color:#374151;
}

.pkp_block a:hover{

    color:#0D47A1;
}

.cmp_breadcrumbs{

    background:#f8fafc;
    padding:12px 18px;
    border-radius:8px;
    margin-bottom:25px;
}


.pkp_block {

    border-radius:14px;

    overflow:hidden;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.pkp_block .title{

    background:#0D47A1;

    color:#fff;

    text-align:center;

    font-size:16px;

}

.homepage_about{

    background:#fff;

    border-radius:16px;

    padding:35px;

    box-shadow:0 8px 24px rgba(0,0,0,.06);

}


.pkp_structure_content{

    margin-top:40px;

}


.page h2{

    color:#0D47A1;

    font-size:38px;

    font-weight:700;

    position:relative;

}

.page h2::after{

    content:"";

    width:90px;

    height:4px;

    background:#F6B132;

    display:block;

    margin-top:10px;

}


/* FIX 2026-10-15 arsip bertumpuk */
.page_issue_archive .obj_issue_summary h2{font-size:22px !important;line-height:1.4 !important;margin-bottom:10px !important;}
.page_issue_archive .obj_issue_summary h2::after{display:none !important;}
.page_issue_archive .obj_issue_summary h2 a.title{display:block !important;line-height:1.4 !important;}
.page_issue_archive .obj_issue_summary h2 .series{display:block !important;font-size:16px !important;font-weight:400 !important;color:#6b7280 !important;margin-top:4px !important;line-height:1.4 !important;}

/* ===== JPS-NAV-CENTER: menu utama terpusat & rapat (2026-10-20) ===== */
@media (min-width: 992px) {
  .pkp_navigation_primary_row { display:flex; justify-content:center; align-items:stretch; }
  .pkp_navigation_primary_wrapper {
    display:flex; justify-content:center; align-items:center;
    width:100%; max-width:100%; float:none;
    padding-left:0; padding-right:0;
  }
  .pkp_navigation_primary_wrapper::before,
  .pkp_navigation_primary_wrapper::after { display:none; content:none; }
  #navigationPrimary.pkp_navigation_primary {
    display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
    width:auto; max-width:100%; float:none; text-align:center;
  }
  #navigationPrimary.pkp_navigation_primary > li { margin:0; }
  #navigationPrimary.pkp_navigation_primary > li > a {
    margin:0; padding:12px 9px;
    font-size:13.5px; line-height:1.25;
    white-space:nowrap; border-bottom:0; border-radius:6px;
  }
  #navigationPrimary.pkp_navigation_primary > li > a:hover,
  #navigationPrimary.pkp_navigation_primary > li.current > a { border-bottom:0; }
  .pkp_navigation_search_wrapper {
    float:none; display:flex; align-items:center;
    margin:0 0 0 4px; padding:0; border:0;
  }
  .pkp_navigation_search_wrapper a {
    margin:0; padding:12px 9px; font-size:13.5px;
    border-bottom:0; border-radius:6px;
  }
  .pkp_navigation_search_wrapper a .fa { margin-right:4px; }
}
@media (min-width: 1200px) {
  #navigationPrimary.pkp_navigation_primary { flex-wrap:nowrap; }
}
/* ===== JPS-NAV-MOBILE: tombol hamburger terlihat (2026-10-20) ===== */
@media (max-width: 991px) {
  .pkp_site_nav_toggle {
    background: #0D47A1;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
    z-index: 1001;
  }
  .pkp_site_nav_toggle > span {
    border-bottom-color: #ffffff;
  }
  .pkp_site_nav_toggle > span:before,
  .pkp_site_nav_toggle > span:after {
    background: #ffffff;
  }
  .pkp_site_nav_toggle:focus {
    outline: 2px solid #0D47A1;
    outline-offset: 2px;
  }
}