@import url('https://fonts.googleapis.com/css?family=Boogaloo'); 
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Andada&display=swap');

.pkp_structure_main h1 {
    color: #26190c;
    margin: 10px 0 5px 0;
    font-weight: 550;
    font-size: 2.1em;
    line-height: 30px;
    font-family: Boogaloo, serif;
    text-shadow: 0 1px 2px #353d3a;
}
	
.panel-default > .panel-heading, .pkp_block .title {   
  
    color: #ffffff;    
    background: rgba(179,220,237,1);
    background: -moz-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,220,237,1)), color-stop(100%, rgba(41,184,229,1)));
    background: -webkit-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 100%);
    background: -o-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 100%);
    background: -ms-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 100%);
    background: linear-gradient(to bottom, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#29b8e5', GradientType=0 );
}

.obj_article_details .doi {
    font-family: Andada, serif;
	Font-size: 0.8em;
}

.obj_article_details .authors {
	Font-size: 1.0em;
    font-family: Andada, serif;
}

a {
    color: #003399;
    text-decoration: none;
}


.galley_links {
    list-style-type: none;
    padding-left: 0;
    display: none;
    padding-right: 10px;
}

.obj_article_summary {
padding-bottom: 1px !important;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(106deg, #000000 0%, #43bf64 44%, #275197 100%);
  border-image-slice: 1;
  font-size: 12px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.12), 0 0px 0px rgba(0, 0, 0, 0);
	}
	
	
	.pkp_navigation_user_wrapper {
        top: -0.343rem;
        transform: none;
        padding-right: 0.243rem;
        position: absolute;
    }
	
.obj_article_details .authors .affiliation {
    font-size: .86rem;
    font-weight: 600;
}

/* =========================================================
   1. ABSTRACT
   NAVY SOFT ELEGANT STYLE
   ========================================================= */

.main_entry .item.abstract {
    text-align: justify !important;

    margin: 18px 0 22px !important;
    padding: 17px 20px !important;

    background:
        linear-gradient(
            135deg,
            #f8fafc 0%,
            #f1f5f9 58%,
            #eef3f8 100%
        ) !important;

    border: 1px solid #d7e0ea !important;

    /* Border tebal di kanan */
    border-right: 5px solid #0e2a4f !important;

    border-radius: 10px !important;

    box-shadow:
        0 4px 14px rgba(14, 42, 79, 0.055) !important;

    color: #334155 !important;

    font-size: 13px !important;
    line-height: 1.8 !important;

    transition:
        box-shadow .25s ease,
        border-color .25s ease,
        transform .25s ease !important;
}


/* =========================================================
   JUDUL ABSTRACT
   ========================================================= */

.main_entry .item.abstract .label,
.main_entry .item.abstract h2,
.main_entry .item.abstract h3 {
    margin: 0 0 10px !important;
    padding-bottom: 7px !important;

    color: #0e2a4f !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;

    border-bottom: 1px solid #d7e0ea !important;
}


/* =========================================================
   PARAGRAF ABSTRACT
   ========================================================= */

.main_entry .item.abstract p {
    margin: 0 !important;

    text-align: justify !important;

    color: #475569 !important;

    font-size: 13px !important;
    line-height: 1.8 !important;
}


/* =========================================================
   STRONG / BOLD
   ========================================================= */

.main_entry .item.abstract strong,
.main_entry .item.abstract b {
    color: #0e2a4f !important;
    font-weight: 700 !important;
}


/* =========================================================
   LINK
   ========================================================= */

.main_entry .item.abstract a {
    color: #0e2a4f !important;

    text-decoration: none !important;

    font-weight: 600 !important;

    transition:
        color .2s ease,
        text-decoration-color .2s ease !important;
}

.main_entry .item.abstract a:hover {
    color: #1d4e89 !important;

    text-decoration: underline !important;

    text-underline-offset: 2px !important;
}



/* =========================================================
   RESPONSIVE MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .main_entry .item.abstract {
        margin-top: 15px !important;
        margin-bottom: 16px !important;

        padding: 14px 15px !important;

        border-right-width: 4px !important;

        border-radius: 8px !important;
    }

    .main_entry .item.abstract .label,
    .main_entry .item.abstract h2,
    .main_entry .item.abstract h3 {
        font-size: 15px !important;
    }

    .main_entry .item.abstract p {
        font-size: 11.8px !important;
        line-height: 1.65 !important;
    }
}


/* =========================================================
   2. REFERENCES WRAPPER
   ========================================================= */

.obj_article_details .main_entry .item.references,
.obj_article_details .main_entry .article-references,
.main_entry .item.references,
.main_entry .article-references {
    margin-top: 20px !important;
    margin-bottom: 20px !important;

    padding: 19px 20px !important;

    background:
        linear-gradient(
            135deg,
            #fffdf9 0%,
            #fbf6ee 100%
        ) !important;

    border: 1px solid #eadfce !important;
    border-left: 4px solid #b88a5a !important;

    border-radius: 10px !important;

    box-shadow:
        0 4px 14px rgba(93, 64, 38, 0.045) !important;

    color: #66584b !important;
}


/* =========================================================
   3. JUDUL REFERENCES
   ========================================================= */

.obj_article_details .main_entry .item.references .label,
.obj_article_details .main_entry .article-references .label,
.obj_article_details .main_entry .item.references h2,
.obj_article_details .main_entry .article-references h2,
.obj_article_details .main_entry .item.references h3,
.obj_article_details .main_entry .article-references h3,
.main_entry .item.references .label,
.main_entry .article-references .label {
    display: block !important;

    margin: 0 0 13px !important;
    padding: 0 0 8px !important;

    color: #7b5a3d !important;

    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;

    border-bottom: 1px solid #eee2d4 !important;
}


/* =========================================================
   4. ORDERED LIST
   ========================================================= */

.obj_article_details .main_entry .item.references ol,
.obj_article_details .main_entry .article-references ol,
.main_entry .item.references ol,
.main_entry .article-references ol {
    margin: 0 !important;

    padding-left: 24px !important;

    color: #6d5f52 !important;

    font-size: 12.4px !important;
    line-height: 1.7 !important;
}


/* =========================================================
   5. SETIAP ITEM REFERENSI
   ========================================================= */

.obj_article_details .main_entry .item.references ol li,
.obj_article_details .main_entry .article-references ol li,
.main_entry .item.references ol li,
.main_entry .article-references ol li {
    margin: 0 0 9px !important;

    padding: 0 0 9px 3px !important;

    color: #6b5c4f !important;

    border-bottom: 1px dashed #eadfce !important;

    text-align: left !important;

    transition:
        background .2s ease,
        padding-left .2s ease,
        border-color .2s ease !important;
}


/* Item terakhir */
.obj_article_details .main_entry .item.references ol li:last-child,
.obj_article_details .main_entry .article-references ol li:last-child,
.main_entry .item.references ol li:last-child,
.main_entry .article-references ol li:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;

    border-bottom: none !important;
}



/* =========================================================
   6. NOMOR REFERENSI
   ========================================================= */

.obj_article_details .main_entry .item.references ol li::marker,
.obj_article_details .main_entry .article-references ol li::marker,
.main_entry .item.references ol li::marker,
.main_entry .article-references ol li::marker {
    color: #a47346 !important;

    font-size: 11px !important;
    font-weight: 700 !important;
}


/* =========================================================
   7. DOI / LINK
   ========================================================= */

.obj_article_details .main_entry .item.references a,
.obj_article_details .main_entry .article-references a,
.main_entry .item.references a,
.main_entry .article-references a {
    color: #9a6b3f !important;

    text-decoration: none !important;

    font-weight: 500 !important;

    overflow-wrap: anywhere !important;
    word-break: break-word !important;

    transition:
        color .2s ease,
        text-decoration-color .2s ease !important;
}


.obj_article_details .main_entry .item.references a:hover,
.obj_article_details .main_entry .article-references a:hover,
.main_entry .item.references a:hover,
.main_entry .article-references a:hover {
    color: #6f4c2f !important;

    text-decoration: underline !important;

    text-underline-offset: 2px !important;
}


/* =========================================================
   8. PARAGRAF REFERENSI
   ========================================================= */

.obj_article_details .main_entry .item.references p,
.obj_article_details .main_entry .article-references p,
.main_entry .item.references p,
.main_entry .article-references p {
    margin: 0 0 9px !important;

    padding-bottom: 9px !important;

    color: #6b5c4f !important;

    font-size: 12.4px !important;
    line-height: 1.7 !important;

    border-bottom: 1px dashed #eadfce !important;
}


.obj_article_details .main_entry .item.references p:last-child,
.obj_article_details .main_entry .article-references p:last-child,
.main_entry .item.references p:last-child,
.main_entry .article-references p:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;

    border-bottom: none !important;
}


/* =========================================================
   10. RESPONSIVE MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .main_entry .item.abstract,
    .obj_article_details .main_entry .item.references,
    .obj_article_details .main_entry .article-references,
    .main_entry .item.references,
    .main_entry .article-references {
        margin-top: 15px !important;
        margin-bottom: 16px !important;

        padding: 14px 15px !important;

        border-radius: 8px !important;
    }


    .main_entry .item.abstract .label,
    .main_entry .item.abstract h2,
    .main_entry .item.abstract h3,
    .obj_article_details .main_entry .item.references .label,
    .obj_article_details .main_entry .article-references .label,
    .main_entry .item.references .label,
    .main_entry .article-references .label {
        font-size: 15px !important;
    }


    .main_entry .item.abstract p,
    .obj_article_details .main_entry .item.references ol,
    .obj_article_details .main_entry .article-references ol,
    .main_entry .item.references ol,
    .main_entry .article-references ol,
    .obj_article_details .main_entry .item.references p,
    .obj_article_details .main_entry .article-references p,
    .main_entry .item.references p,
    .main_entry .article-references p {
        font-size: 11.8px !important;
        line-height: 1.65 !important;
    }


    .obj_article_details .main_entry .item.references ol,
    .obj_article_details .main_entry .article-references ol,
    .main_entry .item.references ol,
    .main_entry .article-references ol {
        padding-left: 20px !important;
    }
}


/* =========================================================
   1. ARTICLE LIST CONTAINER
   GRID 2 KOLOM
   ========================================================= */

.cmp_article_list.articles {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    column-gap: 10px !important;
    row-gap: 10px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    box-sizing: border-box !important;

    align-items: stretch !important;
}


/* =========================================================
   2. ARTICLE CARD
   HANYA TARGET LI LANGSUNG
   ========================================================= */

.cmp_article_list.articles > li {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    padding: 18px !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #edf0f3 !important;
    border-radius: 10px !important;

    box-shadow:
        0 3px 10px rgba(16, 24, 40, 0.035) !important;

    overflow: hidden !important;

    float: none !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;
}


/* HOVER CARD */

.cmp_article_list.articles > li:hover {
    transform: translateY(-2px) !important;

    border-color: #dfe5ea !important;

    box-shadow:
        0 8px 22px rgba(16, 24, 40, 0.07) !important;
}


/* =========================================================
   3. RESET WIDTH ELEMEN DALAM CARD
   MENCEGAH ELEMEN MELEBAR / BENTROK
   ========================================================= */

.cmp_article_list.articles > li > * {
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* =========================================================
   4. TITLE
   ========================================================= */

.cmp_article_list.articles .title {
    width: 100% !important;

    margin: 0 0 7px 0 !important;
    padding: 0 !important;

    font-size: 14px !important;
    line-height: 1.45 !important;

    font-weight: 500 !important;

    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

.cmp_article_list.articles .title a {
    text-decoration: none !important;
}

.cmp_article_list.articles .title a:hover {
    text-decoration: underline !important;
}


/* =========================================================
   5. AUTHORS
   ========================================================= */

.cmp_article_list.articles .authors {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 5px 0 0 0 !important;
    padding: 0 !important;

    font-size: 12px !important;
    line-height: 1.55 !important;

    overflow-wrap: anywhere !important;

    float: none !important;
}


/* =========================================================
   6. ARTICLE CONTENT / SUMMARY
   ========================================================= */

.cmp_article_list.articles .summary,
.cmp_article_list.articles .description {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    float: none !important;

    overflow-wrap: anywhere !important;
}


/* =========================================================
   7. PAGES
   POSISI PALING BAWAH CARD
   ========================================================= */

.cmp_article_list.articles .pages {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    clear: both !important;

    /*
       margin-top:auto membuat pages turun
       ke bagian bawah card
    */
    margin-top: auto !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;

    padding-top: 12px !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;

    color: #7c8797 !important;

    font-size: 11.5px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    letter-spacing: 0.05px !important;

    overflow-wrap: anywhere !important;

    position: relative !important;

    float: none !important;
}


/* TAMBAHKAN "Pages :" */

.cmp_article_list.articles .pages::before {
    content: "Pages : " !important;

    color: #475467 !important;
    font-weight: 600 !important;
}


/* =========================================================
   8. DOI
   ========================================================= */

.cmp_article_list.articles .doi {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 7px 0 0 0 !important;
    padding: 0 !important;

    color: #667085 !important;

    font-size: 11.5px !important;
    line-height: 1.5 !important;

    overflow-wrap: anywhere !important;
    word-break: break-word !important;

    float: none !important;
}

.cmp_article_list.articles .doi a {
    color: #3b82a0 !important;
    text-decoration: none !important;
}

.cmp_article_list.articles .doi a:hover {
    color: #123b5d !important;
    text-decoration: underline !important;
}


/* =========================================================
   9. SUBTITLE
   ========================================================= */

.cmp_article_list.articles .subtitle {
    width: 100% !important;
    max-width: 100% !important;

    margin-top: 0px !important;

    color: #667085 !important;

    font-size: 11.5px !important;
    line-height: 1.30 !important;

    overflow-wrap: anywhere !important;
}


/* =========================================================
   10. GALLERY / PDF AREA
   TIDAK PAKAI margin-top:auto
   ========================================================= */

.cmp_article_list.articles .galleys_links,
.cmp_article_list.articles .galleys {

    width: 100% !important;
    max-width: 100% !important;

    margin-top: 12px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    float: none !important;

    clear: both !important;
}


/* =========================================================
   11. PDF / GALLEY LINK
   ========================================================= */

.cmp_article_list.articles .galleys_links a,
.cmp_article_list.articles .galleys a {
    max-width: 100% !important;

    box-sizing: border-box !important;
}


/* =========================================================
   12. GAMBAR / THUMBNAIL
   JANGAN SAMPAI KELUAR CARD
   ========================================================= */

.cmp_article_list.articles img {
    max-width: 100% !important;
    height: auto !important;
}


/* =========================================================
   13. TABLET
   MASIH 2 KOLOM
   ========================================================= */

@media (max-width: 991px) {

    .cmp_article_list.articles {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        column-gap: 16px !important;
        row-gap: 16px !important;
    }

    .cmp_article_list.articles > li {
        padding: 16px !important;
    }
}


/* =========================================================
   14. MOBILE
   UBAH JADI 1 KOLOM
   ========================================================= */

@media (max-width: 767px) {

    .cmp_article_list.articles {
        grid-template-columns:
            minmax(0, 1fr) !important;

        gap: 15px !important;
    }

    .cmp_article_list.articles > li {
        width: 100% !important;
        max-width: 100% !important;

        padding: 16px !important;
    }
}


/* =========================================================
   15. MOBILE KECIL
   ========================================================= */

@media (max-width: 480px) {

    .cmp_article_list.articles {
        display: grid !important;

        grid-template-columns:
            1fr !important;

        gap: 12px !important;
    }

    .cmp_article_list.articles > li {
        padding: 14px !important;

        border-radius: 8px !important;
    }

    .cmp_article_list.articles .title {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    .cmp_article_list.articles .authors,
    .cmp_article_list.articles .subtitle {
        font-size: 11.5px !important;
    }

    .cmp_article_list.articles .pages,
    .cmp_article_list.articles .doi {
        font-size: 11px !important;
    }
}

/* =========================================================
   KEYWORDS BOX
   GANTI ICON KEYBOARD MENJADI TULISAN "Keywords :"
   + STICKY + COMPACT
   ========================================================= */

.obj_article_details .item.keywords {
    position: sticky !important;
    top: 15px !important;
    z-index: 5 !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 10px 0 12px 0 !important;
    padding: 10px 12px !important;

    box-sizing: border-box !important;

    background: #fffdf7 !important;

    border: 1px solid #ead9a3 !important;
    border-left: 3px solid #d6b45f !important;

    border-radius: 7px !important;

    color: #5f6670 !important;

    font-size: 11.5px !important;
    line-height: 1.45 !important;

    box-shadow:
        0 2px 8px rgba(160, 125, 40, 0.06) !important;
}


/* =========================================================
   HILANGKAN ICON FA KEYBOARD
   ========================================================= */

.obj_article_details .item.keywords .fa,
.obj_article_details .item.keywords .fas,
.obj_article_details .item.keywords .far,
.obj_article_details .item.keywords i {
    display: none !important;
}


/* Jika icon berasal dari pseudo-element */

.obj_article_details .item.keywords::before {
    content: "Keywords :" !important;

    display: inline-block !important;

    margin-right: 5px !important;

    color: #9a7420 !important;

    font-size: 11.5px !important;
    font-weight: 700 !important;

    line-height: 1.4 !important;

    font-family: Arial, Helvetica, sans-serif !important;
}


/* =========================================================
   JIKA ADA LABEL / HEADING BAWAAN
   SEMBUNYIKAN AGAR TIDAK DOBEL
   ========================================================= */

.obj_article_details .item.keywords > h2,
.obj_article_details .item.keywords > h3,
.obj_article_details .item.keywords > h4,
.obj_article_details .item.keywords .label,
.obj_article_details .item.keywords .title {
    display: none !important;
}


/* =========================================================
   ISI KEYWORDS
   ========================================================= */

.obj_article_details .item.keywords,
.obj_article_details .item.keywords p,
.obj_article_details .item.keywords span {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
}


/* LINK KEYWORDS JIKA ADA */

.obj_article_details .item.keywords a {
    color: #52677c !important;

    font-size: 11.5px !important;
    font-weight: 400 !important;

    text-decoration: none !important;
}

.obj_article_details .item.keywords a:hover {
    color: #9a7420 !important;
}


/* =========================================================
   RESPONSIVE
   NON-STICKY DI MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .obj_article_details .item.keywords {
        position: relative !important;
        top: auto !important;

        margin: 8px 0 10px 0 !important;
        padding: 9px 10px !important;

        font-size: 11px !important;
    }

    .obj_article_details .item.keywords::before,
    .obj_article_details .item.keywords a,
    .obj_article_details .item.keywords p,
    .obj_article_details .item.keywords span {
        font-size: 11px !important;
    }
}

/* =========================================================
   AMAR ARTICLE LABEL
   CLEAN VERSION
   ========================================================= */

.cmp_article_list .obj_article_summary {
    position: relative !important;
    padding-top: 25px !important;
}


/* -------------------------
   RESEARCH ARTICLE
   ------------------------- */

.cmp_article_list .obj_article_summary::before {
    content: "Research article" !important;

    position: absolute !important;
    top: 4px !important;
    left: 0 !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 11px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1 !important;

    color: #333 !important;

    white-space: nowrap !important;

    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* -------------------------
   OPEN ACCESS
   ------------------------- */

.cmp_article_list .obj_article_summary::after {
    content: "●  Open access" !important;

    position: absolute !important;
    top: 4px !important;
    left: 88px !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 11px !important;
    font-weight: 400 !important;
    font-style: italic !important;
    line-height: 1 !important;

    color: #238b45 !important;

    white-space: nowrap !important;

    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}


/* -------------------------
   TITLE
   ------------------------- */

.cmp_article_list .obj_article_summary .title {
    margin: 0 0 5px 0 !important;
    padding: 0 !important;

    line-height: 1.35 !important;
}


/* -------------------------
   MOBILE
   ------------------------- */

@media (max-width: 600px) {

    .cmp_article_list .obj_article_summary {
        padding-top: 23px !important;
    }

    .cmp_article_list .obj_article_summary::before,
    .cmp_article_list .obj_article_summary::after {
        font-size: 10px !important;
    }

    .cmp_article_list .obj_article_summary::after {
        left: 80px !important;
    }
}


/* =========================================================
   AMAR — HIDE ARTICLE VIEW COUNTS
   ========================================================= */

/* Sembunyikan Abstract/View count */
.obj_article_summary .toc_counts,
.cmp_article_list .toc_counts {
    display: none !important;
}

/* Sembunyikan PDF/Download count */
.obj_article_summary .download_count,
.cmp_article_list .download_count {
    display: none !important;
}

/* Rapikan jarak setelah count dihilangkan */
.obj_article_summary .authors {
    margin-bottom: 4px !important;
}

.obj_article_summary .pub-id,
.obj_article_summary .doi {
    margin-top: 4px !important;
}

.toc_counts,
.download_count,
.badge_doi {
    display: none !important;
}


/* =========================================================
   FORCE — NOMOR HALAMAN KE KANAN ATAS
   ========================================================= */

.cmp_article_list .obj_article_summary {
    position: relative !important;
}

.cmp_article_list .obj_article_summary > *:last-child {
    position: absolute !important;
    top: 4px !important;
    right: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 10px !important;
    line-height: 1 !important;
    color: #555 !important;

    white-space: nowrap !important;
}

/* =========================================================
   AMAR — AUTHOR COMPACT
   ========================================================= */

.pengarang {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 4px !important;

    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;

    margin-top: 2px !important;
    margin-bottom: 1.5px !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* Nama penulis */
.pengarang a,
.pengarang span,
.pengarang strong {
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Icon penulis */
.pengarang i,
.pengarang .fa,
.pengarang .fas,
.pengarang svg {
    font-size: 9px !important;

    width: 9px !important;
    height: 9px !important;

    margin: 0 3px 0 0 !important;
    padding: 0 !important;
}

.pkp_structure_footer_wrapper {
    background-image: repeating-linear-gradient(135deg, rgba(181, 181, 181, 0.09) 0px, rgba(181, 181, 181, 0.09) 1px, transparent 1px, transparent 11px), repeating-linear-gradient(45deg, rgba(181, 181, 181, 0.09) 0px, rgba(181, 181, 181, 0.09) 1px, transparent 1px, transparent 11px), linear-gradient(90deg, #f8f8f8, #f8f8f8);
    border-top: 1px solid #ddd;
    border-bottom: 0rem solid #0d2d47;
}

.pkp_structure_head  {
background-image: repeating-linear-gradient(135deg, rgba(181, 181, 181, 0.09) 0px, rgba(181, 181, 181, 0.09) 1px, transparent 1px, transparent 11px), repeating-linear-gradient(45deg, rgba(181, 181, 181, 0.09) 0px, rgba(181, 181, 181, 0.09) 1px, transparent 1px, transparent 11px), linear-gradient(90deg, #f8f8f8, #f8f8f8);
   
}

/* =========================================================
   ARTICLE VIEW
   RESEARCH ARTICLE + OPEN ACCESS
   STYLE TERPISAH DARI JUDUL
   ========================================================= */

.obj_article_details .page_title,
.obj_article_details h1.page_title {
    position: relative !important;
    padding-top: 28px !important;

    margin-top: 0 !important;
    margin-bottom: 12px !important;

    line-height: 1.35 !important;
}


/* =========================================================
   RESEARCH ARTICLE
   ========================================================= */

.obj_article_details .page_title::before,
.obj_article_details h1.page_title::before {
    content: "Research article" !important;

    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    display: inline-block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    /* FONT SENDIRI */
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-variant: normal !important;

    line-height: 16px !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    /* RESET STYLE JUDUL */
    text-transform: none !important;
    text-decoration: none !important;
    text-indent: 0 !important;

    color: #222222 !important;

    /* SHADOW SENDIRI */
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) !important;

    white-space: nowrap !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    transform: none !important;
}


/* =========================================================
   OPEN ACCESS
   ========================================================= */

.obj_article_details .page_title::after,
.obj_article_details h1.page_title::after {
    content: "●  Open access" !important;

    position: absolute !important;
    top: 0 !important;
    left: 102px !important;

    display: inline-block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    /* FONT SENDIRI */
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    font-style: italic !important;
    font-variant: normal !important;

    line-height: 16px !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    /* RESET STYLE JUDUL */
    text-transform: none !important;
    text-decoration: none !important;
    text-indent: 0 !important;

    color: #238b45 !important;

    /* SHADOW SENDIRI */
    text-shadow: 0 1px 1px rgba(35, 139, 69, 0.12) !important;

    white-space: nowrap !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    transform: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .obj_article_details .page_title,
    .obj_article_details h1.page_title {
        padding-top: 25px !important;
    }

    .obj_article_details .page_title::before,
    .obj_article_details h1.page_title::before {
        font-size: 10px !important;
        line-height: 14px !important;
    }

    .obj_article_details .page_title::after,
    .obj_article_details h1.page_title::after {
        left: 91px !important;

        font-size: 10px !important;
        line-height: 14px !important;
    }
}

/* =========================================================
   RESPONSIVE HEADER OJS - MOBILE
   AMAR / VIFADA
   ========================================================= */


/* ===============================
   DESKTOP / GLOBAL
   =============================== */

.has_site_logo .pkp_site_name {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.has_site_logo .pkp_site_name img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}


/* Navigation utama */
.has_site_logo .pkp_navigation_primary_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* Register / Login */
.pkp_navigation_user_wrapper {
    box-sizing: border-box !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .has_site_logo .pkp_site_name {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

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

    .has_site_logo .pkp_navigation_primary_wrapper {
        width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    /* ---------------------------------
       HEADER
       --------------------------------- */

    .pkp_structure_head {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }


    /* ---------------------------------
       LOGO / BANNER
       --------------------------------- */

    .has_site_logo .pkp_site_name {
        position: relative !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }

    .has_site_logo .pkp_site_name a {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .has_site_logo .pkp_site_name img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 0 auto !important;
        padding: 0 !important;

        object-fit: contain !important;
    }


    /* ---------------------------------
       USER NAV
       REGISTER / LOGIN
       --------------------------------- */

    .pkp_navigation_user_wrapper {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        left: auto !important;

        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;

        width: 100% !important;

        padding: 5px 10px !important;
        margin: 0 !important;

        box-sizing: border-box !important;

        background: #ffffff !important;
    }

    .pkp_navigation_user {
        display: flex !important;
        flex-wrap: wrap !important;

        justify-content: flex-end !important;
        align-items: center !important;

        gap: 5px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .pkp_navigation_user > li {
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pkp_navigation_user > li > a {
        display: inline-flex !important;
        align-items: center !important;

        min-height: 30px !important;

        padding: 5px 9px !important;

        font-size: 11px !important;
        line-height: 1.2 !important;

        white-space: nowrap !important;
    }


    /* ---------------------------------
       PRIMARY NAVIGATION
       HOME / CURRENT / ARCHIVES
       --------------------------------- */

    .has_site_logo .pkp_navigation_primary_wrapper {
        position: relative !important;

        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 8px !important;

        box-sizing: border-box !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        -webkit-overflow-scrolling: touch !important;
    }


    .pkp_navigation_primary {
        display: flex !important;
        flex-wrap: nowrap !important;

        width: max-content !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;
    }


    .pkp_navigation_primary > li {
        float: none !important;
        display: inline-flex !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .pkp_navigation_primary > li > a {
        display: flex !important;
        align-items: center !important;

        min-height: 40px !important;

        padding: 7px 10px !important;

        font-size: 11px !important;
        line-height: 1.2 !important;

        white-space: nowrap !important;
    }


    /* ---------------------------------
       SEARCH
       --------------------------------- */

    .pkp_navigation_search_wrapper {
        flex: 0 0 auto !important;

        position: relative !important;

        margin-left: auto !important;
        padding-left: 5px !important;

        background: #ffffff !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .has_site_logo .pkp_site_name img {
        width: 100% !important;
        height: auto !important;
    }


    .pkp_navigation_user_wrapper {
        padding: 4px 7px !important;
    }


    .pkp_navigation_user > li > a {
        font-size: 10px !important;
        padding: 4px 7px !important;
        min-height: 27px !important;
    }


    .has_site_logo .pkp_navigation_primary_wrapper {
        min-height: 38px !important;
        padding: 0 4px !important;
    }


    .pkp_navigation_primary > li > a {
        min-height: 36px !important;

        padding: 6px 8px !important;

        font-size: 10px !important;
    }

}


/* =========================================================
   AMAR SIDEBAR PUBLICATION TIMELINE
   NAVY + WARM GOLD
   ========================================================= */

.amar-side-timeline,
.amar-side-timeline * {
    box-sizing: border-box !important;
}

.amar-side-timeline {
    width: 100% !important;
    max-width: 100% !important;


    background: #ffffff !important;



    overflow: hidden !important;

    box-shadow:
        0 4px 16px rgba(14,42,79,.06) !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.amar-side-header {
    padding: 12px 14px !important;

    background:
        linear-gradient(
            105deg,
            #0e2a4f 0%,
            #17395e 64%,
            #8c6b2f 100%
        ) !important;
}


.amar-side-title {
    display: flex !important;
    align-items: center !important;

    gap: 7px !important;

    margin: 0 0 5px !important;

    color: #ffffff !important;

    font-size: 12.5px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;
}


.amar-side-title-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 24px !important;
    height: 24px !important;

    flex-shrink: 0 !important;

    border-radius: 6px !important;

    background: rgba(255,255,255,.13) !important;

    color: #f6e4b7 !important;

    font-size: 14px !important;
    font-weight: 700 !important;
}


.amar-side-more {
    display: inline-block !important;

    margin: 0 0 0 31px !important;
    padding: 0 !important;

    color: rgba(255,255,255,.80) !important;

    font-size: 9.5px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    transition: all .2s ease !important;
}


.amar-side-more:hover {
    color: #f6d98a !important;

    transform: translateX(2px) !important;
}


/* =========================================================
   BODY
   ========================================================= */

.amar-side-body {
    padding: 13px 12px 14px !important;
}


.amar-side-intro {
    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #7a7a72 !important;

    font-size: 9.7px !important;
    line-height: 1.55 !important;

    text-align: left !important;
}


/* =========================================================
   TIMELINE
   ========================================================= */

.amar-side-list {
    position: relative !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* GARIS */

.amar-side-list::before {
    content: "" !important;

    position: absolute !important;

    left: 17px !important;
    top: 17px !important;
    bottom: 17px !important;

    width: 2px !important;

    background:
        linear-gradient(
            to bottom,
            #e4cf9b 0%,
            #b89952 48%,
            #e4cf9b 100%
        ) !important;

    border-radius: 20px !important;

    z-index: 0 !important;
}


/* =========================================================
   ITEM
   ========================================================= */

.amar-side-item {
    position: relative !important;

    display: flex !important;
    align-items: flex-start !important;

    width: 100% !important;

    gap: 9px !important;

    margin: 0 0 11px !important;
    padding: 0 !important;

    z-index: 1 !important;
}


.amar-side-item:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   MARKER
   ========================================================= */

.amar-side-marker {
    position: relative !important;

    display: flex !important;
    justify-content: center !important;

    width: 35px !important;
    min-width: 35px !important;

    padding-top: 3px !important;

    z-index: 2 !important;
}


.amar-side-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 31px !important;
    height: 31px !important;

    border-radius: 8px !important;

    background:
        linear-gradient(
            135deg,
            #0e2a4f 0%,
            #254b73 70%,
            #9a7735 100%
        ) !important;

    border: 3px solid #ffffff !important;

    color: #f7e2ab !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    box-shadow:
        0 0 0 1px #dbc38a,
        0 3px 8px rgba(14,42,79,.11) !important;
}


/* =========================================================
   CARD
   ========================================================= */

.amar-side-card {
    flex: 1 1 auto !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 10px !important;

    background:
        linear-gradient(
            135deg,
            #fcfbf8,
            #f8f6f1
        ) !important;

    border: 1px solid #e7e0d4 !important;

    border-radius: 9px !important;

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        background .22s ease !important;
}


.amar-side-card:hover {
    transform: translateY(-2px) !important;

    background: #fffdf8 !important;

    border-color: #d9bc76 !important;

    box-shadow:
        0 6px 15px rgba(14,42,79,.07) !important;
}


/* =========================================================
   CARD HEADER
   ========================================================= */

.amar-side-card-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;

    gap: 5px !important;

    margin: 0 0 5px !important;
}


.amar-side-card-head strong {
    color: #172d48 !important;

    font-size: 10.5px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;
}


/* =========================================================
   STAGE BADGE
   ========================================================= */

.amar-side-stage {
    display: inline-block !important;

    flex-shrink: 0 !important;

    padding: 2px 6px !important;

    border-radius: 20px !important;

    background: #a47d32 !important;

    color: #ffffff !important;

    font-size: 7.5px !important;
    font-weight: 700 !important;

    line-height: 1.3 !important;

    white-space: nowrap !important;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.amar-side-card p {
    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #6e6e68 !important;

    font-size: 9.1px !important;
    font-weight: 400 !important;

    line-height: 1.52 !important;

    text-align: left !important;
}


/* =========================================================
   META
   ========================================================= */

.amar-side-meta {
    display: flex !important;
    align-items: center !important;

    gap: 6px !important;

    flex-wrap: wrap !important;
}


.amar-side-meta > span {
    display: inline-block !important;

    padding: 2px 7px !important;

    border-radius: 20px !important;

    background: #f3ead5 !important;

    color: #846520 !important;

    font-size: 8px !important;
    font-weight: 700 !important;
}


.amar-side-meta strong {
    color: #0e2a4f !important;

    font-size: 10.5px !important;
    font-weight: 700 !important;
}


/* =========================================================
   FINAL CARD
   ========================================================= */

.amar-side-final {
    background:
        linear-gradient(
            135deg,
            #fffaf0 0%,
            #f4ead1 100%
        ) !important;

    border-color: #d8bd7d !important;
}


.amar-side-meta .amar-side-outcome {
    background: #0e2a4f !important;

    color: #ffffff !important;
}


/* =========================================================
   HOVER ICON
   ========================================================= */

.amar-side-item:hover .amar-side-icon {
    transform: scale(1.05) !important;

    box-shadow:
        0 0 0 1px #d1af62,
        0 5px 12px rgba(14,42,79,.16) !important;
}


/* =========================================================
   TABLET / SIDEBAR SEMPIT
   ========================================================= */

@media (max-width: 1100px) {

    .amar-side-body {
        padding: 12px 10px 13px !important;
    }

    .amar-side-item {
        gap: 7px !important;
    }

    .amar-side-marker {
        width: 31px !important;
        min-width: 31px !important;
    }

    .amar-side-list::before {
        left: 15px !important;
    }

    .amar-side-icon {
        width: 28px !important;
        height: 28px !important;

        font-size: 12px !important;
    }

    .amar-side-card {
        padding: 9px !important;
    }

}


/* =========================================================
   MOBILE
   SIDEBAR OJS TURUN KE BAWAH
   ========================================================= */

@media (max-width: 768px) {

    .amar-side-timeline {
        margin-top: 14px !important;
    }

    .amar-side-header {
        padding: 12px 14px !important;
    }

    .amar-side-title {
        font-size: 12px !important;
    }

    .amar-side-intro {
        font-size: 10px !important;
    }

    .amar-side-card-head strong {
        font-size: 11px !important;
    }

    .amar-side-card p {
        font-size: 9.5px !important;
    }

}


/* =========================================================
   AMAR CURRENT ISSUE
   NORMAL SIZE + COMPACT LAYOUT
   ========================================================= */

.pkp_page_index .current_issue {
    margin-top: 10px !important;
    padding: 12px 14px !important;

    background: #ffffff !important;
    border: 1px solid #e3e8ec !important;
    border-radius: 7px !important;

    box-shadow: 0 3px 10px rgba(20, 40, 60, 0.05) !important;
}


/* CURRENT ISSUE TITLE */
.pkp_page_index .current_issue > h2 {
    margin: 0 0 7px !important;

    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;

    color: #17212b !important;
}


/* ISSUE TITLE */
.pkp_page_index .current_issue .current_issue_title,
.pkp_page_index .current_issue .current_issue_title a {
    margin: 0 0 7px !important;

    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;

    color: #0e2a4f !important;
    text-decoration: none !important;
}

.pkp_page_index .current_issue .current_issue_title a:hover {
    color: #a67c2e !important;
}


/* =========================================================
   COVER - NORMAL
   ========================================================= */

.pkp_page_index .current_issue .cover {
    width: 145px !important;
    max-width: 145px !important;

    margin: 0 14px 6px 0 !important;
}

.pkp_page_index .current_issue .cover img {
    display: block !important;

    width: 145px !important;
    max-width: 145px !important;
    height: auto !important;

    margin: 0 !important;

    border-radius: 5px !important;
    border: 1px solid #dbe2e8 !important;

    box-shadow: 0 3px 10px rgba(20, 40, 60, 0.08) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease !important;
}

.pkp_page_index .current_issue .cover img:hover {
    transform: translateY(-2px) !important;

    box-shadow: 0 6px 15px rgba(20, 40, 60, 0.13) !important;
}


/* =========================================================
   DESCRIPTION - NORMAL FONT
   ========================================================= */

.pkp_page_index .current_issue .description {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 13px !important;
    line-height: 1.55 !important;

    color: #4c5661 !important;
}

.pkp_page_index .current_issue .description p {
    margin: 0 0 5px !important;
    padding: 0 !important;

    font-size: 13px !important;
    line-height: 1.55 !important;

    text-align: justify !important;

    color: #45505b !important;
}


/* HEADING DALAM DESCRIPTION */
.pkp_page_index .current_issue .description h1,
.pkp_page_index .current_issue .description h2,
.pkp_page_index .current_issue .description h3,
.pkp_page_index .current_issue .description h4,
.pkp_page_index .current_issue .description h5,
.pkp_page_index .current_issue .description h6 {
    margin: 0 0 5px !important;
    padding: 0 !important;

    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;

    color: #263542 !important;
}


/* STRONG */
.pkp_page_index .current_issue .description strong {
    font-weight: 700 !important;
    color: #263542 !important;
}


/* LINKS */
.pkp_page_index .current_issue a {
    color: #116d96 !important;
    text-decoration: none !important;
}

.pkp_page_index .current_issue a:hover {
    color: #a67c2e !important;
}


/* DOI / PUBLISHED */
.pkp_page_index .current_issue .published,
.pkp_page_index .current_issue .doi {
    margin-top: 4px !important;

    font-size: 12px !important;
    line-height: 1.4 !important;

    color: #68737e !important;
}


/* REMOVE EXTRA SPACING */
.pkp_page_index .current_issue .description > *:first-child {
    margin-top: 0 !important;
}

.pkp_page_index .current_issue .description > *:last-child {
    margin-bottom: 0 !important;
}

.obj_issue_toc .sections:not(:first-child) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .pkp_page_index .current_issue {
        padding: 10px 12px !important;
    }

    .pkp_page_index .current_issue > h2 {
        font-size: 15px !important;
    }

    .pkp_page_index .current_issue .current_issue_title,
    .pkp_page_index .current_issue .current_issue_title a {
        font-size: 13px !important;
    }

    .pkp_page_index .current_issue .cover {
        width: 115px !important;
        max-width: 115px !important;

        margin-right: 12px !important;
    }

    .pkp_page_index .current_issue .cover img {
        width: 115px !important;
        max-width: 115px !important;
    }

    .pkp_page_index .current_issue .description,
    .pkp_page_index .current_issue .description p {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }
}


/* EXTRA SMALL MOBILE */
@media (max-width: 480px) {

    .pkp_page_index .current_issue .cover {
        width: 100px !important;
        max-width: 100px !important;

        margin-right: 10px !important;
    }

    .pkp_page_index .current_issue .cover img {
        width: 100px !important;
        max-width: 100px !important;
    }

    .pkp_page_index .current_issue .description,
    .pkp_page_index .current_issue .description p {
        font-size: 11.5px !important;
        line-height: 1.48 !important;
    }
}


/* =========================================================
   AMAR
   CORRESPONDING AUTHOR EMAIL ICON
   SAFE VERSION
   ========================================================= */


/* Icon email corresponding author */
.obj_article_details .authors .amar-corresponding-email {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 16px !important;
    height: 16px !important;

    margin-left: 4px !important;
    padding: 0 !important;

    position: relative !important;
    top: -8px !important;

    background: #0e2a4f !important;

    border: 0 !important;
    border-radius: 3px !important;

    color: #ffffff !important;

    text-decoration: none !important;
    box-shadow: none !important;

    vertical-align: middle !important;

    transition:
        background-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease !important;
}


/* Font Awesome envelope */
.obj_article_details .authors
.amar-corresponding-email .fa-envelope {
    margin: 0 !important;
    padding: 0 !important;

    width: auto !important;

    font-size: 9px !important;
    line-height: 1 !important;

    color: #ffffff !important;
}


/* Hover */
.obj_article_details .authors
.amar-corresponding-email:hover {
    background: #c89b3c !important;

    color: #ffffff !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 2px 5px rgba(14, 42, 79, .18) !important;

    text-decoration: none !important;
}


/* Jangan biarkan theme mengubah warna icon */
.obj_article_details .authors
.amar-corresponding-email:hover .fa-envelope,
.obj_article_details .authors
.amar-corresponding-email:focus .fa-envelope {
    color: #ffffff !important;
}


/* Focus */
.obj_article_details .authors
.amar-corresponding-email:focus {
    outline: 2px solid rgba(200, 155, 60, .25) !important;
    outline-offset: 2px !important;

    text-decoration: none !important;
}


/* Mobile */
@media (max-width: 768px) {

    .obj_article_details .authors
    .amar-corresponding-email {
        width: 15px !important;
        height: 15px !important;

        margin-left: 3px !important;
    }

    .obj_article_details .authors
    .amar-corresponding-email .fa-envelope {
        font-size: 8px !important;
    }

}

/* =========================================================
   AMAR - ARTICLE SUBTITLE
   Lebih besar dan proporsional dengan title
   ========================================================= */

.obj_article_details .subtitle {
    margin-top: 8px !important;
    margin-bottom: 14px !important;

    font-size: 22px !important;
    line-height: 1.35 !important;

    font-weight: 500 !important;

    color: #2f3a45 !important;

    letter-spacing: 0 !important;

    max-width: 95% !important;
}

@media (max-width: 768px) {

    .obj_article_details .subtitle {
        font-size: 19px !important;
        line-height: 1.35 !important;
        margin-top: 6px !important;
        margin-bottom: 12px !important;
    }

}



/* =========================================================
   MDB - SMOOTH PAGE LOAD TRANSITION
   Tinggal paste di Additional CSS
   ========================================================= */

@keyframes mdbFadeUp {
    0% {
        opacity: 0;
        transform: translateY(12px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


/* HEADER */
.pkp_structure_head {
    animation: mdbFadeUp 0.45s ease-out both;
}


/* KONTEN UTAMA */
.pkp_structure_main {
    animation: mdbFadeUp 0.65s ease-out both;
    animation-delay: 0.05s;
}


/* SIDEBAR */
.pkp_structure_sidebar {
    animation: mdbFadeUp 0.7s ease-out both;
    animation-delay: 0.10s;
}


/* CURRENT ISSUE */
.pkp_page_index .current_issue {
    animation: mdbFadeUp 0.7s ease-out both;
    animation-delay: 0.12s;
}


/* LIST ARTIKEL */
.cmp_article_list > li {
    animation: mdbFadeUp 0.6s ease-out both;
}


/* EFEK BERTAHAP PADA ARTIKEL */
.cmp_article_list > li:nth-child(1) {
    animation-delay: 0.08s;
}

.cmp_article_list > li:nth-child(2) {
    animation-delay: 0.12s;
}

.cmp_article_list > li:nth-child(3) {
    animation-delay: 0.16s;
}

.cmp_article_list > li:nth-child(4) {
    animation-delay: 0.20s;
}

.cmp_article_list > li:nth-child(5) {
    animation-delay: 0.24s;
}

.cmp_article_list > li:nth-child(6) {
    animation-delay: 0.28s;
}

.cmp_article_list > li:nth-child(7) {
    animation-delay: 0.32s;
}

.cmp_article_list > li:nth-child(8) {
    animation-delay: 0.36s;
}


/* FOOTER */
.pkp_structure_footer_wrapper {
    animation: mdbFadeUp 0.75s ease-out both;
    animation-delay: 0.15s;
}


/* =========================================================
   AGAR TETAP RINGAN DI MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .pkp_structure_head,
    .pkp_structure_main,
    .pkp_structure_sidebar,
    .pkp_page_index .current_issue,
    .cmp_article_list > li,
    .pkp_structure_footer_wrapper {
        animation-duration: 0.45s !important;
        animation-delay: 0s !important;
    }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .pkp_structure_head,
    .pkp_structure_main,
    .pkp_structure_sidebar,
    .pkp_page_index .current_issue,
    .cmp_article_list > li,
    .pkp_structure_footer_wrapper {
        animation: none !important;
    }

}