.journals ul .body .description a {display: inline;}
body {
  *background: url("https://i.ibb.co/zSshwyr/bg.png") #f5f9fb fixed !important;  
  background: url("https://i.ibb.co/GngLz03/batik-BC-Rev.png") #f5f9fb fixed !important; 
}
/*.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}
*/

#navigationPrimary a {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: .99rem;
    font-weight: 700;
    text-transform: capitalize;
}

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

.pkp_structure_footer .pkp_brand_footer img
{
    width: 48px !important;
    height: auto;
    display: none;
}

.has_site_logo .pkp_head_wrapper {
position: relative;
    width: 100%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}

.pkp_navigation_user {
    font-size: 13px;
}

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

.pkp_structure_main p {
    line-height: 25px;
    margin: 20px 0;
    text-align: justify;
}


/*List Arikel Background*/
.obj_issue_toc .articles > li {
  margin-bottom: 20px;
  border-bottom: darkseagreen;
/*  background-color: #4cbf89 !important;*/ 
 /*  background: transparent url("https://i.ibb.co/4YfscGf/pattern.png") repeat scroll 0% 0% !important;*/ 
 background: transparent url("https://i.ibb.co/Q8wtqrC/softblue2.png") repeat scroll 0% 0% !important;
  padding: 0;
  /*border-radius: 0rem 0rem 2rem 0rem;*/
  /*border-radius: 2rem 2rem 2rem 2rem;*/
  /*box-shadow: .2rem .2rem .1rem #1e6292;*/
}
.pkp_site_name {margin: 0;}
.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: 1000px;}
.pkp_site_name .is_img img {max-height: 100% !important; max-width: 100% !important;}
.pkp_site_name a {margin: auto !important;}
.pkp_site_name_wrapper {padding-left: 0; padding-right: 0; margin: 0;}
.pkp_navigation_user_wrapper {top: 0; right: 0; padding-right:30px;}
.pkp_structure_page {border-left: 0px solid gray; border-right: 0px solid gray; background: #fff; box-shadow: 1px 1px 5px 2px #bfbfbf; }

/*Tambah CSS*/

a { color: #0d2455; }
a:hover { color: #c7b4a5; }

/* Article Card */
.obj_article_summary {
    border: 1px solid #d9d9d9;
    border-left: 5px solid #509828;
    padding: 18px;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
    transition: all .3s ease;
}

.obj_article_summary:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0,0,0,.12);
}

/* Article Title */
.obj_article_summary .title a {
    color: #0d2455;
    font-weight: 700;
}

/* PDF Button */
.cmp_button_wire,
.obj_galley_link {
    background: #0d2455;
    border: 1px solid #0d2455;
    color: #fff;
    border-radius: 5px;
}

.cmp_button_wire:hover,
.obj_galley_link:hover {
    background: #509828;
    border-color: #509828;
    color: #fff;
}

.pkp_site_name {
    margin: 0 !important;
    width: 100% !important;
}

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

.pkp_site_name_wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
}

.pkp_navigation_search_wrapper a {
    font-family: "Noto Serif", serif;
    font-size: .93rem;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff;
	margin-left: 10px;
	padding-bottom: 10px;
}
.pkp_navigation_user_wrapper {top: 0; right: 0; padding:0;}

/* USER MENU */
.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;
    color: #fff;
    font-weight: normal;
    text-align: left; /* jangan diubah, agar mobile tetap normal */
}

.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;
}

/* garis bawah menu user */
.pkp_navigation_user {
    border-bottom: 2px solid #fff;
}

/* MERAPATKAN MENU ATAS */
.pkp_navigation_user > li > a {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

/* MENGECILKAN TINGGI AREA HIJAU ATAS */
.pkp_navigation_user_wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 35px !important;
}

.pkp_navigation_user {
    line-height: 35px !important;
}

/* KHUSUS DESKTOP */
@media (min-width: 992px) {

    .pkp_navigation_user_wrapper {
        width: 100% !important;
        text-align: right !important;
    }

    #navigationUser {
        width: 100% !important;
        text-align: right !important;
    }

    #navigationUser > li.profile {
        display: inline-block !important;
        float: none !important;
        margin-right: 20px !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: #fff; }
.pkp_navigation_primary_row {background: #0d2455 !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}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {background: rgba(0,0,0,.3) !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: #355f8b !important} /*warna background sub menu */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li { border-bottom: solid 1px rgba(255,255,255,.35) !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, .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {font-family:Sunflower, helvetica, calibri; color: #FFFFFF !important; font-weight: normal !important}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type=text] {font-family: Sunflower, helvetica, calibri;}

.pkp_structure_page {
    margin:auto;
    margin-top:0 !important;
    max-width:1162px;
    width:100%;
    border-left:1px solid gray;
    border-right:1px solid gray;
    background:#fff;
}
.pkp_structure_content { padding-top: 0; }

.pkp_structure_sidebar .pkp_block .title {
    font-family: Sunflower, helvetica, calibri;
}

h1,h2,h3,h4,h5,h6 {
    font-family: Sunflower, helvetica, calibri;
}

.pkp_structure_main h1,h2 {
    font-family: "Noto Serif", serif;
	font-size: 1.56rem;
    line-height: 2.143rem;
    font-weight: 700;
	margin: 1.857rem 0 1.43rem;
}

.pkp_structure_main h3 {
    font-family: "Noto Serif", serif;
    font-size: 1.143rem;
    line-height: 1.43rem;
    font-weight: 700;
	margin: 1.857rem 0 1.43rem;
}

/* ABOUT JOURNAL */

.page_about h3,
.page_about h4 {
    margin-top: 18px !important;
    margin-bottom: 8px !important;
}

.page_about p {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    line-height: 1.8;
}

.page_about ul {
    margin-top: 5px !important;
    margin-bottom: 15px !important;
}

@media (max-width: 1000px) {
.pkp_structure_page {margin:auto; width: 100%; }
}

.pkp_block {margin: 0 !important}
#customblock-Sidebar_menu.pkp_block {margin: 0 !important; padding: 0 !important}
#customblock-Sidebar_menu.pkp_block ul, #customblock-Sidebar_menu.pkp_block ul li {margin: 0 !important; padding: 0 !important; list-style: none;}
#customblock-Sidebar_menu.pkp_block ul li {background: #bcd2e7 !important; border-bottom: solid 1px rgba(255,255,255,.4)}
#customblock-Sidebar_menu.pkp_block ul li:last-child {border-bottom: none}
#customblock-Sidebar_menu.pkp_block ul li a {background: #bcd2e7 !important; display: block; line-height: 40px; padding: 0 10px 0 20px; color: #FFFFFF;}
.pkp_block.block_make_submission .content {margin: 0 !important; padding: 0 !important; text-align: center !important}
.pkp_block.block_make_submission .content a { background: #bcd2e7; line-height: 40px; font-family : Sunflower, helvetica, calibri; color: #FFFFFF}
.pkp_block.block_make_submission .content a:hover { background: rgba(0,0,0,0.25) !important;  color: #333333}

.obj_article_summary .item.doi .label {background: url(/public/journals/8/images/icon-doi.png) left center no-repeat;width: 25px !important; height:24px !important; color: transparent; text-indent: 100%;white-space: nowrap;overflow: hidden;}
.obj_article_summary .item.stats .abstract, .obj_article_summary .item.stats .galley {position:relative;}   
.obj_article_summary .item.stats .abstract {margin-left: 20px; margin-right: 10px;}   
.obj_article_summary .item.stats .galley {margin-left: 25px;}   
.obj_article_summary .item.stats .abstract:before { content: "\f080"; font-family: FontAwesome; left:-15px; position:absolute; top:0; }
.obj_article_summary .item.stats .galley:before { content: "\f1c1";  font-family: FontAwesome; left:-15px; position:absolute; top:0; }

.pkp_structure_footer_wrapper{border-bottom: none !important;}
.pkp_block {padding: 15px 10px;}

#customblock-Tools .content>.content div{width: 80% !important; margin: auto;}
#customblock-Tools .content>.content div a img{width: 100% !important;}
#customblock-Visitor_statistics .content>.content .supercounter,#customblock-Visitor_statistics .content>.content .statcounter {text-align:center;}
.sidebar-block{ background:#bcd2e7; padding: 5px 2px 5px 10px; color : #fff; margin: 10px -10px;}

.pkp_structure_footer .pkp_footer_content {background: #dcdcdc; padding: 10px !important;}
.pkp_structure_footer .pkp_footer_content p {margin: 0}
.pkp_structure_footer .pkp_brand_footer {background: #0d2455; height: auto !important; padding: 0;}
.pkp_structure_footer .pkp_brand_footer img {width: 48px !important; height: auto;}

.pkp_structure_footer .pkp_footer_content img {width: 88px; height:31px;}
.pkp_structure_footer .pkp_footer_content div.logo img{width: 65px; height:65px;}
.pkp_structure_footer .pkp_footer_content div.logo2 img{width: 88px; height:31px;}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
.banner-footer *{
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}
footer{
  position: relative;
  background: #509828;
  width: 100%;
  bottom: 0;
  left: 0;
}
footer::before{
  content: '';
  position: absolute;
  left: 0;
  top: 100px;
  height: 1px;
  width: 100%;
  background: rgba(255,255,255,.3);
}
footer .content{
  max-width: 1250px;
  margin: auto;
  padding: 30px 40px 40px 40px;
}
footer .content .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.content .top .logo-details{
  color: #fff;
  font-size: 30px;
}

footer .content .link-boxes{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
footer .content .link-boxes .box{
  width: calc(100% / 5 - 10px);
}
.content .link-boxes .box .link_name{
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  position: relative;
}
.link-boxes .box .link_name::before{
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 2px;
  width: 35px;
  background: #fff;
}
.content .link-boxes .box li{
  margin: 6px 0;
  list-style: none;
}
.content .link-boxes .box li a{
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  opacity: 0.8;
  transition: all 0.4s ease
}
.content .link-boxes .box li a:hover{
  opacity: 1;
  text-decoration: underline;
}

footer .bottom-details{
  width: 100%;
  background: #fffdf5;
}
footer .bottom-details .bottom_text{
  max-width: 1250px;
  margin: auto;
  padding: 20px 40px;
  display: flex;
  justify-content: space-between;
}
.bottom-details .bottom_text span,
.bottom-details .bottom_text a{
  font-size: 14px;
  font-weight: 300;
  color: #509828;
  opacity: 0.8;
  text-decoration: none;
}
.bottom-details .bottom_text a:hover{
  opacity: 1;
  text-decoration: underline;
}
.bottom-details .bottom_text a{
  margin-right: 10px;
}
@media (max-width: 900px) {
  footer .content .link-boxes{
    flex-wrap: wrap;
  }
  footer .content .link-boxes .input-box{
    width: 40%;
    margin-top: 10px;
  }
}
@media (max-width: 700px){
  footer{
    position: relative;
  }
  .content .top .logo-details{
    font-size: 26px;
  }
  .content .top .media-icons a{
    height: 35px;
    width: 35px;
    font-size: 14px;
    line-height: 35px;
  }
  footer .content .link-boxes .box{
    width: calc(100% / 3 - 10px);
  }
  footer .content .link-boxes .input-box{
    width: 60%;
  }
  .bottom-details .bottom_text span,
  .bottom-details .bottom_text a{
    font-size: 12px;
  }
}
@media (max-width: 520px){
  footer::before{
    top: 145px;
  }
  footer .content .top{
    flex-direction: column;
  }
  .content .top .media-icons{
    margin-top: 16px;
  }
  footer .content .link-boxes .box{
    width: calc(100% / 2 - 10px);
  }
  footer .content .link-boxes .input-box{
    width: 100%;
  }
}

@media (max-width: 768px){

footer .content{
    padding:20px;
}

footer .content .link-boxes{
    display:block;
}

footer .content .link-boxes .box{
    width:100%;
    margin-bottom:20px;
}

footer .bottom-details .bottom_text{
    display:block;
    text-align:center;
}

}

/* SIDEBAR MODERN */

/* Sidebar Section */
.sidebar-section {
    margin-bottom: 20px;
}

/* Sidebar Title */
.sidebar-title {
    background: #42A5F5;
    color: #ffffff;
    text-align: center;
    padding: 8px;
    font-family: Oswald, sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

/* Sidebar Content */
.sidebar-content,
.sidebar-login {
    background: #ffffff;
    border: 1px solid #BBDEFB;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.sidebar-content a {
    display: block;
    padding: 8px 10px;
    color: #333333;
    text-decoration: none;
    border-bottom: 1px solid #E3F2FD;
    transition: all .3s ease;
    text-align: center;
}

.sidebar-content a:last-child {
    border-bottom: none;
}

.sidebar-content a:hover {
    background: #E3F2FD;
    color: #42A5F5;
    transform: scale(1.02);
}

.sidebar-login {
    padding: 15px;
}

.sidebar-login input[type="text"],
.sidebar-login input[type="password"] {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #BBDEFB;
    border-radius: 4px;
    box-sizing: border-box;
}

.sidebar-login input[type="submit"] {
    width: 100%;
    background: #42A5F5;
    color: #ffffff;
    border: none;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
    transition: .3s;
    font-weight: 600;
}

.sidebar-login input[type="submit"]:hover {
    background: #1E88E5;
}

.sidebar-content img {
    max-width: 100%;
    height: auto;
}

section.cmp_announcements.highlight_first {
    display: block !important;
}

/* Homepage Announcement Full Width */
section.cmp_announcements.highlight_first {
    display: block !important;
}

section.cmp_announcements.highlight_first .obj_announcement_summary {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
	padding: 1.143rem .714rem;
}

/* Sembunyikan kolom announcement tambahan */
.pkp_page_index .cmp_announcements .more {
    display: none !important;
}

/* Kurangi jarak antar announcement */
.pkp_page_index .cmp_announcements > li {
    padding: 1.143rem .714rem !important;
    border-bottom: 1px solid #ddd;
}

/* Announcement */
.obj_announcement_summary p,
.obj_announcement_full p {
    margin-bottom: 12px;
    line-height: 1.8;
    text-align: justify;
}

.obj_announcement_summary ul,
.obj_announcement_full ul,
.obj_announcement_summary ol,
.obj_announcement_full ol {
    margin-top: 15px;
    margin-bottom: 20px;
    margin-left: 0;
    padding-left: 2.5rem;
    line-height: 1.8;
}

.obj_announcement_summary li,
.obj_announcement_full li {
    margin-bottom: 12px;
    line-height: 1.6;
}

.obj_announcement_summary hr,
.obj_announcement_full hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #ddd;
}

.obj_announcement_summary a,
.obj_announcement_full a {
    color: #0d2455;
    font-weight: 600;
    text-decoration: none;
}

.obj_announcement_summary a:hover,
.obj_announcement_full a:hover {
    color: #509828;
}

.pkp_page_index .additional_content {
    padding: 1.143rem .714rem 0 .714rem;
    border-top: 1px solid #ddd;
}

/* Default untuk static page */
.pkp_structure_main .page li {
    margin-bottom: 12px !important;
    line-height: 1.8 !important;
    text-align: justify !important;
}