/* ===== CSS BY ELKUATOR TEAM ===== */
/* 1. Reset & Global Styles */
/* global color */
:root {
    --primary-color: #1d90a8;
    --secondary-color: #f48221;
    --tertiary-color: #f2d292;
    --accent-color: #e9e5de;
    --text-color: #333;
    --border-color: #e8d7b7;
}
/* global typhography */
:root {
    --font-heading: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
    --font-body: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
}
/* global structure */
html {
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('https://e-journal.elkuator.com/public/site/images/admin/patterbjqh.png');
}
body {
    background: none;
    font-family: var(--font-body);
    color: var(--text-color);
    font-size: 15px;
}
a {
    color: var(--text-color);
    text-decoration: none;
}
a:hover {
    color: var(--primary-color);
}
/* typography */
h1, h2, h3, h4, h5 {
    font-family: var(--font-heading);
    color: var(--primary-color);
}



/* 2. Page Structure */
.pkp_structure_page {
    max-width: 1160px;
    margin: 20px auto;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 3px var(--primary-color);
    overflow: hidden;
}
.pkp_structure_main {
    padding-bottom: 0px;
}
.pkp_structure_main .page h1 {
    margin-bottom: 4px;
    font-size: 20px;
    text-align: justify;
}
.pkp_structure_main h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 22px;
} 
.pkp_structure_main p,
.pkp_structure_main ul, 
.pkp_structure_main ol {
    font-size: 17px;
}
.pkp_structure_main ol {
    padding: 0px;
    margin-bottom: 12px;
}
.pkp_structure_main:after {
    display: none;
}
/* additional content */
.additional_content {
 padding-top: 16px !important;
}
.additional-conten-flex {
 display: flex;
 align-items: flex-start;
 max-width: 800px;
 margin: auto;
 padding: 20px;
 border-radius: 12px;
 background: linear-gradient(135deg, #FFF2E5, #E3F2FD);
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 border: 1px solid #ddd;
}
/* indexing-logo */
@keyframes soft-pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}
.indexing-logo a img {
    width: auto;
    height: 40px;
    max-width: 150px;
    object-fit: contain;
    filter: brightness(1.1) contrast(1.1);
    animation: soft-pulse 3s infinite ease-in-out;
}
.indexing-logo a img:hover {
    animation: none;
    transform: scale(1.1);
}
.pkp_structure_head {
    background-color: transparent;
    border-bottom: none;
}
.pkp_structure_content,
.pkp_structure_footer,
.pkp_site_name_wrapper,
.pkp_search_mobile {
    width: 100%;
    margin: 0 auto;
}
.pkp_structure_sidebar {
    padding-top: 17px;
    padding-left: 0px;
    padding-right: 30px;
    padding-bottom: 10px;
}
.has_sidebar {
    padding: 0px 0px 0px 0px;
}
.pkp_structure_footer_wrapper {
    background: var(--primary-color);
}




/* 3. Header & Navigation */
.pkp_head_wrapper {
    padding-top: 0px !important;
}
.pkp_site_name_wrapper {
    background: var(--primary-color);
    padding: 0px;
}
.pkp_site_name,
.pkp_site_name a {
    color: white !important;
    background: var(--primary-color);
    padding: 0px;
}
.pkp_site_name .is_img {
    margin-top: 0;
    margin-bottom: 0;
}
.pkp_site_name .is_img img {
    max-height: max-content;
}
.pkp_site_nav_menu a:hover {
    color: white !important;
    background: var(--primary-color);
    border-bottom: none;
}
.pkp_nav_list ul a {
    color: white !important;
    background: var(--primary-color);
}
.pkp_nav_list ul a:hover {
    background: white !important;
    border-color: var(--secondary-color) !important;
    color: var(--primary-color) !important;
}
.pkp_navigation_primary_wrapper {
    margin: 0 auto;
    padding-left: 29px;
    padding-right: 0px;
    background: var(--primary-color);
}
.pkp_navigation_primary a {
    color: white !important;
    background:  var(--primary-color);
}
.pkp_navigation_primary>li:last-child a {
    margin-right: 0px
}
.pkp_navigation_primary a:hover {
    background: var(--primary-color) !important
}
.pkp_navigation_primary > li > a:focus {
    background: var(--primary-color) !important;
}
.pkp_navigation_primary>li>a:hover {
    border-bottom: none;
}
.pkp_navigation_user_wrapper {
    padding: 0px 4px 0px 0px !important;
}
.pkp_navigation_user > li > a {
    color: white;
    display: inline-block;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
    font-size: 15px;
    padding-right: 12px !important;
    margin-right: 6px !important;
    margin-top: 5px;
    background: var(--primary-color);
}
.pkp_navigation_user>li:hover ul {
    position: absolute;
    top: 2px !important;
    left: 0;
    transform: translate3d(0px, 30px, 0px);
    will-change: transform;
    width: 94%;
}
.pkp_navigation_search_wrapper a {
    color: white;
    padding-right: 24px;
}



/* 4. Homepage (Index) Content */

/* article summary */
.obj_article_summary {
    background: #fff;
    border: 1px solid var(--border-color);
    border-left: 3px solid var(--secondary-color);
    border-radius: 6px;
    padding: 20px;
    margin-bottom: -25px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    font-size: 13px;
}
.obj_article_summary img {
    vertical-align: bottom;
}
.obj_article_summary>.title {
    font-size: 16px;
    text-align: justify !important;
}
.obj_article_summary h3.title {
    font-size: 16px !important;
}
.obj_article_details .entry_details .item {
    border-bottom: 0px;
}
.obj_article_details .row {
    border-top: 0px;
    border-bottom: 0px;
    margin-top: 20px;
}
.obj_article_details .entry_details .label {
    border-bottom: 1px solid black;
    font-size: 16px !important;
}
.obj_article_details .authors li {
    margin-bottom: 0px;
}
.obj_article_details .item.authors {
    padding-top: 0px;
}
.obj_article_details .item.authors, 
.obj_article_details .item.doi, 
.obj_article_details .item.keywords {
    padding-bottom: 5px;
}
.obj_article_details .item.abstract {
    padding-top: 5px;
    padding-bottom: 0px;
}
.obj_article_details .item.cover_image {
    padding-top: 0px;
    padding-bottom: 0px;
}
.obj_article_details .item.cover_image img {
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.obj_article_details .entry_details .item {
    padding-bottom: 0px;
}
.obj_article_details .main_entry .item .label {
    margin-bottom: 0px;
}
.obj_article_details .item>h2+p, 
.obj_article_details .item>h2+a {
    color: black;
    margin-bottom: 6px;
}
.obj_article_details .copyright a[rel="license"]+p {
    color: black;
}
.obj_article_details .authors li {
    margin: 0px;
}
.obj_article_details .item.doi, 
.obj_article_details .item.keywords {
    padding-bottom: 2px;
    font-size: 17px;
    text-align: justify;
    line-height: normal;
}
.obj_article_details .item.abstract {
    padding-bottom: 0px;
    padding-top: 10px;
}
.obj_article_details .authors .userGroup {
    display: none;
}
.obj_article_details .main_entry .item.keywords .label {
    font-size: 17px;
}
.obj_article_details .authors .affiliation {
    font-size: 15px;
}
.obj_article_details .authors .name {
    color: black;
}
.obj_article_details .entry_details .item .label {
    font-size: 16px !important;
    color: black;
    border-bottom: solid 1px;
}
.obj_article_details .item.abstract p {
    line-height: normal !important;
}
.obj_article_details .item.doi {
    margin-top: 10px !important;
    margin-bottom: 6px;
}
article.obj_article_details .row {
    margin-top: 10px;
    border: none !important;
}
.obj_article_details .main_entry {
    border-right: none;
}

.obj_article_details .entry_details {
    border-left: none;
}
article.obj_article_details {
    text-align: justify;
}
/* announcement */
article.obj_announcement_summary img {
    max-width: 40%;
    height: auto;
    border-radius: 5px;
    box-shadow: 2px 2px 2px 2px rgba(0.2, 0.2, 0.2, 0.2);
}
article.obj_announcement_full img {
    max-width: 40%;
    height: auto;
    border-radius: 5px;
    box-shadow: 2px 2px 2px 2px rgba(0.2, 0.2, 0.2, 0.2);
}


/* 5. Article Detail Page */



/* 6. Sidebar Blocks */
.pkp_block {
    margin-bottom: 5px;
}
.pkp_block .content ul li {
    padding: 0px
}
/* menu */
.governing_body_title, 
.submission_title, 
.journal_policies_title, 
.visitor_header_title, 
.citedness_title, 
.eissn_title, 
.assosiate_title, 
.tools_title, 
.visitor_title {
    background: var(--primary-color);
    padding: 7px 15px;
    list-style: none;
    text-align: center;
    border-bottom: 2px solid var(--secondary-color);
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    border-radius: 5px 5px 0px 0px;
}
.governing_body_list, .submission_list, .journal_policies_list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.governing_body_item, .submission_item, .journal_policies_item {
    border: solid 1px var(--primary-color);
    border-top: none;
}
.governing_body_item:hover, 
.submission_item:hover, 
.journal_policies_item:hover {
    border-left: none !important;
    border-right: none !important;
}
.governing_body_item_link, 
.submission_item_link, 
.journal_policies_item_link {
    display: flex;
    align-items: flex-start;
    padding: 10px 15px;
    color: var(--primary-color);
    text-decoration: none;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    transition: all 0.2s ease;
}
.governing_body_item_link::before, 
.submission_item_link::before, 
.journal_policies_item_link::before {
    font-family: 'FontAwesome';
    margin-right: 12px;
    color: var(--primary-color);
    width: 18px;
    text-align: center;
    flex-shrink: 0;
}
.governing_body_item_link:hover::before, 
.submission_item_link:hover::before, 
.journal_policies_item_link:hover::before {
    color: white;
}
/* icon custom-block */
.fa {
    font-family: "FontAwesome" !important;
    display: inline-block;
    margin-right: 5px;
}
/* --- 1. GOVERNING BODY ICONS --- */
.governing_body_item_link[title*="Editorial Team"]::before { content: "\f0c0"; }
.governing_body_item_link[title*="Peer Reviewers"]::before { content: "\f233"; }
.governing_body_item_link[title*="Contact"]::before { content: "\f0e0"; }
/* --- 2. SUBMISSION ICONS --- */
.submission_item_link[title*="Submit Now"]::before { content: "\f0ee"; }
.submission_item_link[title*="Author Guidelines"]::before { content: "\f02d"; }
.submission_item_link[title*="Reviewer Guidelines"]::before { content: "\f044"; }
.submission_item_link[title*="Journal Template"]::before { content: "\f1c1"; }
.submission_item_link[title*="Privacy Statement"]::before { content: "\f023"; }
.submission_item_link[title*="Call For Editor"]::before { content: "\f0a1"; }
/* --- 3. JOURNAL POLICIES ICONS --- */
.journal_policies_item_link[title*="Aim and Scope"]::before { content: "\f05b"; }
.journal_policies_item_link[title*="Peer Review Process"]::before { content: "\f00c"; }
.journal_policies_item_link[title*="Publication Ethics"]::before { content: "\f24e"; }
.journal_policies_item_link[title*="Allegation"]::before { content: "\f071"; }
.journal_policies_item_link[title*="Retraction and Correction"]::before { content: "\f0e2"; }
.journal_policies_item_link[title*="Conflicts of Interest"]::before { content: "\f0ec"; }
.journal_policies_item_link[title*="Complaints and Appeals"]::before { content: "\f0e6"; }
.journal_policies_item_link[title*="Plagiarism Policy"]::before { content: "\f1f8"; }
.journal_policies_item_link[title*="Copyright and Licensing"]::before { content: "\f1f9"; }
.journal_policies_item_link[title*="Publication Frequency"]::before { content: "\f017"; }
.journal_policies_item_link[title*="Article Processing Charge"]::before { content: "\f155"; }
.journal_policies_item_link[title*="Withdrawal of Manuscript"]::before { content: "\f05e"; }
.journal_policies_item_link[title*="Open Access Policy"]::before { content: "\f09c"; }
.journal_policies_item_link[title*="Archiving Policy"]::before { content: "\f187"; }
.journal_policies_item_link[title*="Revenue Sources"]::before { content: "\f0d6"; }
.journal_policies_item_link[title*="Generative AI"]::before { content: "\f1b2"; }
.journal_policies_item_link[title*="Abstracting and Indexing"]::before { content: "\f022"; }

.governing_body_item_link:hover, 
.submission_item_link:hover, 
.journal_policies_item_link:hover {
    color: white;
    background: var(--primary-color);
    transform: translateX(5px);
}
/* gambar */
.png_citedness, 
.png-assosiate, 
.tools_grid, 
.png_visitor, 
.png_custom_block {
    border-radius: 0px 0px 5px 5px;
}
.png_custom_block,
.png-assosiate, 
.tools_grid, 
.png_visitor, 
.png_citedness {
    border: solid 1px var(--primary-color)
}
.png_custom_block img {
    width: 69%;
    display: block;
    margin: 4px 0px;
}
.png_citedness {
    padding: 27px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.png_citedness img {
    width: 79%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.png_citedness img:hover, 
.png_custom_block img:hover {
    transform: scale(1.05);
}
.png-assosiate {
    display: flex !important;
    flex-direction: row !important; 
    justify-content: center !important;
    align-items: center !important;
    gap: 30px !important;
    padding: 10px 5px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.png-assosiate img {
    flex: 1 !important; 
    height: 100px !important; 
    max-width: 120px !important; 
    object-fit: contain !important;
    display: block !important;
}
.png-assosiate img:hover {
    transform: scale(1.05);
}
/* tools */
.tools_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    padding: 0 !important;
    margin: 7px !important;
    list-style: none !important;
}
.tools_item {
    display: flex !important;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid var(--primary-color);
    height: 70px;
    padding: 5px;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
}
.tools_item a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 3px;
}
.tools_item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}
.tools_item:hover {
    border-color: #002c5f;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.png_visitor {
    padding: 9px;
    padding-top: 1px;
    padding-bottom: 1px;
}
.png_statcounter img:hover {
    transform: scale(1.05);
}



/* 7. Footer */
.pkp_brand_footer {
    display: none;
}
.pkp_footer_content {
    padding: 13px 0px;
}
.pkp_footer_content a:hover {
    color: white;
}
.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.site-footer {
    padding: 0rem 2rem;
}
.publisher-info-left {
    flex: 1;
    text-align: left;
}
.publisher-logo-right img {
    position: relative;
    width: 146px;
    margin: 21px 0px;
}
.publisher-logo {
    margin-bottom: 15px;
}
.mandalabjqh {
    display: block;
    font-size: 15px;
    /* margin-bottom: 10px; */
    color: white;
}
@keyframes putar-dong {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.mandalabjqh img {
    width: 46px;
    animation: putar-dong 3s linear infinite;
}
.publisher-logo {
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
    color: var(--text-color);
}
.publisher-logo a {
    display: inline-block;
    color: white
}
.publisher-logo img {
    height: 60px;
    width: auto;
    background-color: #ffffff;
    padding: 5px;
    border-radius: 5px;
}
.publisher-name {
    margin-bottom: 10px;
}
.publisher-name a {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
}
.publisher-address {
    line-height: 1.6;
}
.publisher-address a {
    color: var(--text-color);
    text-decoration: none;
    font-size: 14px;
}
.publisher-logo-right img:hover {
    transform: scale(1.05);
}
/* ==================================================
   FOOTER BOTTOM
   ================================================== */
.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid white;
    padding-top: 5px;
    gap: 1rem;
    flex-wrap: wrap;
}
.copyright-footer {
    text-align: left;
    font-size: 13px !important;
    color: var(--text-color);
}
.copyright-footer a {
    color: var(--text-color);
}
.copyright-footer a:hover {
    color: white !important;
}
.item.copyright p {
    font-size: 16px;
}
/* ==================================================
   SOCIAL MEDIA ICONS
   ================================================== */
.social-media {
    position: relative;
    display: flex;
    gap: 5px;
    right: -4px;
    justify-content: right;
    flex-wrap: wrap;
    margin-bottom: 0px;
}
.social-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
}
.social-icon::before {
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
}
.social-icon:hover::before {
    transform: scale(1.15);
}
.social-icon.facebook::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M20,10.1c0-5.5-4.5-10-10-10S0,4.5,0,10.1c0,5,3.7,9.1,8.4,9.9v-7H5.9v-2.9h2.5V7.9C8.4,5.4,9.9,4,12.2,4c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3c-1.2,0-1.6,0.8-1.6,1.6v1.9h2.8L13.9,13h-2.3v7C16.3,19.2,20,15.1,20,10.1z'/%3E%3C/svg%3E");
}
.social-icon.facebook:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%231877F2' d='M20,10.1c0-5.5-4.5-10-10-10S0,4.5,0,10.1c0,5,3.7,9.1,8.4,9.9v-7H5.9v-2.9h2.5V7.9C8.4,5.4,9.9,4,12.2,4c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3c-1.2,0-1.6,0.8-1.6,1.6v1.9h2.8L13.9,13h-2.3v7C16.3,19.2,20,15.1,20,10.1z'/%3E%3C/svg%3E");
}
.social-icon.twitter::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M15.3,1.9h2.8l-6.1,7L19,18.1h-5.6l-4.4-5.8l-5,5.8H1.2l6.5-7.4L1,1.9h5.8l4,5.3L15.3,1.9z M14.5,16.5h1.5L6.6,3.4H4.9L14.5,16.5z'/%3E%3C/svg%3E");
}
.social-icon.twitter:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M15.3,1.9h2.8l-6.1,7L19,18.1h-5.6l-4.4-5.8l-5,5.8H1.2l6.5-7.4L1,1.9h5.8l4,5.3L15.3,1.9z M14.5,16.5h1.5L6.6,3.4H4.9L14.5,16.5z'/%3E%3C/svg%3E");
}
.social-icon.instagram::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle fill='%23000000' cx='10' cy='10' r='3.3'/%3E%3Cpath fill='%23000000' d='M14.2,0H5.8C2.6,0,0,2.6,0,5.8v8.3C0,17.4,2.6,20,5.8,20h8.3c3.2,0,5.8-2.6,5.8-5.8V5.8C20,2.6,17.4,0,14.2,0zM10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z M15.8,5C15.4,5,15,4.6,15,4.2s0.4-0.8,0.8-0.8s0.8,0.4,0.8,0.8S16.3,5,15.8,5z'/%3E%3C/svg%3E");
}
.social-icon.instagram:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3ClinearGradient id='ig' x1='0%25' y1='100%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:%23FD5949'/%3E%3Cstop offset='50%25' style='stop-color:%23D6249F'/%3E%3Cstop offset='100%25' style='stop-color:%23285AEB'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle fill='url(%23ig)' cx='10' cy='10' r='3.3'/%3E%3Cpath fill='url(%23ig)' d='M14.2,0H5.8C2.6,0,0,2.6,0,5.8v8.3C0,17.4,2.6,20,5.8,20h8.3c3.2,0,5.8-2.6,5.8-5.8V5.8C20,2.6,17.4,0,14.2,0zM10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z M15.8,5C15.4,5,15,4.6,15,4.2s0.4-0.8,0.8-0.8s0.8,0.4,0.8,0.8S16.3,5,15.8,5z'/%3E%3C/svg%3E");
}
.social-icon.linkedin::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M18.6,0H1.4C0.6,0,0,0.6,0,1.4v17.1C0,19.4,0.6,20,1.4,20h17.1c0.8,0,1.4-0.6,1.4-1.4V1.4C20,0.6,19.4,0,18.6,0z M6,17.1h-3V7.6h3L6,17.1L6,17.1zM4.6,6.3c-1,0-1.7-0.8-1.7-1.7s0.8-1.7,1.7-1.7c0.9,0,1.7,0.8,1.7,1.7C6.3,5.5,5.5,6.3,4.6,6.3z M17.2,17.1h-3v-4.6c0-1.1,0-2.5-1.5-2.5c-1.5,0-1.8,1.2-1.8,2.5v4.7h-3V7.6h2.8v1.3h0c0.4-0.8,1.4-1.5,2.8-1.5c3,0,3.6,2,3.6,4.5V17.1z'/%3E%3C/svg%3E");
}
.social-icon.linkedin:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%230A66C2' d='M18.6,0H1.4C0.6,0,0,0.6,0,1.4v17.1C0,19.4,0.6,20,1.4,20h17.1c0.8,0,1.4-0.6,1.4-1.4V1.4C20,0.6,19.4,0,18.6,0z M6,17.1h-3V7.6h3L6,17.1L6,17.1zM4.6,6.3c-1,0-1.7-0.8-1.7-1.7s0.8-1.7,1.7-1.7c0.9,0,1.7,0.8,1.7,1.7C6.3,5.5,5.5,6.3,4.6,6.3z M17.2,17.1h-3v-4.6c0-1.1,0-2.5-1.5-2.5c-1.5,0-1.8,1.2-1.8,2.5v4.7h-3V7.6h2.8v1.3h0c0.4-0.8,1.4-1.5,2.8-1.5c3,0,3.6,2,3.6,4.5V17.1z'/%3E%3C/svg%3E");
}
.social-icon.youtube::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M15,0H5C2.2,0,0,2.2,0,5v10c0,2.8,2.2,5,5,5h10c2.8,0,5-2.2,5-5V5C20,2.2,17.8,0,15,0z M14.5,10.9l-6.8,3.8c-0.1,0.1-0.3,0.1-0.5,0.1c-0.5,0-1-0.4-1-1l0,0V6.2c0-0.5,0.4-1,1-1c0.2,0,0.3,0,0.5,0.1l6.8,3.8c0.5,0.3,0.7,0.8,0.4,1.3C14.8,10.6,14.6,10.8,14.5,10.9z'/%3E%3C/svg%3E");
}
.social-icon.youtube:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23FF0000' d='M15,0H5C2.2,0,0,2.2,0,5v10c0,2.8,2.2,5,5,5h10c2.8,0,5-2.2,5-5V5C20,2.2,17.8,0,15,0z M14.5,10.9l-6.8,3.8c-0.1,0.1-0.3,0.1-0.5,0.1c-0.5,0-1-0.4-1-1l0,0V6.2c0-0.5,0.4-1,1-1c0.2,0,0.3,0,0.5,0.1l6.8,3.8c0.5,0.3,0.7,0.8,0.4,1.3C14.8,10.6,14.6,10.8,14.5,10.9z'/%3E%3C/svg%3E");
}
.social-icon.threads::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M10.7 10.2c.5 0 1 .1 1.5.2-.1 1.1-.5 2.2-1.9 2.3-.6 0-1.1-.1-1.5-.5-.2-.2-.3-.4-.3-.9 0-.3.2-.6.5-.8.5-.2 1-.3 1.7-.3zM20 10c0 4.8 0 7.3-1.4 8.6C17.3 20 14.8 20 10 20s-7.3 0-8.6-1.4C0 17.3 0 14.8 0 10c0-4.9 0-7.3 1.4-8.6C2.7 0 5.1 0 10 0c4.9 0 7.3 0 8.6 1.4C20 2.7 20 5.2 20 10zM6.4 5.2c.9-.9 2.1-1.4 3.8-1.4 3.7 0 4.8 2.6 5 3.7l1.3-.3c-.3-1.1-1.6-4.7-6.3-4.7-2 0-3.5.6-4.7 1.8-1.3 1.4-2 3.5-1.9 6.2.1 4.4 2.6 7 6.5 7 3.3 0 5.7-1.9 5.7-4.5 0-1.7-.8-2.9-2.4-3.6-.2-2.4-1.6-3.3-3-3.4-2.2-.1-3 1.4-3.1 1.5l1.1.6s.5-.9 1.9-.8c.6 0 1.5.3 1.7 1.7-1.4-.3-2.8-.1-3.7.4-.6.4-1 1-1.1 1.7-.1.7.1 1.4.6 1.9.6.6 1.5 1 2.5.9 1.7-.1 2.7-1.3 3-3.1.8.5 1.1 1.1 1.1 2.2 0 1.8-1.9 3.2-4.4 3.2-4.6 0-5.2-4-5.2-5.7 0-1.7.2-3.9 1.6-5.3z'/%3E%3C/svg%3E");
}
.social-icon.threads:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M10.7 10.2c.5 0 1 .1 1.5.2-.1 1.1-.5 2.2-1.9 2.3-.6 0-1.1-.1-1.5-.5-.2-.2-.3-.4-.3-.9 0-.3.2-.6.5-.8.5-.2 1-.3 1.7-.3zM20 10c0 4.8 0 7.3-1.4 8.6C17.3 20 14.8 20 10 20s-7.3 0-8.6-1.4C0 17.3 0 14.8 0 10c0-4.9 0-7.3 1.4-8.6C2.7 0 5.1 0 10 0c4.9 0 7.3 0 8.6 1.4C20 2.7 20 5.2 20 10zM6.4 5.2c.9-.9 2.1-1.4 3.8-1.4 3.7 0 4.8 2.6 5 3.7l1.3-.3c-.3-1.1-1.6-4.7-6.3-4.7-2 0-3.5.6-4.7 1.8-1.3 1.4-2 3.5-1.9 6.2.1 4.4 2.6 7 6.5 7 3.3 0 5.7-1.9 5.7-4.5 0-1.7-.8-2.9-2.4-3.6-.2-2.4-1.6-3.3-3-3.4-2.2-.1-3 1.4-3.1 1.5l1.1.6s.5-.9 1.9-.8c.6 0 1.5.3 1.7 1.7-1.4-.3-2.8-.1-3.7.4-.6.4-1 1-1.1 1.7-.1.7.1 1.4.6 1.9.6.6 1.5 1 2.5.9 1.7-.1 2.7-1.3 3-3.1.8.5 1.1 1.1 1.1 2.2 0 1.8-1.9 3.2-4.4 3.2-4.6 0-5.2-4-5.2-5.7 0-1.7.2-3.9 1.6-5.3z'/%3E%3C/svg%3E");
}




/* 8. CUSTOM */
/* author-guidelines */
table.table2 {
    caption-side: bottom;
    border-collapse: collapse;
}
.table2 td {
    padding: 10px;
}
/* view artikel */
nav.cmp_breadcrumbs {
    margin-top: 15px;
}
.value > p {
    margin: 0px;
    padding-top: 10px;
    line-height: normal;
}
section.item.abstract > p {
    line-height: normal;
}
/* justify-align */
div#authorGuidelines {
    text-align: justify;
}
div#privacyStatement {
    text-align: justify;
}
/* --- visitor card --- */
figure.visitor_card {
    margin: 1rem 0px;
}
/* --- Editorial Team --- */
.editorial-team {
    line-height: 1.6;
    color: #333;
    max-width: 1000px;
}
.editorial-section {
    margin-bottom: 0px;
}
.editorial-section-title {
    border-bottom: 1px solid #2c3e50;
    padding-bottom: 4px;
    margin-bottom: 4px !important;
    margin-top: 7px !important;
    color: #2c3e50;
    font-size: 1.2rem;
}
.editorial-member-card {
    padding: none;
}
.editorial-featured {
    border-left: 3px solid #e4a121;
    margin-bottom: 10px;
}
.editorial-member-name {
    margin: 0px !important;
    line-height: 17px !important;
}
.editorial-member-name strong {
    color: #1a1a1a;
    font-size: 1.05rem;
}
/* Styling Tombol Link (Scopus, ORCID, dll) */
.editorial-link-btn {
    display: inline-block;
    padding: 2px 10px;
    /* margin: 5px 4px 5px 0; */
    border-radius: 4px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
    border: 1px solid #002478;
}
/* Warna Spesifik untuk masing-masing Button */
.editorial-scopus  { color: #ff6600; border-color: #ff6600; }
.editorial-wos     { color: #2c3e50; border-color: #2c3e50; }
.editorial-scholar { color: #4285f4; border-color: #4285f4; }
.editorial-orcid   { color: #a6ce39; border-color: #a6ce39; }
.editorial-sinta   { color: #212529; border-color: #212529; }
/* Hover Effect */
.editorial-link-btn:hover {
    background: #f0f0f0;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
/* Layout Card agar Foto dan Teks Berdampingan */
.editorial-member-card {
    display: flex; /* Mengaktifkan Flexbox */
    align-items: flex-start; /* Teks rata atas terhadap foto */
    gap: 5px; /* Jarak antara foto dan teks */
    background: #fdfdfd;
}
/* Pengaturan Foto */
.editorial-photo {
     /* Ukuran lebar foto */
     height: 70px;
     width: 70px;
     object-fit: cover;
     border-radius: 8px;
     background-color: #f0f0f0;
     flex-shrink: 0;
     border: 1px solid #ddd;
     margin: 8px;
     margin-bottom: 0px;
     margin-top: 0px;
}
.editorial-member-info {
    flex: 1; /* Agar info teks mengambil sisa ruang yang ada */
}
/* --- link: underline --- */
.animated-link {
    text-decoration: none !important;
}

/* --- View Profile --- */
ul.dropdown-menu.show {
    margin-top: 4px;
}


/* obj issue */
.obj_issue_summary .cover img {
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
/* --- Archieve --- */
.obj_issue_toc .section>h2 {
    display: inline-block;
    position: relative;
    left: 0px;
    margin-top: 0px;
    padding: 0 1.0715rem;
    background: var(--primary-color);
    font-size: 1.143rem;
    border-radius: 5px;
    font-weight: 400;
    line-height: 2.143rem;
    color: white;
    margin-bottom: 9px;
}
.obj_issue_toc .section>h3 {
        display: inline-block;
        position: relative;
        left: 0px;
        margin-top: 0;
        padding: 0 1.0715rem;
        background: var(--primary-color);
        font-size: 1.143rem;
        border-radius: 5px;
        font-weight: 400;
        line-height: 2.143rem;
        color: white;
        margin-bottom: 9px;
    }
.obj_issue_summary a.title {
    font-size: 17px;
}
.obj_issue_summary div.series {
    font-size: 16px;
}
.obj_issue_summary .cover {
    margin-bottom: 2px;
    margin-right: 2px;
}
.obj_issue_toc p img, 
.obj_issue_summary .description img {
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    transition: all 0.3s ease-in-out;
    filter: grayscale(20%);
}
.obj_issue_toc p img:hover,
.obj_issue_summary .description img:hover {
    transform: translateY(-5px); 
    filter: grayscale(0%);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15); 
    background-color: #fff;
}
.obj_issue_toc .galleys_links {
    padding-bottom: 6px;
}
.obj_issue_toc .cover img {
    border-radius: 15px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1)
}
.obj_issue_toc .section {
    margin-top: -90px;
}
.obj_issue_toc .section:before {
    display: none !important;
}
.obj_issue_toc .cover {
    margin-bottom: 12px;
}
/* --- editorial team --- */
.editorial-member-affiliation {
    margin: 0px !important;
    font-size: 14px !important;
}
/* ---finisihing */
section.current_issue >h2 {
    color: white;
    background: var(--primary-color);
    border-radius: 5px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.current_issue_title {
    color: var(--primary-color);font-size: 17px;margin-top: 12px !important;margin-bottom: 12px !important;
}
.description p {
    font-size: 16px;
}
.section {
    padding-top: 0px;
}
.obj_galley_link {
    color: white;
    background: var(--primary-color);
    border: 1x solid var(--primary-color);
}
.obj_galley_link:hover {
    background: white;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
a.read_more {
    background: var(--primary-color);
    border-radius: 5px;
    color: white !important;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-top: 5px;
}
a.read_more:hover {
    background: white;
    color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
}
a.btn-submit {
    display: inline-block;
    color: white;
    background: var(--primary-color);
    padding: 8px 15px;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
a.btn-submit:hover {
    background: var(--tertiary-color) !important;
    color: var(--primary-color) !important;
}
/* transisi artikel */
.cmp_article_list li {
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.cmp_article_list li::before {
    transition: width 0.4s ease;
}
.cmp_article_list li:hover {
    transform: translateX(10px);
}
.page_issue_archive .issues_archive {
    border-top: none;
}
.page_issue_archive .issues_archive>li {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: none;
}
.page.page_issue_archive h1 {
    margin-bottom: 6px;
}
.page.page_issue_archive ol {
    margin-bottom: 4px;
}
.page.page_issue h1 {
    font-size: 17px;
    margin-bottom: 4px;
}
.page.page_issue ol {
    margin-bottom: 5px !important;
}

/* -- announcement -- */
.cmp_announcements.cmp_announcements>li {
    padding-top: 0px;
}
.obj_announcement_summary h2 a {
    font-size: 20px
}
/* -- Contant --*/
.contact.primary .name, .affiliation {
    font-size: 16px;
}

.contact.primary, .contact.support a {
    font-size: 15px;
}
/* Abstract View */

.item.copyright a {
    color: black !important;
}
section.item.authors {
    padding-top: 10px;
    padding-bottom: 0px;
}

.item.abstract h2.label {
    margin-bottom: 2px !important;
    font-size: 17px !important;
}
section.item.references {
    padding-top: 10px;
}
section.item.references h2.label {
    margin-bottom: 0px !important;
}
.item references p {
    padding-top: 2px;
}
.value p {
    margin-bottom: 9px;margin-top: 0px;line-height: normal;
}
.sub_item img {
    border-radius: 5px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.item.cover_image {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border: none !important;
}
.item.galleys {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border: none !important;
}
.entry_details .item galleys {
    margin-top: 2px;
}
.item.published {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border: none !important;
}
.item.issue {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border: none !important;
}
.item.copyright {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border: none !important;
}
.item.citation {
    padding-top: 12px !important;
}
.csl-entry {
    font-size: 16px;
    text-align: justify;
}
.value a.title {
    font-size: 16px;
}
.sub_item .value {
    font-size: 16px;
}
/* pengaturan-garis */
.page_issue_archive .issues_archive>li {
    border-bottom: none;
}





/* 9. Responsive (Media Queries) */
@media (max-width: 1280px) {
    .pkp_structure_page {
        max-width: 95%;
        margin: 15px auto;
    }
    .pkp_navigation_primary_wrapper {
        padding-left: 20px;
    }
    .footer-top {
        gap: 30px;
    }
}
@media (max-width: 1024px) {
    .pkp_structure_page {
        max-width: 93%;
        margin: 12px auto;
    }
    .pkp_navigation_primary_wrapper {
        padding-left: 30px;
    }
    .obj_issue_summary .cover {
        margin-right: 16px;
    }
    .footer-top {
        flex-direction: column;
        gap: 25px;
    }
    .publisher-logo-right img {
        height: 100px;
    }
    .social-media {
        justify-content: flex-start;
        right: 0;
    }
}
@media (min-width: 992px) {
    .pkp_block {
        padding: 0px 0px 5px 0px !important;
    }
}
@media (max-width: 768px) {
    .pkp_page_index .additional_content {
        border-top: none;
    }
    body {
        font-size: 14px;
    }
    .pkp_structure_page {
        max-width: 90%;
        margin: 10;
        border-radius: 0;
    }
    .pkp_site_name .is_img img {
        display: none;
    }
    .pkp_navigation_primary_wrapper {
        padding-left: 10px;
    }
    .pkp_structure_sidebar {
        padding: 10px;
    }
    .pkp_block {
        margin: 0px;
        padding: 5px;
    }
    div#customblock-scopus-citedness, 
    div#customblock-in-association-with, 
    div#customblock-tools, 
    div#customblock-visitors, 
    div#customblock-e-issn {
        padding-left: 10px;
    }
    .png_visitor > a > img {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 4px;
    }
    .obj_article_summary {
        padding: 15px;
    }
    .obj_issue_summary .cover {
        margin-right: 16px;
    }
    .obj_issue_toc .section {
    padding-left: 20px;
    }
    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .publisher-logo-right {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .social-media-wrapper {
    margin-left: auto;
    }
}
@media (max-width: 576px) {
    body {
        font-size: 13px;
    }
    .pkp_navigation_primary_wrapper {
        padding-left: 8px;
    }
    .pkp_navigation_user > li > a {
        font-size: 13px;
        padding-right: 10px !important;
        margin-right: 4px !important;
    }
    .pkp_site_name .is_img img {
        max-height: 60px;
        width: auto;
    }
    .obj_article_summary,
    .obj_issue_toc {
        padding: 12px;
        margin-bottom: 18px;
    }
    .publisher-logo img {
        height: 50px;
    }
    .social-icon {
        width: 18px;
        height: 18px;
    }
    .social-icon::before {
        width: 14px;
        height: 14px;
    }
}
@media only screen and (max-width: 425px) {
    .has_site_logo .pkp_head_wrapper {
        padding-right: 0px;
    }
    .pkp_page_index .additional_content {
        border-top: none;
    }
    .obj_issue_toc .description>*:first-child {
        margin-bottom: 1px;
    }
    .obj_issue_toc .section>h3 {
        margin-top: 35px;
    }
    .obj_issue_toc .description>*:last-child {
        margin-top: 0px;

    }
    .obj_issue_toc .published {
        margin-top: 0px;
    }
    .obj_issue_toc .section>h2 {
        margin-top: 40px;
    }
    .pkp_block {
        margin: 0px;
        padding: 2px 0px;
    }
    .obj_issue_toc .section {
    padding-left: 0px;
    }
    div#customblock-scopus-citedness, 
    div#customblock-in-association-with, 
    div#customblock-tools, 
    div#customblock-visitors, 
    div#customblock-e-issn {
        padding-left: 0px;
    }
    a.read_more {
        margin: 7px 2px 2px 2px;
        padding: 2px 10px;
    }
    .obj_issue_toc {
        margin: 0px;
        padding: 0px
    }
    .obj_article_summary {
        margin: 0px 2px;
        padding: 2px 6px;
    }
    .editorial-team {
        padding: 0px;
    }
    .editorial-member-card {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .publisher-logo-right {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}