.kepala {
color: #EAEEEE;
background: #115a8a;
padding: 10px;
font-family: tahoma;
line-height: 23px;
border-bottom: 4px solid white;
font-weight: bold;
text-align: center;
}
.badan a {
display: block;
padding: 10px;
border-bottom: 1px solid white;
background: #EAEEEE;
text-align: center;
transition: 0.5s;
color: black;
}
.badan {
margin-top: -15px;
}
.badan a:hover {
color: black !important;
font-weight: bold;
box-shadow: gray 0px 5px 10px 0px;
display: fixed;
position: relative
}
/* Table of content */
.obj_article_summary {
box-shadow: 3px 3px 5px;
padding: 20px;
border-radius: 10px;
background: #EAEEEE;
}
.obj_article_summary:hover {
background: #BFFEFE
}
.obj_article_summary {
padding-bottom: 10px !important;
border-bottom: solid 4px #5471a1 !important;
font-size: 12px;
}
.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;
}
.pkp_structure_main h1 {
font-weight: 600;
font-size: 20px;
}
.pkp_structure_main a {
color: #5471a1 !important;
}.pkp_structure_main a:hover {
color: #2D35DF !important;
}
.obj_galley_link {
font-weight: 700;
text-transform: Capitalize !important;
background: #DEDCE0 !important;
color: #ffffff !important;
border: solid 1px #5471a1 !important;
}
.obj_galley_link:hover {
background: #ffffff !important;
color: #0B1B4C !important;
}
/* Footer */
.pkp_structure_footer_wrapper {
background-image: linear-gradient(to right top, #62bccd, #86cbd2, #a8d9d9,
#c8e6e4, #e6f4f1);
border-bottom: 20px solid #0d2e44;
}
.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: tahoma, geneva, sans-serif !important;
background:white
}
/* Struktur Header */
.pkp_site_name_wrapper {
width: 100% !important;
}
.pkp_navigation_primary_row {
text-align: center;
background: #52721b !important;
font-weight: bold;
}
.pkp_site_name {
width: 100% !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;
margin-top: 5px;
}
/* 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: #ffffff !important;
font-weight: bold !important;
transition: 0.2s;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {
background: #ffffff;
border-radius: 20px;
 !important;
color: black !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: #52721b !important
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li {
border-bottom: solid 1px rgb(255 255 255) !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child {
border-bottom: none !important;
}
.pkp_structure_head {
background-position: center top;
background:white;
border-bottom:0;
}
.pkp_site_nav_toggle {
background-color: #5471a1
}.obj_article_details .page_title {
background: #EAEEEE;
padding: 15px;
border-radius: 10px;
box-shadow: 3px 3px 5px;
}
.description {
text-align: justify;
}
.conten {
border: black 1px;
}
.pkp_navigation_user.pkp_nav_list .profile a {
border-radius: 15px !important;
padding-left: 10px;
padding-right: 10px;
background: #52721b !important;
color: #ffffff;
font-weight: bold !important;
transition: 0.2s;
border: 2px solid #EAEEEE;
}
.pkp_navigation_user.pkp_nav_list .profile a:hover {
background: #EAEEEE;
color: black;
}
.dropdown-menu {
background: #5471a1 !important;
}
.pkp_navigation_search_wrapper {
background: #EAEEEE;
transition: 0.5s;
}
.pkp_navigation_search_wrapper a {
color: black;
}
.pkp_navigation_search_wrapper a:hover {
color: black;
}
.pkp_navigation_search_wrapper:hover {
border-radius: 0px;
border-radius: 20px;
}
.section {
padding-top: 70px !important;
}
.pkp_structure_sidebar.left {
 background: white;
}
.homepage_image {
display: inline-block;
width: 28%;
margin-left: 0px;
float: right;
}
.homepage_image img {margin: 60px 0px 0px -20px;
width: 300px;
display: inline-block;
float: left;
box-shadow: 4px 2px 5px gray;
margin-right: 15px;
}
.homepage_about {
display: inline-block;
width: 70%;
text-align: justify;
}
@media (max-width: 600px) {
/* For mobile phones: */
.homepage_about {
width: 100%;
}
.pkp_block.block_custom .content {
margin-left: 0px !important;
margin-right: 0px;
}
}
@media (max-width: 991px) {
.homepage_about {
margin-top: 30px;
}
.pkp_structure_main {
margin-top: 0px !important;
}
.pkp_site_name_wrapper {
padding-bottom: 0px;
}
.pkp_site_name_wrapper {
padding-top: ;
}
.cmp_breadcrumbs {
margin-top: 60px !important;
}
}
@media (max-width: 400px) {
/* For mobile phones: */
.homepage_image {
width: 100%;
margin: 20px;
}
.homepage_about {
margin-top: 0px;
width: 100%;
}
}
.pkp_page_submissions.pkp_op_index {
 background:white
}
/* Sembunyikan branding OJS / PKP di footer */
.pkp_brand_footer,
.pkp_footer_content .pkp_brand_footer,
.pkp_footer_content .pkp_brand_footer a { display: none !important;
}

/* =========================================================
   FIX: Header logo agar full width sampai ke kanan (atas "Cari")
   Penyebab: elemen .container bawaan Bootstrap di dalam header
   punya max-width + padding kiri/kanan, jadi logo tidak menempel
   penuh ke tepi layar walau .pkp_site_name_wrapper sudah 100%.
   ========================================================= */
.pkp_structure_head .container,
.pkp_site_name_wrapper .container {
max-width: 100% !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}

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

.pkp_site_name .is_img,
.pkp_site_name>a {
display: block !important;
width: 100% !important;
}

.pkp_site_name .is_img img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
display: block !important;
margin-top: 0 !important;
}