@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);
@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&display=swap');   

.obj_article_details .abstract {
    text-align: justify;
}

.obj_issue_toc .description {
    text-align: justify;
}

.cover {
    display:left !important;
}

.obj_issue_summary .description {
    text-align: justify;
}

.obj_article_details .item {
    text-align: justify;
}

.pkp_footer_content {
  float: left;
  width: 100%;
  padding-top: 10px;
  padding-bottom:10px;
}
.pkp_brand_footer {
  display:none;
}

.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: 250px !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: 0px !important; margin-bottom:0 !important; padding-bottom: 20 !important;}
.pkp_site_name .is_img img {
   display: center;
   width: 100%;
   height: 100%;
}

.pkp_structure_content {
  background: transparent url("https://jkpjournal.kalselprov.go.id/public/journals/1/img/bg4.jpg") repeat scroll 0% 0% !important;
}

.pkp_footer_content {
  background: transparent url("https://jkpjournal.kalselprov.go.id/public/journals/1/img/bg4.jpg") repeat scroll 0% 0% !important;    
}

html, body, * {
  font-family: helvetica, calibri;
}
body {
  background-image: url(https://jkpjournal.kalselprov.go.id/public/journals/1/img/bg3.jpg);
}

a { color: #1a11a7; }
a:hover { color: #0b6ab0; }

.obj_article_summary {
  background-color: transparent;
  font-size: 14px;
  font-family: sans-serif;
  text-align: justify;
  border: 1px solid #1a11a7;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 3px 3px #1a11a7;
}

.obj_article_summary:hover {
  background: #e3f2fd; /* biru lembut */
}

.obj_article_details .page_title {
  background: transparent;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 3px 3px 5px;
}

.pkp_navigation_user_wrapper {top: 0; right: 0; padding:0;}
.pkp_navigation_user_wrapper .pkp_navigation_user {
  font-family: Sunflower, helvetica, calibri;
  font-weight: normal;
}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile {
  font-family: Sunflower, helvetica, calibri;
  background: linear-gradient(to bottom, #0b6ab0 0%, #001f66 100%);
  color:#fff;
}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > a {
  font-family: Sunflower, helvetica, calibri;
  font-weight: normal !important;
  padding-right: 10px;
  color:#fff;
}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > ul.dropdown-menu {
  border-radius: 0 !important;
}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > ul.dropdown-menu > li > a {
  font-family: Sunflower, helvetica, calibri;
  font-weight: normal !important;
}

.pkp_navigation_user {
  background: #052cab;
  border-bottom: 2px solid #fff;
}
.pkp_navigation_user > li > a,
.pkp_navigation_user > li.in_focus > a,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
  color: #fff;
}

.pkp_navigation_primary_row {
  background: #052cab !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li {
  padding: 0 !important;
  margin: 0 !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
  margin: 0 !important;
  padding: 0 10px !important;
  line-height: 40px !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
  font-family:Sunflower, helvetica, calibri;
  color: #FFFFFF !important;
  font-weight: normal !important;
}

/* Hover menu utama */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {
  background-color: #0b6ab0 !important;
  color: #fff !important;
}

/* Submenu dropdown */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
  background: #003399 !important; /* navy */
  border-radius: 0 !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li {
  border-bottom: solid 1px rgba(255,255,255,.15) !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child {
  border-bottom: none !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a {
  color: #ffffff !important; /* teks putih */
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover {
  background: #0b6ab0 !important;
  color: #fff !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search .search_controls a.headerSearchPrompt.search_prompt {
  font-family: Sunflower, helvetica, calibri;
  color: #FFFFFF !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type=text] {
  font-family: Sunflower, helvetica, calibri;
}

.pkp_navigation_primary {
  display: block !important;
  max-width: 100% !important;
  text-align: center !important;
  margin: auto auto;
}

.pkp_search {
  display: none !important;
}

.pages::before {
  content: "\f0f6";
  font-family: FontAwesome;
}

.published::before {
  content: "\f073";
  font-family: FontAwesome;
  top: 0;
  color : #033d67;
}

.current_issue_title::before {
  content: "\f02d";
  font-family: FontAwesome;
  top: 0;
  color : #033d67;
}

ul.galleys_links li {
  font-size: 10pt;
}

.most_read_article_title {
  text-align: justify;
}

.obj_article_summary > .title::before {
  content: "\f26c";
  font-family: FontAwesome;
  top: 0;
}

.pkp_page_index .current_issue::before {
  content: "\f07b";
  font-family: FontAwesome;
  font-size: 20px;
  top: 0;
  color : #033d67;
}

.obj_announcement_summary {
  text-align: justify;
}

.obj_announcement_summary h3::before,
.obj_announcement_summary h4::before {
  content: "\f0a1";
  font-family: FontAwesome;
  font-size: 15px;
  top: 0;
}

.section h2::before,
.obj_issue_summary .title::before,
.obj_article_details .authors .name::before,
.obj_article_details .authors .affiliation::before,
.obj_article_details .main_entry .keywords .label::before,
.abstract h3::before,
.references h3::before {
  font-family: FontAwesome;
  color : #033d67;
}

.obj_article_details > .page_title {
  text-align: justify;
}

.imgcrossmark {
  width: 250px;
}

.pkp_block {
  padding: 0px 5px 0px 5px;
}
.pkp_block .title {
  display: none;
  padding-bottom: 0.5em;
  border-bottom: 3px solid #0c0999;
  font-weight: 700;
  text-transform: uppercase;
}

.obj_issue_toc .cover img {
  float: left;
  padding: 0px 30px 0px 0px;
}

.pkp_navigation_user {
  background: transparent;
  border-bottom: 2px solid transparent;
}

/* Sidebar / vertical menu */
.vertical-menu {
  width: 100%;
  font-family: 'Roboto Condensed', sans-serif;
  background-color: #f8f9fa;
  border-radius: 8px;
  overflow: hidden;
}

.vertical-menu .menu-header {
  background-color: #002cce;
  color: #fff;
  font-weight: bold;
  padding: 10px 15px;
  text-transform: capitalize;
}

.vertical-menu a {
  background-color: #f8f9fa;
  color: #000;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  border-bottom: 1px solid #e5e5e5;
  transition: all 0.3s ease;
}

.vertical-menu a i {
  margin-right: 10px;
}

.vertical-menu a:hover {
  background-color: #0b6ab0; /* biru hover */
  color: #fff;
}

.vertical-menu a.active {
  background-color: #002cce;
  color: #fff;
}

/* Samakan ukuran gambar di sidebar */
.block_custom .vertical-menu img,
.pkp_block .vertical-menu img,
.sidebar .vertical-menu img {
  width: 250px;
  height: auto;
  display: block;
  margin: 10px auto;
  object-fit: contain;
}

/* MODIFIKASI TAMPILAN EDITOR */
.editorial-list {
  position: relative; 
}
.editorial-list li {
  margin-bottom: 1.125rem;
}
.editorial-list .img-profile {
  border-radius: 10%;
  position: absolute;
  width: 90px;
  height: 100px;
  border: 4px solid #02a0e3;
  padding: .1rem;
  box-shadow: 3px 3px 5px;
}
.editorial-list .img-profile .imgthumb { 
  border-radius: 15%;
  width: 80px;
  height: 90px;
  overflow: hidden;
  margin: 0 auto; 
  object-fit: fill;
}
.editorial-list .img-profile img {
  width: 110%;
  height:100%;
}
.team-content {
  margin-left: 100px;
  min-height: 130px;
}
.team-content .ico-label {
  width: 18px;
  height: 18px;
  margin-right: .5rem;
}   
.team-aff ul li {
  margin-bottom: 0;
}
.team-aff ul li .tm_label {
  display: inline-block;
  width: 80px;
}
.team-aff ul li .ico-label {
  width: 18px;
  height: 18px;
  margin-right: .5rem;
}