/* 
  
Re-touched by: UPT-TIK UKRI 


*/

/* Struktur Sidebar */
.pkp_structure_page{
	background-color: #f1f1f1 !important;
 
}
.pkp_structure_head{
	background-color: #f1f1f1 !important;
    border-bottom: none !important;
}
.pkp_structure_content{
	background-color: #fff !important;
  
}
.kepala {
    color: black; 
    background: #790304; 
    padding: 10px; 
    font-family: arial; 
    line-height: 23px;
    border-bottom: 4px solid #000000;
                font-weight: bold;
                text-align: center;
}
.is_img,.is_img img{width:100% !important;}
.badan a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #000000;
    background: #bb2626b0;
    color: #000000 !important;
    text-align: left;
}

.badan {
    margin-top: -15px;
}


.badan a:hover {
    background: #790304;
    color: #0c5904 !important;
    font-weight: bold;
}

/* Table of content */

.obj_article_summary {
     padding: 20px;
     background: #f9f9f9;
}

.obj_article_summary:hover {
    background:#ffffff
}
.pkp_site_nav_menu {
 
    background: #d93400 !important;
     
}
.meta .authors{
    background: url(https://i.ibb.co/wwXb1Bh/icon-group.png) 1px 2px no-repeat rgba(0, 0, 0, 0);
    font-weight: bold;
    margin-top: 4px;
    padding-bottom: 5px;
    padding-left: 30px;
}


.obj_article_summary {
    padding-bottom: 10px !important;
    border-bottom: solid 4px #790304 !important;
    font-size: 12px;
}


 .pkp_structure_main h1 {
     font-weight: 600;
     font-size: 20px;
}

.pkp_structure_main a {
    color: #000000 
}

.pkp_structure_main a:hover {
    color: #790304 ;
}


.obj_galley_link {
    font-weight: 700;
    text-transform: Capitalize !important;
    background: #952222 !important;
    color: #ffffff !important;
    border: none !important;
	width:100%;
}

.obj_galley_link:hover {
    background:#5f0a0a !important;
    color:#fff !important;
}


/* Footer */
.pkp_structure_footer_wrapper {
    background: #790304 !important;
    border-bottom: 20px solid #665c5c;;
}

.pkp_footer_content {
    float: left;
    width: 70%;  padding-top: 10px;
    padding-bottom:10px;
}

.pkp_brand_footer {
    float: right;
    width: 20%;
    padding-bottom:10px;
    padding-top: 50px;
}


/*Body and Abstrack*/
.main_entry .item.abstract {
    text-align: justify;
}

body {
    font-family: arial,geneva,sans-serif !important;
}


/* Struktur Header */
    .pkp_site_name_wrapper {
width: 100% !important;
}

.pkp_navigation_primary_row {
    text-align: left;
    background: #d93400;
    font-weight: bold;
}


.pkp_site_name {
    margin: 0 !important;
}

.pkp_site_name > a {
    padding-top: 0 !important; 
    padding-bottom: 0 !important;
}

.pkp_site_name_wrapper {
    padding-left: 0 !important; 
    padding-right: 0 !important; 
    margin: 0 !important;
}

/* Ukuran Header */

.pkp_site_name .is_img img {
    max-height: 100% !important; 
    max-width: 100% !important; 
}

/* Settingan Header */

.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 15px !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:tahoma,geneva,sans-serif; 
    color: #f1f1f1 !important; 
    font-weight: bold !important
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {
    background: #540000; 
     color:#f1f1f1 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul, .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover {
    border-radius: 0 !important; 
    -webkit-border-radius: 0 !important; 
    -o-border-radius: 0 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul { 
    background: #d93400 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li { 
    border-bottom: solid 1px rgb(139 7 0) !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child { 
    border-bottom: none !important;
}

.pkp_navigation_primary .dropdown-menu a:hover {
    border-color: #eb594e;
}


.pkp_site_nav_toggle{
background-color: #790304;
border-bottom: 3px solid rgb(255 255 255 / 84%);
background: rgb(255 255 255 / 84%);
}

.pkp_search.pkp_search_desktop {
    color: white;
}

.pkp_search.pkp_search_desktop:hover {
    color: #c3ddcf;
}

.homepage_image {
    display:inline-block;
    width:28%;
    margin-left:0px;
    float:right;
}

.homepage_image img {
    margin:60px 0px 0px -20px;
    box-shadow:4px 2px 5px gray;
    width:300px;

 }

.homepage_about {
    display:inline-block;
    width:70%;
}
.pkp_block .content table tr td{
	padding: 10px 10px 10px 25px!important;
    background: #d93400 !important;
    color: #fff !important;
}
.pkp_block .content table tr td a{
 
    color: #fff !important;
}
.current_issue{
    display:block;
}
.pkp_block .title {
    padding: 10px;
	margin-bottom:0 !important;
    padding: 10px 10px 8px 10px;
    text-align: center;
    color: rgb(121 2 4);
    font-size: 1.15em;
    background-blend-mode: multiply;
    background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    border: 1px solid #efefef;
    /* background: url(https://image.freepik.com/free-vector/abstract-trendy-black-line-pattern-decoration-background_121035-76.jpg) no-repeat 1px 0px #104e10; */
}

.pkp_site_nav_toggle {
    position: absolute;
    top: 10px !important;
    left: 4px !important;
    width: 40px;
    height: 40px;
    border: 0;
    background: none;
    box-shadow: 1px 0 0 rgba(255,255,255,0.2), -1px 0 0 rgba(255,255,255,0.2);
    z-index: 999;
}
.entry_details galleys{text-align:center;}
.item.authors span.name:before {
    content: "\f007";
    font-family: "FontAwesome";
    margin-right: 5px;
    font-size: 14px;
}
.item.authors span.affiliation:before {
    content: "\f19c";
    font-family: "FontAwesome";
}
.obj_article_summary .pages:before {
    content: "\f0f6";
    width: 20px;
    font-family: "FontAwesome";
    margin-right: 5px;
    font-size: 13px;
}
.meta .authors {
     background: none !important;
	 padding-left: 2px !important;
     font-size: 12px;
    padding-left: 2px!important;
    font-style: italic;
    color: #5d5d5d;
    font-weight: 100;	 
 }
.meta .authors:before {
    content: "\f007";
    font-family: "FontAwesome";
    margin-right: 5px;
    font-size: 14px;
    font-style: normal;	
 }
.pkp_structure_footer_wrapper {
    background: #f1f1f1  !important;
   
	border-bottom: none !important;
}

.pkp_structure_footer {
    margin-top: 10px;
    background: #d93400;
 
}
.pkp_structure_footer {
    text-align: center;
}
 
.pkp_footer_content {
    float: none;
    width: 100%;
    clear: both;
}
.pkp_footer_content {
    padding: 0;
}
.pkp_footer_content {
	background: #d93400;
    padding: 10px;
}
.pkp_footer_content {
 
    text-align: left;
}
.pkp_footer_content .footer-left {
  float: left;
  width: 50%;
}
.pkp_footer_content .footer {
 
     z-index: -1;
	 color:#fff;
}
.pkp_footer_content .footer  a{
 
 	 color:#fff !important;
	 text-decoration:none;
}
.copyright-wrapper .copy-right,.copyright-wrapper .copy-right a{
    font-size: 10px;
    color: #fff;	
	text-decoration:none;
}
.copright-container{
margin-top: 5px;
    border-top: 1px solid #e0e0e0;
    padding-top: 15px;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}
.pkp_footer_content .custom-col-md-4  .listlokasi, .pkp_footer_content .custom-col-md-4  .listinfo {
      list-style: none;
	  margin-left: -20px;
}
.pkp_footer_content .custom-col-md-4  .listlokasi li,.pkp_footer_content .custom-col-md-4  .listinfo li{
    margin-bottom: 10px;
}
.pkp_footer_content .footer-right  {
  float: right;
  width: 50%;
} 
.pkp_footer_content .custom-col-md-4 {
    color: #fff;
}
 .pkp_footer_content .custom-col-md-4 .informasi:before {
  content: "\f29c";
  font-family: fontawesome;
  margin-right: 5px;
  font-weight: 100;
}
.pkp_footer_content .custom-col-md-4  .lokasi:before{
content: "\f19c";
    font-family: "FontAwesome";
    margin-right: 5px;
    font-weight: 100;
} 
.pkp_footer_content .custom-col-md-4  .alamat:before {
  content: "\f041";
    font-family: fontawesome;
    margin-right: 10px;
    font-size: 14px;
    margin-left: -20px;
}
.pkp_footer_content .custom-col-md-4  .kontak:before{
content: "\f095";
    font-family: "FontAwesome";
    margin-right: 5px;
    font-size: 14px;
} 
.pkp_footer_content .custom-col-md-4  .phone:before{
content: "\f098";
    font-family: "FontAwesome";
    margin-right: 10px;
    font-size: 14px;
    margin-left: -20px;
} 
.pkp_footer_content .custom-col-md-4  .email:before{
content: "\f199";
    font-family: "FontAwesome";
    margin-right: 10px;
    font-size: 14px;
    margin-left: -20px;
} 
.pkp_footer_content a {
    color: #fff !important;
    text-decoration: none;
}
.pkp_brand_footer{display:none !important;}

.pkp_site_nav_toggle>span {
 
    border-bottom: 3px solid rgb(255 255 255 / 84%) !important;
  
}
.pkp_site_nav_toggle>span:before, .pkp_site_nav_toggle>span:after {
   
    background: rgb(255 255 255 / 84%) !important;
}
.pkp_page_index .current_issue .read_more {
 
    padding: 0px 35px 0px 15px !important;
 
    color: #ffffff !important;
 
    background: #952222 !important;
}
.pkp_page_index .current_issue .read_more:hover {
 
    padding: 0px 35px 0px 15px !important;
 
    color: #ffffff !important;
 
    background: #600a0a !important;
}
.obj_article_details .galleys_links li {
    display: inline-block;
    width: 100% !important;
    text-align: center !important;
	    margin-bottom: 4px;
}	

@media (min-width: 992px){
	.has_site_logo .pkp_head_wrapper {
		padding-top: 0 !important;
	}
	 
	.pkp_navigation_user_wrapper {
		top: 0px !important;
	}
	.pkp_navigation_user li {
		text-align: left;
		background: #fff !important;
	}	
    .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: #101010 !important;
    }	
}
@media (min-width: 768px) {
  .custom-col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
	padding-left: 10px;
    padding-right: 10px;
  }
    .pkp_structure_main:before,.pkp_structure_main:after {
        content:'';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 1px;
        background:transparent !important; 
    }   
}

/* Responsif untuk perangkat mobile */
@media (max-width: 767px) {
  .custom-col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
 
  }
}
@media (max-width: 600px) {
/* For mobile phones: */
  .homepage_about {
    width:100%;
  }
  .pkp_site_name_wrapper {
    height: 60px !important;
}
	.pkp_structure_head {
		background-color: #d93400 !important;
		 
	}
}

@media (max-width: 991px) {
    .homepage_about{
        margin-top:30px;
    }
.pkp_site_name_wrapper {
    height: 60px !important;
}
.homepage_image {
    display: inline-block;
    width: 100% !important; 
    margin-left: 0px !important;
    float: right;
	margin-left:0 !important;
	margin-right:0 !important;
   
}
.homepage_image img {
     margin: 0 !important;  
    box-shadow: 4px 2px 5px gray;
    width: 300px;
}

}

@media (max-width: 360px) {
/* For mobile phones: */
    .homepage_image {
        width:90%;
        margin:0;
    }

        .homepage_about{
        margin-top:0px;
    }
.pkp_site_name_wrapper {
    height: 60px !important;
}	
}

.homepage_about p{
    text-align:justify;
}
@media (min-width: 992px){
.pkp_search_desktop .search_prompt {
    display: inline-block;
    position: relative;
    padding: 10px 20px;
    color: #f1f1f1!important;
    cursor: pointer;
}
.pkp_block:first-child {
    padding-top: 0 !important;
}
  .pkp_search_desktop.is_open .search_prompt {
    padding-bottom: 9px;
    background: #fff;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #790304 !important;
  }
}