/* === Background Pattern === */
body {
    background-image: url('bg.JPG');
    background-repeat: repeat;
    background-position: top center;
    background-size: contain; /* atau fixed ukuran manual */
    background-attachment: fixed; /* opsional agar tetap saat scroll */
    background-color: #fff; /* fallback warna putih */
}
.pkp_site_name {
    height: 150px; /* Atur tinggi sesuai kebutuhan */
}
 
.pkp_structure_head {
    background-image: url('header.png');
	/*Background:#458bca;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Item menu */
.pkp_navigation_primary i {
 display: inline-block !important;
  margin-right: 6px;
  font-size: 16px;
  color: #333; /* sesuaikan warna */
  vertical-align: middle;}

.pkp_navigation_primary_row{
	background:#ffffff;
}
.pkp_navigation_primary_wrapper{
	left:20px;
	position:relative;
	background:#ffffff;
}
.pkp_navigation_primary > li > a {
    font-family: 'CustomFont', Arial, sans-serif; /* Ganti font ke custom */
    font-size: 14px;
    color: #333;
    text-decoration: none;
    padding: 10px 10px;
    display: block;
}

/* Hover */
.pkp_navigation_primary > li > a:hover {
    color: #007bba;
    background-color: #eee;
}

/* Dropdown container - biasanya ul di dalam li */
.pkp_navigation_primary li ul {
    display: none; /* sembunyi default */
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #ccc;
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 200px;
    z-index: 1000;
}

/* Tampilkan dropdown saat hover li induk */
.pkp_navigation_primary li:hover > ul {
    display: block;
}

/* Item dropdown */
.pkp_navigation_primary li ul li {
    border-bottom: 1px solid #eee;
}

/* Link dropdown */
.pkp_navigation_primary li ul li a {
    font-family: 'CustomFont', Arial, sans-serif;
    font-size: 14px;
    color: #007bba;
    padding: 10px 15px;
    display: block;
    text-decoration: none;
}

/* Hover dropdown */
.pkp_navigation_primary_wrapper li ul li a:hover {
    background-color: #f5f5f5;
    color: #004a75;
}

.pkp_navigation_search_wrapper a{
	color:#333;	
}




/* Konten Utama (main content) */
.pkp_structure_main {
    background: white;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}

/* Sidebar */
.pkp_structure_sidebar {
    background: white;
	border-top:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}

/* Atur ukuran logo sidebar */
#customblock-logo-logo {
	text-align: center !important;
}
#customblock-logo-logo img {
    width: 150px !important;
    height: auto !important;
    margin-bottom: 15px !important;
    display: block !important;
	 display: inline-block !important;
}


.hover{
	width:100%;
	border-collapse:collapse;
}
.hover th{
	height:30px;
	background:#ffffff;
	color:#000000;
}
.hover.td{
	height:30px;
	padding-top:3px;
	vertical-align:middle;
	border-bottom:solid 1px #ffffff;
	text-align :center;
}
.hover td a{
	width:100%;
	display:block;
	
}
.hover tr{
	background:#1e6292;
	color:#ffffff;
}
.hover tr.hover{
	background-color:#2c5876;
}
.hover tr a{
	color:#000000;
}

.pkp_brand_footer{
	display:none;
}


/* teks article */
.page-header h2 small{
	color:#000000;
	font-weight:bold;
	text-shadow:none;

}

/*teks current issue */
.current_issue .page-header h2{
	color:#000000;
	font-weight:bold;
	text-shadow:none;	
}

/* Gambar dan teks homepage */
.homepage-container {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.homepage-image {
    flex: 0 0 250px;
    margin-top: 23px;
}
.homepage-image img {
    width: 100%;
    height: auto;
    display: block;
}

.homepage-text {
    flex: 1;
    min-width: 200px;
    font-size: 1rem;
    line-height: 1.5;
	text-align:justify;
	padding-right:20px;
}




.media-body .media-heading a{
	text-shadow:none;
	font-size:11pt;
	font-family:arial;
}

.block_custom {
    padding-left: 10px;
    padding-right: 10px;
}

.meta .authors{
	color:#666666;
	font-size:10pt;
	font-family:arial;
}

/* TOMBOL PDF */
.btn-group a{
	text-decoration:underline;
}

/*judul view artikel */
.article-details .page-header{
	color:#000000;
	text-shadow:none;
	font-family:arial;
}

/*abstrack*/
.article-summary .article-abstract{
	font-size:11pt;
	font-family:arial;
	color:#333333
}

/*download*/
.panel-body .download{
	text-decoration:underline;
	font-size: 10pt;
}

/*Jufdul static page - Editorial Team */
.page-static .col-md-8 h1{
	text-shadow:none;
	color:#000000;
}

/* Ubah background dan tampilan umum footer */
.pkp_structure_footer {
  background-color: #f1f1f1;
  padding: 30px 20px;
  font-size: 14px;
  color: #333;
  border-top: 3px solid #009688;
}

/* Gaya konten dalam footer */
.pkp_footer_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

/* Kolom alamat dan kontak */
.pkp_footer_content .col-md-4 {
  flex: 1 1 300px;
}

/* Judul kecil (seperti "Info Kontak") */
.pkp_footer_content h4 {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
  color: #009688;
}

/* Teks biasa */
.pkp_footer_content p {
  margin: 5px 0;
  font-size: 14px;
  line-height: 1.5;
}

/* Gaya lisensi Creative Commons */
.pkp_structure_footer .license {
  margin-top: 20px;
}

.pkp_structure_footer .license img {
  margin-top: 10px;
  height: 31px;
}

/* Tautan lisensi */
.pkp_structure_footer .license a {
  color: #0077cc;
  text-decoration: none;
}

.pkp_structure_footer .license a:hover {
  text-decoration: underline;
}