body {
    background-color: #eef3fc;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}
.pkp_structure_page {
    background: transparent;
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 0;
}
.pkp_structure_head {
    background-color: #eef3fc;
    border-bottom: none;
}
.pkp_head_wrapper,
.has_site_logo .pkp_head_wrapper {
    position: relative;
    width: fit-content;
}
.pkp_site_name_wrapper {
    padding-left: 0;
    padding-right: 0;
    height: auto;
}
.pkp_site_name {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
}
.pkp_site_name .is_img {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
.pkp_site_name .is_img img {
    width: 100%;
    max-height: 300px;
    font-size: 2em;
}
.pkp_site_name .is_img img:hover {
    transform: none;
    transition: none
}
.pkp_site_nav_menu {
    display: block;
}
.pkp_navigation_primary_row {
    background: #91ced9;
    padding-left: 2.143rem;
    padding-right: 2.143rem;
}
#navigationPrimary a {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}
#navigationPrimary > li > a {
    padding-bottom: 6px;
    border-bottom-width: 4px;
    color: #000;
    transition: background-color .2s ease, color .2s ease;
}
#navigationPrimary > li > a:hover {
    color: #076375;
}
#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus {
    border-color: #076375;
}
#navigationPrimary ul a {
    background-color: #91ced9;
    color: #000;
}
#navigationPrimary ul a:hover {
    color: #076375;
}
.dropdown-menu {
    display: none;
}
.dropdown-menu.show {
    display: none;
}
[data-toggle="dropdown"]:hover+.dropdown-menu,.dropdown-menu:hover {
    display: block;
}
.pkp_navigation_search_wrapper a {
    padding-bottom:6px;
    border-bottom-width: 4px;
    color: #000;
    transition: background-color .2s ease, color .2s ease;
}
.pkp_navigation_search_wrapper a:hover,.pkp_navigation_search_wrapper a:focus {
    color: #076375;
    border-color: #fff;
}
.pkp_navigation_user_wrapper {
    top: 13px;
    width: 30%;
    transform: none;
    padding-right: 8px;
}
.pkp_navigation_user_wrapper a {
    color: #000;
}
.pkp_navigation_user_wrapper ul a:hover,
.pkp_navigation_user_wrapper ul a:focus {
    color: #076375;
}
.pkp_navigation_user_wrapper .pkp_navigation_user {
    width: auto;
}
.pkp_nav_list li .profile {
    margin-right: 0;
}
.pkp_navigation_user > li > a {
    color: #000;
}
#navigationUser {
    padding-right: 10px;
}
#navigationUser > li > a {
  color: #000;
  border-radius: 8px;
  background-color: #91ced9;
  transition: all 0.2s ease-in-out;
}
#navigationUser > li > a:hover,
#navigationUser > li > a:focus {
  color: #076375;
  background-color: #d7f2f6;
}
#navigationUser .dropdown-menu {
  display: none;
  position: absolute;
  background: transparent;
  width: 94%;
}
#navigationUser li:hover > .dropdown-menu,
#navigationUser li:focus-within > .dropdown-menu {
  display: block;
}
#navigationUser .dropdown-menu li {
  margin-top: 3px;
}
#navigationUser .dropdown-menu li a {
  display: block;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 700;
  color: #000000;
  border-radius: 6px;
  background-color: #91ced9;
  transition: all 0.2s ease-in-out;
  width: 115%;
  box-sizing: border-box;
  padding-left: 0.357rem;
  border-left: .357rem solid transparent;
}
#navigationUser .dropdown-menu li a:hover,
#navigationUser .dropdown-menu li a:focus {
  background-color: #d7f2f6;
  color: #076375;
}
.pkp_page_index .homepage_image img {
    display: block;
    width: 100%;
    height: auto;
}
.pkp_structure_content {
    width: auto;
    padding-top: 0;
    font-size: 15px;
    box-shadow: inset 0 0 5px 0.5px rgba(103, 104, 107, 0.34);
    position: relative;
}
.pkp_structure_main {
    float: left;
    background-color: transparent;
    width: 850px;
    padding: 1.43rem;
}
.pkp_page_index .additional_content {
    border-top: 0;
    padding: 0;
    padding-right: 0;
    padding-left: 0;
    text-align: justify;
    margin-left: 0;
    margin-right: 0;
}
.btn-submit:hover {
  background: #147a8c;
  transform: translateX(10px);
  animation: shakeX 0.5s ease;
}
.page_index_journal .current_issue h2 {
    display: inline-block;
    padding-bottom: 0.5em;
    border-bottom: 3px solid #d4d7d9;
    text-transform: uppercase;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.54);
}
.page_index_journal .current_issue .current_issue_title {
    font-size: 16px;
    margin: 20px 0;
    font-weight: 700;
}
.obj_issue_toc .cover {
    display: none;
}
.obj_issue_toc .cover img {
    margin-left: auto;
    margin-right: auto;
}
.obj_issue_toc .description {
    margin-top: 0
}

.obj_issue_toc .description img {
    width: 50px;
}
.obj_issue_toc .heading .published {
    font-weight: 700;
    color: rgba(0,0,0,0.54);
    text-transform: uppercase
}
.page_index_journal .obj_issue_toc .section {
    position: relative;
    margin: 0 0;
    padding: 0;
}
.page_index_journal .obj_issue_toc .section h3 {
    display: inline-block;
    position: relative;
    left: 0;
    border-bottom: 3px solid #f38621;
    font-size: 14px;
    line-height: 30px;
    background: #096375;
    color: #ffffff;
}
ul.galleys_links {
  list-style: none;
}
.obj_article_summary {
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  background: rgba(145, 206, 217, 0.25);
  border-radius: 15px;
}
.obj_article_summary .cover {
  display: block;
  float: left;
  width: 70px;
  height: auto;
  margin-right: 15px;
}
.obj_article_summary .title {
  text-align: justify;
  text-transform: none;
}
.obj_article_summary .title a {
  display: block;
  font-size: 15px;
  color: #000;
  background: transparent;
}
.obj_article_summary .title a:hover {
  color: #1d90a9;
}
.obj_article_summary .galleys_links {
  float:left;
	text-align:left;
	width:100%;
  list-style: none;
  margin-bottom: 0.5em;
}
.obj_article_summary .galleys_links a {
  color: #fff;
  background-color: #096375;
}
.obj_article_summary .galleys_links a:hover {
  background-color: #17a5b7;
  text-decoration: none;
}
.obj_article_summary img {
  position: relative;
  top: 5px;
}
.obj_article_details .page_title {
  font-weight: 600;
}
.obj_article_details .doi a {
  color: #101e5a;
  font-family: "Source Sans Pro", sans-serif;
}
.obj_article_details .doi a:hover {
  color: #3366cc;
  font-family: "Source Sans Pro", sans-serif;
}
.obj_article_details .entry_details .item.galleys .galleys_links {
  padding: 0;
  background-color: #eef3fc;
}
.obj_article_details .entry_details .item.galleys .galleys_links a {
  color: #fff;
  background-color: #1b91a9;
}
.obj_article_details .entry_details .item.galleys .galleys_links a:hover {
  background-color: #17a5b7;
  transform: scale(1.1);
}
.obj_article_details .entry_details .sub_item:not(:first-child) .label {
  display: inline-block;
  padding: 0.5em 0;
  margin: 0 20px;
  width: 83%;
  border-bottom: 1px solid #101e5a;
}
.obj_article_details .entry_details .item .value ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.obj_article_details .entry_details .item .value ul li {
  padding: 5px 0;
}
.obj_article_details .main_entry .label {
  border-bottom: 0;
  border-left: 0;
  font-weight: 300;
  text-transform: capitalize;
  width: 100%;
  border-radius: 15px;
}
.obj_article_details .item {
    text-align: justify;
}
.obj_article_details .main_entry .item .label {
  font-size: 16px;
}
.obj_article_details .galleys_links a:hover {
  background-color: #3366cc;
  text-decoration: none;
}
.pkp_structure_sidebar:before {
  border-left: 1px solid #ddd;
}
.pkp_block {
    padding: 10px 10px 10px 10px; 
    font-size: 14px;
    line-height: 20px;
}
.pkp_block .content ul li {
    padding: 0;
}
.pkp_block ul li a:hover {
    text-decoration: none;
    background-color: #096375;
}
.pkp_block img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    display: block;        /* hilangkan spasi bawah inline-img */
    margin: 8px auto;
}
.pkp_block img:hover {
    transform: scale(1.03);
    transition: 0.3s ease;
    opacity: 0.95;
}
.pkp_structure_footer_wrapper {
    background: rgba(0, 0, 0, 0.05);
    border-top: none;
    border-bottom: none;
    font-size: 15px;
}
.pkp_footer_content a {
    padding: 0;
    text-align: left;
    color: #000;
    text-decoration: none;
}
.pkp_footer_content a:hover {
  color: #3366cc;
  text-decoration: none;
}
.pkp_brand_footer {
  display: none;
}
.obj_issue_toc>.galleys h2,.obj_issue_toc .section h2 {
    display: inline-block;
    position: relative;
    left: 0;
    border-bottom: 3px solid #f38621;
    font-size: 14px;
    line-height: 30px;
    background: #096375;
    color: #ffffff;
}
.page_issue_archive .issues_archive {
  margin-left: 0;
  margin-right: 0;
}
.page_issue_archive .issues_archive > li {
  margin: 0 0 0 0;
  padding: 2em 0 0 0.7em;
}
.obj_issue_summary {
  padding-left: 1em;
}
.obj_issue_summary .cover {
  display: block;
}
.header_view .return {
    color: #086375;
}
.header_view .return:hover {
  background: #086375;
  color: #fff;
}
.header_view .title {
  padding-left: 50px;
  font-size: 13px;
  color: #fff;
  background: #086375;
}
.header_view .title:hover {
  background: #fff;;
  color: #086375;
}
.header_view .download {
    color: #086375;
}
.header_view .download:hover {
  background: #086375;
  color: #fff;
}
.journal-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 20px;
}
.journal-item {
    display: flex;
    justify-content: center;
    align-items: center;
}
.journal-item:hover {
    transform: scale(1.03);
    transition: 0.3s ease;
    opacity: 0.95;
}
.journal-item img {
    width: 100%;
    height: auto;
    border-radius: 15px;
}