/* ==================================================
   JHICS HEADER FIX PROPORSIONAL
   ================================================== */


.pkp_structure_head {

    background:white !important;

}


/* area header */

.pkp_head_wrapper {

    max-width:1200px !important;

    margin:auto !important;

}



/* logo */

.pkp_site_name img {


    width:100% !important;


    height:auto !important;


    max-height:none !important;


    object-fit:contain !important;


    display:block !important;


}



/* hilangkan batas bawaan OJS */

.pkp_site_name .is_img {


    width:100% !important;


    height:auto !important;


}








/* ==================================================
   JHICS NAVIGATION FINAL
   FLOATING + SMOOTH POPUP
   ================================================== */


/* AREA LUAR MENU */

/* ==================================================
   JHICS CURVED NAVIGATION SHAPE
   ================================================== */


.pkp_navigation_primary_wrapper {


    /* warna dasar */

    background:
    #ffffff !important;


    /* posisi */

    margin:

    20px 60px 28px 60px !important;



    padding:

    12px 30px !important;



    /* SHAPE MELENGKUNG */

    border-radius:

    0px 35px 0px 35px !important;



    /* garis aksen JHICS */

    border-left:

    5px solid #3B0A4E;



    border-right:

    5px solid #D4AF37;



    border-bottom:

    3px solid #3B0A4E;



    /* efek mengambang */

    box-shadow:

    0 10px 25px rgba(59,10,78,.25)

    !important;



    overflow:

    visible !important;


}








/* MENU UTAMA */

.pkp_navigation_primary {

    overflow:visible !important;

}






.pkp_navigation_primary > li {

    margin:

    0 5px !important;


}









.pkp_navigation_primary > li > a {



    color:#3B0A4E !important;



    font-family:

    Montserrat,Arial !important;



    font-size:

    17px !important;



    font-weight:

    800 !important;



    padding:

    15px 26px !important;



    border-radius:

    14px !important;



    position:

    relative !important;



    display:

    block !important;




    transition:

    transform .45s cubic-bezier(.34,1.56,.64,1),

    background .35s ease,

    box-shadow .35s ease,

    color .35s ease

    !important;


}











/* POP UP SAAT MOUSE */

.pkp_navigation_primary > li > a:hover {



    transform:


    translateY(-9px)


    scale(1.10)


    !important;




    background:

    #F8F4FF !important;



    color:

    #3B0A4E !important;




    box-shadow:


    0 12px 28px rgba(59,10,78,.30)


    !important;




    z-index:

    9999 !important;


}










/* GARIS EMAS */

.pkp_navigation_primary > li > a::after {


content:"";


position:absolute;


left:50%;

bottom:5px;


width:0;


height:3px;


background:#D4AF37;


border-radius:20px;


transform:

translateX(-50%);


transition:

.45s;


}





.pkp_navigation_primary > li > a:hover::after {


width:65%;


}










/* ICON */

.pkp_navigation_primary i {


font-size:18px !important;


color:#D4AF37 !important;


transition:

.4s ease !important;


}







.pkp_navigation_primary a:hover i {



transform:


rotate(12deg)


scale(1.3)

!important;


}









/* MENU AKTIF */

.pkp_navigation_primary .current > a {


background:#3B0A4E !important;


color:white !important;


}










/* ==================================================
   JHICS DROPDOWN CURVED PREMIUM
   ================================================== */


/* KOTAK LUAR SUB MENU */

.pkp_navigation_primary ul {


    background:

    rgba(255,255,255,.98)

    !important;


    padding:

    12px !important;



    border-radius:

    25px !important;



    border:

    1.5px solid rgba(59,10,78,.20)

    !important;



    border-bottom:

    4px solid #3B0A4E

    !important;



    box-shadow:

    0 15px 35px rgba(59,10,78,.25)

    !important;



    overflow:

    visible !important;


}








/* ITEM DI DALAM DROPDOWN */

.pkp_navigation_primary ul li a {



    background:

    rgba(59,10,78,.05)

    !important;



    color:

    #3B0A4E !important;



    margin:

    6px 0 !important;



    padding:

    12px 18px !important;



    border-radius:

    50px !important;



    font-weight:

    700 !important;



    transition:

    all .35s ease

    !important;


}









/* HOVER SUB MENU */

.pkp_navigation_primary ul li a:hover {



    background:

    #3B0A4E !important;



    color:

    white !important;



    transform:

    translateX(8px)

    scale(1.03)

    !important;



    border:

    1px solid #D4AF37

    !important;



    box-shadow:

    0 8px 18px rgba(59,10,78,.25)

    !important;


}










/* GARIS GOLD KECIL SUBMENU */

.pkp_navigation_primary ul li a::after {


    display:none !important;


}


/* ICON MENU JHICS */

.pkp_navigation_primary i {

margin-right:0.5px;

color:#D4AF37 !important;

font-size:18px;

transition:.4s ease;

}


.pkp_navigation_primary a:hover i {

transform:
rotate(-10deg)
scale(1.35);

color:#3B0A4E !important;

}







/* ==================================================
   JHICS MENU ITEM CAPSULE SHAPE
   FULL CURVED PREMIUM STYLE
   ================================================== */


/* BENTUK SETIAP MENU */

.pkp_navigation_primary > li > a {


    background:

    rgba(59,10,78,0.06)

    !important;



    border:

    1.5px solid rgba(59,10,78,.25)

    !important;



    /* CURVED SEMUA SISI */

    border-radius:

    50px !important;




    margin:

    0 4px !important;




    padding:

    12px 18px !important;




    color:

    #3B0A4E !important;




    box-shadow:

    0 4px 12px rgba(59,10,78,.10);



    transition:

    transform .45s cubic-bezier(.34,1.56,.64,1),

    background .35s,

    box-shadow .35s

    !important;


}










/* HOVER POP UP */

.pkp_navigation_primary > li > a:hover {


    background:

    #3B0A4E !important;



    color:

    white !important;




    transform:


    translateY(-8px)


    scale(1.08)


    !important;




    border:

    1.5px solid #D4AF37

    !important;




    box-shadow:


    0 12px 28px rgba(59,10,78,.35)

    !important;


}










/* GARIS GOLD HOVER */

.pkp_navigation_primary > li > a::after {


content:"";


position:absolute;


left:50%;


bottom:6px;


width:0;


height:3px;


background:#D4AF37;


border-radius:20px;


transform:

translateX(-50%);



transition:.4s;


}





.pkp_navigation_primary > li > a:hover::after {


width:45%;


}









/* ICON */

.pkp_navigation_primary i {


margin-right:6px !important;


color:#D4AF37 !important;


transition:.4s;


}








.pkp_navigation_primary a:hover i {


color:#FFD700 !important;


transform:

rotate(-8deg)

scale(1.25)

!important;


}









/* MENU AKTIF */

.pkp_navigation_primary .current > a {



background:

#3B0A4E !important;



color:white !important;



border:

1.5px solid #D4AF37 !important;



}







/* ==================================================
   JHICS BACKGROUND VECTOR FIBER LINE
   CONTINUOUS ABSTRACT THREAD STYLE
   ================================================== */


body {


background-color:#f5f5f7 !important;



/* SERAT GARIS VECTOR */

background-image:


/* garis utama ungu kanan */

repeating-linear-gradient(
35deg,
transparent 0px,
transparent 8px,
rgba(59,10,78,.08) 9px,
transparent 10px
),


/* garis silang gold */

repeating-linear-gradient(
-35deg,
transparent 0px,
transparent 12px,
rgba(212,175,55,.08) 13px,
transparent 14px
),


/* garis halus vertikal */

repeating-linear-gradient(
90deg,
transparent 0px,
transparent 18px,
rgba(59,10,78,.05) 19px,
transparent 20px
),


/* garis halus horizontal */

repeating-linear-gradient(
0deg,
transparent 0px,
transparent 22px,
rgba(212,175,55,.05) 23px,
transparent 24px
)


!important;




/* RAPATNYA SERAT */

background-size:

100px 100px,
120px 120px,
80px 80px,
90px 90px

!important;



background-attachment:

fixed !important;


}








/* ==================================================
   AREA KONTEN TETAP PUTIH PREMIUM
   ================================================== */


.pkp_structure_page {


background:

rgba(255,255,255,.94)

!important;


box-shadow:

0 10px 30px rgba(0,0,0,.08);


}






/* ==================================================
   JHICS ARTICLE LIST PREMIUM CARD
   BEVEL + POPUP EFFECT
   ================================================== */


/* CARD SETIAP ARTIKEL */

.obj_article_summary {


background:

linear-gradient(
145deg,
#ffffff,
#f7f3fa
)

!important;


padding:

20px !important;


margin-bottom:

20px !important;


border-radius:

22px !important;


border:

1px solid rgba(59,10,78,.15)

!important;


/* BEVEL EFFECT */

box-shadow:

8px 8px 18px rgba(0,0,0,.12),

-5px -5px 15px rgba(255,255,255,.9)

!important;


transition:

all .45s cubic-bezier(.34,1.56,.64,1)

!important;


}







/* POPUP SAAT MOUSE KE ARTIKEL */

.obj_article_summary:hover {


transform:

translateY(-8px)

scale(1.02)

!important;


box-shadow:

0 15px 35px rgba(59,10,78,.25)

!important;


border:

1.5px solid #D4AF37

!important;


}









/* ==================================================
   JUDUL ARTIKEL
   ================================================== */


.obj_article_summary .title a {


color:

#3B0A4E !important;


font-size:

18px !important;


font-weight:

800 !important;


line-height:

1.5 !important;


transition:

.35s ease !important;


}







/* HOVER JUDUL */

.obj_article_summary .title a:hover {


color:

#8B6508 !important;


text-decoration:

none !important;


letter-spacing:

.3px;


}









/* ==================================================
   DOI STYLE
   ================================================== */


.obj_article_summary .doi {


display:

inline-block;


margin-top:

10px;


padding:

7px 15px;


background:

rgba(59,10,78,.08);


border-radius:

50px;


border:

1px solid rgba(59,10,78,.20);


font-weight:

700;


transition:

.35s ease;


}







.obj_article_summary .doi:hover {


background:

#3B0A4E;


color:white;


transform:

scale(1.05);


box-shadow:

0 8px 18px rgba(59,10,78,.25);


}







.obj_article_summary .doi a {


color:

#3B0A4E !important;


}





.obj_article_summary .doi:hover a {


color:white !important;


}





/* ==================================================
   JHICS ARCHIVES ISSUE CARD
   BEVEL + POPUP PREMIUM
   ================================================== */


/* CARD VOLUME ARCHIVES */

.obj_issue_summary {


background:

linear-gradient(
145deg,
#ffffff,
#f8f4fb
)

!important;


padding:

22px !important;


margin-bottom:

25px !important;


border-radius:

25px !important;


border:

1px solid rgba(59,10,78,.18)

!important;



/* BEVEL */

box-shadow:

8px 8px 18px rgba(0,0,0,.12),

-5px -5px 15px rgba(255,255,255,.9)

!important;



transition:

all .45s cubic-bezier(.34,1.56,.64,1)

!important;


}









/* POPUP ARCHIVE */

.obj_issue_summary:hover {


transform:

translateY(-10px)

scale(1.025)

!important;



border:

1.5px solid #D4AF37

!important;



box-shadow:

0 18px 35px rgba(59,10,78,.28)

!important;


}









/* ==================================================
   JUDUL VOLUME
   ================================================== */


.obj_issue_summary .title {


font-size:

20px !important;


font-weight:

800 !important;


color:

#3B0A4E !important;


transition:

.35s;


}







.obj_issue_summary .title:hover {


color:

#B8860B !important;


letter-spacing:

.4px;


}









/* GAMBAR COVER ISSUE */

.obj_issue_summary img {


border-radius:

18px !important;


box-shadow:

0 8px 20px rgba(0,0,0,.20)

!important;


transition:

.4s ease;


}







/* COVER IKUT BERGERAK */

.obj_issue_summary:hover img {


transform:

scale(1.06)

rotate(1deg);


}








/* DESKRIPSI ISSUE */

.obj_issue_summary .description {


margin-top:

12px;


padding:

12px;


background:

rgba(59,10,78,.05);


border-radius:

15px;


border-left:

4px solid #D4AF37;


}






/* ==================================================
   JHICS SIDEBAR PREMIUM CARD
   BEVEL + FLOATING POPUP
   ================================================== */


/* SEMUA BOX SIDEBAR */

.pkp_block {


background:

linear-gradient(
145deg,
#ffffff,
#f8f4fb
)

!important;


border-radius:

22px !important;


padding:

15px !important;


margin-bottom:

22px !important;


border:

1px solid rgba(59,10,78,.18)

!important;


/* BEVEL */

box-shadow:

7px 7px 16px rgba(0,0,0,.12),

-5px -5px 14px rgba(255,255,255,.9)

!important;


transition:

all .45s cubic-bezier(.34,1.56,.64,1)

!important;


overflow:

visible !important;


}









/* POP UP SIDEBAR */

.pkp_block:hover {


transform:

translateY(-8px)

scale(1.035)

!important;


border:

1.5px solid #D4AF37

!important;


box-shadow:

0 15px 35px rgba(59,10,78,.28)

!important;


}









/* ==================================================
   JUDUL SIDEBAR
   ================================================== */


.pkp_block .title {


background:

#3B0A4E !important;


color:

white !important;


padding:

10px 15px !important;


border-radius:

50px !important;


text-align:

center;


font-weight:

800;


box-shadow:

0 5px 12px rgba(59,10,78,.25);


}









/* GAMBAR SIDEBAR IKUT GERAK */

.pkp_block img {


transition:

.45s cubic-bezier(.34,1.56,.64,1)

!important;


border-radius:

12px;


}






.pkp_block:hover img {


transform:

scale(1.08)

!important;


}









/* LINK SIDEBAR */

.pkp_block a {


transition:

.3s ease;


}




.pkp_block a:hover {


color:

#D4AF37 !important;


text-decoration:

none !important;


}






/* ==================================================
   JHICS CUSTOM EDITORIAL TEAM PAGE
   PREMIUM CARD + BEVEL + POPUP
   ================================================== */


/* AREA HALAMAN PEOPLE */

.page_editorial_team .page,
.page_custom {


background:
linear-gradient(
145deg,
#ffffff,
#faf7fc
)
!important;


padding:
25px !important;


border-radius:
25px !important;


box-shadow:

8px 8px 18px rgba(0,0,0,.12),

-6px -6px 15px rgba(255,255,255,.9)

!important;


}






/* ==================================================
   FOTO EDITOR JHICS
   ROUNDED SQUARE PREMIUM
   ================================================== */


.page_custom img,
.page_editorial_team img {


border-radius:

18px !important;



object-fit:

cover !important;



border:

4px solid #ffffff !important;



background:

white !important;



padding:

4px;



box-shadow:


8px 8px 18px rgba(0,0,0,.18),

-5px -5px 15px rgba(255,255,255,.9)

!important;




transition:

all .45s cubic-bezier(.34,1.56,.64,1)

!important;


}








/* FOTO POPUP HOVER */

.page_custom img:hover,
.page_editorial_team img:hover {


transform:

translateY(-8px)

scale(1.10)

!important;



border:

4px solid #D4AF37 !important;



box-shadow:


0 15px 35px rgba(59,10,78,.35)

!important;


}





/* FOTO POP UP */

.page_custom img:hover,
.page_editorial_team img:hover {


transform:

translateY(-8px)

scale(1.15)

rotate(3deg)

!important;


border:

4px solid #D4AF37 !important;


}









/* JUDUL BESAR */

.page_custom p:first-child,
.page_editorial_team p:first-child {


background:#3B0A4E;


color:white;


padding:

14px 20px;


border-radius:

50px;


text-align:center;


font-size:20px;


font-weight:800;


box-shadow:

0 8px 20px rgba(59,10,78,.25);


}









/* BAGIAN ROLE EDITOR */

.page_custom p strong {


color:

#3B0A4E;


font-weight:800;


}









/* NAMA EDITOR */

.page_custom a {


color:

#3B0A4E !important;


font-weight:

800;


text-decoration:

none !important;


transition:.35s;


}






.page_custom a:hover {


color:#D4AF37 !important;


}









/* SETIAP PARAGRAF DATA */

.page_custom p {


background:

rgba(255,255,255,.75);


padding:

8px 12px;


border-radius:

15px;


transition:

.35s;


}







/* POPUP SETIAP BARIS */

.page_custom p:hover {


transform:

translateX(8px);


box-shadow:

0 8px 18px rgba(59,10,78,.18);


}









/* ICON GS SINTA SCOPUS JANGAN BULAT */

.page_custom p img[src*="Google"],
.page_custom p img[src*="sinta"],
.page_custom p img[src*="Scopus"] {


border-radius:

5px !important;


border:none !important;


box-shadow:none !important;


transform:none !important;


}






/* ==================================================
   JHICS REVIEWER PAGE PREMIUM
   ROUNDED CARD + BEVEL + POPUP
   ================================================== */



/* AREA REVIEWER */

.page_reviewer,
.page_custom {



background:

linear-gradient(
145deg,
#ffffff,
#faf7fc
)

!important;



padding:

25px !important;



border-radius:

25px !important;



box-shadow:


8px 8px 18px rgba(0,0,0,.12),

-6px -6px 15px rgba(255,255,255,.9)

!important;


}










/* FOTO REVIEWER */

.page_reviewer img,
.page_custom img {



border-radius:

18px !important;



object-fit:

cover !important;



background:

white !important;



padding:

5px;



border:

4px solid white !important;



box-shadow:


8px 8px 18px rgba(0,0,0,.18),

-5px -5px 15px rgba(255,255,255,.9)

!important;



transition:

all .45s cubic-bezier(.34,1.56,.64,1)

!important;


}









/* FOTO REVIEWER HOVER */

.page_reviewer img:hover,
.page_custom img:hover {



transform:

translateY(-8px)

scale(1.10)

!important;



border:

4px solid #D4AF37 !important;



box-shadow:

0 15px 35px rgba(59,10,78,.35)

!important;


}











/* JUDUL REVIEWER */

.page_reviewer p:first-child,
.page_custom h2,
.page_custom h3 {


background:

#3B0A4E !important;


color:

white !important;



padding:

13px 22px;



border-radius:

50px;



display:

inline-block;



font-weight:

800;



box-shadow:

0 8px 20px rgba(59,10,78,.25);


}










/* SETIAP DATA REVIEWER */

.page_reviewer p {


background:

rgba(255,255,255,.8);



padding:

12px 15px;



margin-bottom:

12px;



border-radius:

18px;



border-left:

5px solid #D4AF37;



transition:

.35s ease;



box-shadow:

0 5px 15px rgba(0,0,0,.08);


}









/* POPUP BARIS REVIEWER */

.page_reviewer p:hover {



transform:

translateX(10px)

scale(1.02);



box-shadow:

0 10px 25px rgba(59,10,78,.25);


}









/* NAMA REVIEWER */

.page_reviewer a,
.page_custom a {


color:

#3B0A4E !important;


font-weight:

800;



text-decoration:

none !important;


}









.page_reviewer a:hover {


color:

#D4AF37 !important;


}










/* ICON GS SINTA SCOPUS TETAP NORMAL */

.page_reviewer img[src*="Google"],
.page_reviewer img[src*="sinta"],
.page_reviewer img[src*="Scopus"],
.page_custom img[src*="Google"],
.page_custom img[src*="sinta"],
.page_custom img[src*="Scopus"] {


border-radius:

5px !important;


border:

none !important;


padding:

0 !important;


box-shadow:

none !important;


transform:

none !important;


}






/* ==================================================
   JHICS CURRENT ISSUE INFORMATION
   VOLUME + DATE + DOI PREMIUM BADGE
   ================================================== */



/* ===============================
   JUDUL VOLUME CURRENT ISSUE
   Vol 5 No 1 April 2026
   =============================== */


.current_issue .current_issue_title,
.page_issue .title {


background:

linear-gradient(
145deg,
#3B0A4E,
#5b176f
)

!important;



color:

white !important;



padding:

15px 25px !important;



border-radius:

50px !important;



display:

inline-block;



font-size:

22px !important;



font-weight:

800 !important;



box-shadow:


0 10px 25px rgba(59,10,78,.30)

!important;



border:

2px solid #D4AF37;



transition:

all .45s cubic-bezier(.34,1.56,.64,1)

!important;


}









/* HOVER VOLUME */

.current_issue .current_issue_title:hover,
.page_issue .title:hover {


transform:

translateY(-6px)

scale(1.04)

!important;



box-shadow:

0 15px 35px rgba(59,10,78,.40)

!important;


}









/* ===============================
   TANGGAL PUBLISH
   =============================== */


.obj_article_summary .published {


display:

inline-block !important;



margin-top:

10px !important;



padding:

7px 15px !important;



background:

rgba(212,175,55,.15)

!important;



border:

1px solid #D4AF37;



border-radius:

50px;



color:

#3B0A4E;



font-weight:

700;



transition:

.35s ease;


}








.obj_article_summary .published:hover {


background:

#D4AF37 !important;


color:white;


transform:

scale(1.05);


}










/* ===============================
   DOI BADGE CURRENT
   =============================== */


.obj_article_summary .doi,
.obj_article_summary .item.doi {


display:

inline-block !important;



margin-top:

10px !important;



padding:

8px 18px !important;



background:

#ffffff;



border:

1.5px solid #3B0A4E;



border-radius:

50px;



box-shadow:

0 5px 15px rgba(59,10,78,.15);



transition:

all .35s ease;


}









.obj_article_summary .doi:hover,
.obj_article_summary .item.doi:hover {


background:

#3B0A4E;



transform:

translateY(-4px)

scale(1.05);



box-shadow:

0 10px 25px rgba(59,10,78,.30);


}









.obj_article_summary .doi a,
.obj_article_summary .item.doi a {


color:

#3B0A4E !important;



font-weight:

800;


}








.obj_article_summary .doi:hover a,
.obj_article_summary .item.doi:hover a {


color:

white !important;


}









/* TAMBAHAN ICON DOI */

.obj_article_summary .doi::before,
.obj_article_summary .item.doi::before {


content:"🔗 DOI : ";


font-weight:

800;


color:

#D4AF37;


}





/* ==================================================
   JHICS HISTORY PAGE PREMIUM
   BEVEL + CURVED + POPUP
   ================================================== */



/* AREA ISI HISTORY */

.page_custom .description,
.page_custom .content {


background:

linear-gradient(
145deg,
#ffffff,
#faf7fc
)

!important;



padding:

25px !important;



border-radius:

25px !important;



border:

1.5px solid rgba(59,10,78,.18)

!important;



box-shadow:


8px 8px 18px rgba(0,0,0,.12),

-5px -5px 15px rgba(255,255,255,.9)

!important;



transition:

all .45s cubic-bezier(.34,1.56,.64,1)

!important;


}










/* POPUP SAAT MOUSE */

.page_custom .description:hover,
.page_custom .content:hover {


transform:

translateY(-8px)

scale(1.02)

!important;



border:

1.5px solid #D4AF37

!important;



box-shadow:

0 15px 35px rgba(59,10,78,.28)

!important;


}











/* JUDUL HISTORY */

.page_custom h1,
.page_custom h2 {


background:

#3B0A4E !important;



color:

white !important;



display:

inline-block;



padding:

14px 25px;



border-radius:

50px;



font-weight:

800;



box-shadow:

0 8px 20px rgba(59,10,78,.30);


}









/* PARAGRAF HISTORY */

.page_custom p {


background:

rgba(255,255,255,.75);



padding:

14px 18px;



margin-bottom:

15px;



border-radius:

18px;



border-left:

5px solid #D4AF37;



line-height:

1.8;



text-align:

justify;



transition:

.35s ease;


}









/* PARAGRAF IKUT BERGERAK */

.page_custom p:hover {


transform:

translateX(8px);



box-shadow:

0 8px 20px rgba(59,10,78,.18);


}










/* LINK DALAM HISTORY */

.page_custom a {


color:

#3B0A4E !important;


font-weight:

800;


transition:.3s;


}



.page_custom a:hover {


color:

#D4AF37 !important;


}





/* ==================================================
   JHICS SEARCH PAGE PREMIUM
   CURVED + BEVEL + POPUP
   ================================================== */



/* AREA SEARCH */

.page_search {


background:

linear-gradient(
145deg,
#ffffff,
#faf7fc
)

!important;



padding:

25px !important;



border-radius:

25px !important;



border:

1.5px solid rgba(59,10,78,.18)

!important;



box-shadow:

8px 8px 18px rgba(0,0,0,.12),

-5px -5px 15px rgba(255,255,255,.9)

!important;



transition:

all .45s cubic-bezier(.34,1.56,.64,1)

!important;


}









/* POPUP AREA SEARCH */

.page_search:hover {


transform:

translateY(-8px)

scale(1.01)

!important;



border:

1.5px solid #D4AF37

!important;



box-shadow:

0 15px 35px rgba(59,10,78,.28)

!important;


}










/* JUDUL SEARCH */

.page_search h1 {


background:

#3B0A4E !important;



color:

white !important;



padding:

14px 25px;



border-radius:

50px;



display:

inline-block;



font-weight:

800;



box-shadow:

0 8px 20px rgba(59,10,78,.30);


}









/* INPUT SEARCH */

.page_search input[type="text"],
.page_search input[type="search"] {


border-radius:

50px !important;



border:

2px solid rgba(59,10,78,.25)

!important;



padding:

12px 20px !important;



background:

white !important;



box-shadow:

inset 3px 3px 8px rgba(0,0,0,.10),

inset -3px -3px 8px white

!important;



transition:

.35s ease;


}










/* INPUT SAAT DIKLIK */

.page_search input:focus {


border:

2px solid #D4AF37

!important;



box-shadow:

0 0 15px rgba(212,175,55,.40)

!important;


}









/* TOMBOL SEARCH */

.page_search button,
.page_search .submit {


background:

#3B0A4E !important;



color:

white !important;



border-radius:

50px !important;



padding:

10px 25px !important;



border:

2px solid #D4AF37 !important;



font-weight:

800;



transition:

.4s ease;


}









/* TOMBOL SEARCH HOVER */

.page_search button:hover,
.page_search .submit:hover {


transform:

translateY(-5px)

scale(1.08);



background:

#D4AF37 !important;



color:

#3B0A4E !important;



box-shadow:

0 10px 25px rgba(59,10,78,.30);


}









/* HASIL SEARCH */

.page_search .obj_article_summary {


border-radius:

25px !important;


transition:

.4s ease;


}




/* ==================================================
   JHICS ANNOUNCEMENT PREMIUM STYLE
   CURVED + BEVEL + POPUP
   ================================================== */



/* AREA HALAMAN ANNOUNCEMENT */

.page_announcements,
.page_announcement {


background:

linear-gradient(
145deg,
#ffffff,
#faf7fc
)

!important;



padding:

25px !important;



border-radius:

25px !important;



border:

1.5px solid rgba(59,10,78,.18)

!important;



box-shadow:

8px 8px 18px rgba(0,0,0,.12),

-5px -5px 15px rgba(255,255,255,.9)

!important;



transition:

all .45s cubic-bezier(.34,1.56,.64,1)

!important;


}









/* HOVER AREA */

.page_announcements:hover,
.page_announcement:hover {


transform:

translateY(-8px)

scale(1.01)

!important;



border:

1.5px solid #D4AF37

!important;



box-shadow:

0 15px 35px rgba(59,10,78,.28)

!important;


}









/* TITLE ANNOUNCEMENT */

.page_announcements h1,
.page_announcement h1 {


background:

#3B0A4E !important;



color:

white !important;



display:

inline-block;



padding:

14px 25px;



border-radius:

50px;



font-weight:

800;



box-shadow:

0 8px 20px rgba(59,10,78,.30);


}










/* SETIAP LIST ANNOUNCEMENT */

.obj_announcement_summary {


background:

white !important;



padding:

20px !important;



margin-bottom:

20px !important;



border-radius:

22px !important;



border:

1px solid rgba(59,10,78,.18)

!important;



box-shadow:


7px 7px 16px rgba(0,0,0,.12),

-5px -5px 14px rgba(255,255,255,.9)

!important;



transition:

all .45s cubic-bezier(.34,1.56,.64,1)

!important;


}









/* POPUP LIST */

.obj_announcement_summary:hover {


transform:

translateY(-8px)

scale(1.02)

!important;



border:

1.5px solid #D4AF37

!important;



box-shadow:

0 15px 30px rgba(59,10,78,.25)

!important;


}










/* JUDUL PENGUMUMAN */

.obj_announcement_summary .title a {


color:

#3B0A4E !important;



font-size:

18px;



font-weight:

800;



text-decoration:

none !important;


}







.obj_announcement_summary .title a:hover {


color:

#D4AF37 !important;


}











/* TANGGAL ANNOUNCEMENT */

.obj_announcement_summary .date {


display:

inline-block;



margin-top:

10px;



padding:

7px 16px;



background:

rgba(212,175,55,.18);



border:

1px solid #D4AF37;



border-radius:

50px;



font-weight:

700;



color:

#3B0A4E;


}










/* ISI ANNOUNCEMENT */

.obj_announcement_summary .description {


margin-top:

15px;



padding:

15px;



background:

rgba(59,10,78,.05);



border-left:

5px solid #D4AF37;



border-radius:

15px;



line-height:

1.7;


}






/* ==================================================
   JHICS CONTACT PAGE PREMIUM
   CURVED + BEVEL + POPUP
   ================================================== */



/* AREA CONTACT */

.page_contact {


background:

linear-gradient(
145deg,
#ffffff,
#faf7fc
)

!important;


padding:

25px !important;


border-radius:

25px !important;


border:

1.5px solid rgba(59,10,78,.18)

!important;


box-shadow:

8px 8px 18px rgba(0,0,0,.12),

-5px -5px 15px rgba(255,255,255,.9)

!important;


transition:

all .45s cubic-bezier(.34,1.56,.64,1)

!important;


}







/* POPUP CONTACT */

.page_contact:hover {


transform:

translateY(-8px)

scale(1.01)

!important;


border:

1.5px solid #D4AF37

!important;


box-shadow:

0 15px 35px rgba(59,10,78,.28)

!important;


}









/* JUDUL CONTACT */

.page_contact h1 {


background:

#3B0A4E !important;


color:

white !important;


padding:

14px 25px;


border-radius:

50px;


display:

inline-block;


font-weight:

800;


box-shadow:

0 8px 20px rgba(59,10,78,.30);


}










/* BLOK ISI CONTACT */

.page_contact .contact_section,
.page_contact .address,
.page_contact .contact {


background:

rgba(255,255,255,.90)

!important;


padding:

18px 22px !important;


margin:

15px 0 !important;


border-radius:

22px !important;


border-left:

5px solid #D4AF37;


box-shadow:

6px 6px 15px rgba(0,0,0,.10)

!important;


transition:

.4s ease;


}










/* HOVER BLOK CONTACT */

.page_contact .contact_section:hover,
.page_contact .address:hover,
.page_contact .contact:hover {


transform:

translateX(10px)

scale(1.02);


box-shadow:

0 12px 25px rgba(59,10,78,.25)

!important;


}










/* TEXT PENTING */

.page_contact strong {


color:

#3B0A4E !important;


font-weight:

800;


}









/* LINK EMAIL */

.page_contact a {


color:

#3B0A4E !important;


font-weight:

800;


text-decoration:

none !important;


transition:

.35s;


}








.page_contact a:hover {


color:

#D4AF37 !important;


}









/* ICON EMAIL OTOMATIS */

.page_contact a[href^="mailto"]::before {


content:"✉ ";


color:#D4AF37;


}









/* ICON LINK */

.page_contact a[href^="http"]::before {


content:"🔗 ";


}






/* ==================================================
   FIX JHICS ARTICLE TITLE CURRENT
   REMOVE PURPLE BLOCK
   ================================================== */


/* JUDUL ARTIKEL NORMAL */

.obj_article_summary .title,
.obj_article_summary .title a {


background:

transparent !important;


box-shadow:

none !important;


border:

none !important;


border-radius:

0 !important;


padding:

0 !important;


display:

block !important;


color:

#3B0A4E !important;


font-size:

18px !important;


font-weight:

800 !important;


line-height:

1.5 !important;


}








/* HOVER JUDUL ARTIKEL */

.obj_article_summary .title a:hover {


color:

#D4AF37 !important;


transform:

none !important;


letter-spacing:

.3px;


}








/* VOLUME ISSUE TETAP PREMIUM */

.current_issue .current_issue_title {


background:

#3B0A4E !important;


color:

white !important;


padding:

14px 25px !important;


border-radius:

50px !important;


display:

inline-block !important;


box-shadow:

0 8px 20px rgba(59,10,78,.30)

!important;


border:

2px solid #D4AF37 !important;


}




/* ==================================================
   JHICS CURRENT ISSUE HEADER CARD
   VOLUME + COVER + DOI + PUBLISHED
   ================================================== */


/* AREA ATAS CURRENT ISSUE */

.current_issue {


background:

linear-gradient(
145deg,
#ffffff,
#faf7fc
)

!important;


padding:

25px !important;


margin-bottom:

30px !important;


border-radius:

28px !important;


border:

1.5px solid rgba(59,10,78,.20)

!important;



/* BEVEL */

box-shadow:

8px 8px 18px rgba(0,0,0,.12),

-5px -5px 15px rgba(255,255,255,.9)

!important;



transition:

all .45s cubic-bezier(.34,1.56,.64,1)

!important;


}









/* HOVER POPUP */

.current_issue:hover {


transform:

translateY(-8px)

scale(1.015)

!important;


border:

1.5px solid #D4AF37

!important;


box-shadow:

0 15px 35px rgba(59,10,78,.28)

!important;


}










/* JUDUL VOLUME */

.current_issue h2,
.current_issue .current_issue_title {


background:

#3B0A4E !important;


color:

white !important;


display:

inline-block;


padding:

14px 25px !important;


border-radius:

50px !important;


font-weight:

800;


font-size:

20px !important;


box-shadow:

0 8px 20px rgba(59,10,78,.30);


border:

2px solid #D4AF37;


}










/* COVER ISSUE */

.current_issue img {


border-radius:

18px !important;


padding:

5px;


background:white;


box-shadow:

8px 8px 18px rgba(0,0,0,.18)

!important;


transition:

.4s ease;


}









/* COVER GERAK */

.current_issue:hover img {


transform:

scale(1.06)

rotate(1deg);


}









/* DOI + PUBLISHED */

.current_issue .doi,
.current_issue .published {


display:

inline-block !important;


padding:

8px 16px !important;


margin:

8px 5px !important;


background:

rgba(59,10,78,.08)

!important;


border-radius:

50px;


border:

1.5px solid #D4AF37;


font-weight:

700;


box-shadow:

0 5px 12px rgba(0,0,0,.10);


transition:.35s;


}










.current_issue .doi:hover,
.current_issue .published:hover {


background:

#3B0A4E !important;


color:white !important;


transform:

scale(1.05);


}









.current_issue a {


color:

#3B0A4E !important;


font-weight:

700;


}

.current_issue .doi:hover a {


color:white !important;


}





/* ==================================================
   JHICS ISSUE HEADER FIX
   VOL + COVER + DOI + PUBLISHED CARD
   ================================================== */


/* KOTAK BESAR INFORMASI ISSUE */

.obj_issue_toc .heading {


background:

linear-gradient(
145deg,
#ffffff,
#faf7fc
)

!important;


padding:

25px !important;


margin-bottom:

35px !important;


border-radius:

28px !important;


border:

1.5px solid rgba(59,10,78,.20)

!important;



/* BEVEL */

box-shadow:

8px 8px 18px rgba(0,0,0,.14),

-6px -6px 15px rgba(255,255,255,.9)

!important;


transition:

all .45s cubic-bezier(.34,1.56,.64,1)

!important;


}





/* POPUP HOVER */

.obj_issue_toc .heading:hover {


transform:

translateY(-8px)

scale(1.015)

!important;


border:

1.5px solid #D4AF37

!important;


box-shadow:

0 15px 35px rgba(59,10,78,.30)

!important;


}







/* JUDUL VOL 5 NO 1 */

.obj_issue_toc .heading .title {


background:

#3B0A4E !important;


color:

white !important;


padding:

14px 25px !important;


border-radius:

50px !important;


display:

inline-block !important;


font-size:

21px !important;


font-weight:

800 !important;


border:

2px solid #D4AF37 !important;


box-shadow:

0 8px 20px rgba(59,10,78,.30)

!important;


margin-bottom:

20px !important;


}








/* COVER ISSUE */

.obj_issue_toc .cover img {


border-radius:

20px !important;


background:white;


padding:

6px;


box-shadow:

8px 8px 18px rgba(0,0,0,.20)

!important;


transition:

.45s ease;


}




.obj_issue_toc .heading:hover img {


transform:

scale(1.06)

rotate(1deg);


}








/* DOI DAN PUBLISHED */

.obj_issue_toc .pub_id,
.obj_issue_toc .published {


display:

inline-block !important;


padding:

8px 16px !important;


margin:

8px !important;


border-radius:

50px;


background:

rgba(59,10,78,.08)

!important;


border:

1.5px solid #D4AF37;


font-weight:

700;


box-shadow:

0 5px 12px rgba(0,0,0,.12);


transition:.35s;


}







.obj_issue_toc .pub_id:hover,
.obj_issue_toc .published:hover {


background:

#3B0A4E !important;


color:white !important;


transform:

scale(1.05);


}




.obj_issue_toc .pub_id:hover a {


color:white !important;


}





/* ==================================================
   JHICS NAVBAR SEARCH BUTTON PREMIUM
   CURVED + POPUP
   ================================================== */


/* TOMBOL SEARCH ATAS */

.pkp_navigation_search_wrapper a {


background:

rgba(59,10,78,.07)

!important;


color:

#3B0A4E !important;


font-weight:

800 !important;


padding:

12px 22px !important;


border-radius:

50px !important;


border:

1.5px solid rgba(59,10,78,.25)

!important;


box-shadow:

5px 5px 12px rgba(0,0,0,.12),

-4px -4px 10px rgba(255,255,255,.9)

!important;


transition:

all .45s cubic-bezier(.34,1.56,.64,1)

!important;


}





/* HOVER SEARCH */

.pkp_navigation_search_wrapper a:hover {


background:

#3B0A4E !important;


color:

white !important;


transform:

translateY(-8px)

scale(1.10)

!important;


border:

1.5px solid #D4AF37

!important;


box-shadow:

0 12px 28px rgba(59,10,78,.35)

!important;


}







/* ICON KACA PEMBESAR */

.pkp_navigation_search_wrapper .fa {


color:

#D4AF37 !important;


font-size:

17px !important;


margin-right:

6px;


transition:

.4s ease;


}





/* ICON GERAK */

.pkp_navigation_search_wrapper a:hover .fa {


transform:

rotate(-15deg)

scale(1.35)

!important;


color:

#FFD700 !important;


}





/* ==================================================
   JHICS LOGIN PAGE PREMIUM
   CURVED + BEVEL + POPUP
   ================================================== */


/* AREA LOGIN */

.page_login {


background:

linear-gradient(
145deg,
#ffffff,
#faf7fc
)

!important;


padding:

35px !important;


border-radius:

30px !important;


border:

1.5px solid rgba(59,10,78,.20)

!important;


box-shadow:

10px 10px 25px rgba(0,0,0,.13),

-6px -6px 18px rgba(255,255,255,.9)

!important;


transition:

all .45s cubic-bezier(.34,1.56,.64,1)

!important;

}



/* POPUP LOGIN BOX */

.page_login:hover {


transform:

translateY(-8px)

scale(1.01)

!important;


border:

1.5px solid #D4AF37

!important;


box-shadow:

0 18px 40px rgba(59,10,78,.30)

!important;

}









/* JUDUL LOGIN */

.page_login h1 {


background:

#3B0A4E !important;


color:white !important;


padding:

14px 35px;


border-radius:

50px;


display:inline-block;


font-weight:800;


box-shadow:

0 8px 20px rgba(59,10,78,.30);


border:

2px solid #D4AF37;

}










/* LABEL */

.page_login label {


color:

#3B0A4E !important;


font-weight:

800;


}











/* INPUT USERNAME PASSWORD */

.page_login input[type="text"],

.page_login input[type="password"],

.page_login input[type="email"] {


border-radius:

50px !important;


padding:

13px 20px !important;


border:

2px solid rgba(59,10,78,.25)

!important;


background:white !important;



box-shadow:

inset 4px 4px 10px rgba(0,0,0,.10),

inset -4px -4px 10px white

!important;


transition:

.35s ease;


}










/* INPUT FOCUS */

.page_login input:focus {


border:

2px solid #D4AF37

!important;


box-shadow:

0 0 15px rgba(212,175,55,.45)

!important;


outline:none;


}









/* TOMBOL LOGIN */

.page_login button,

.page_login .submit {


background:

#3B0A4E !important;


color:white !important;


border-radius:

50px !important;


padding:

12px 35px !important;


border:

2px solid #D4AF37 !important;


font-weight:

800;


transition:

all .4s cubic-bezier(.34,1.56,.64,1)

!important;


box-shadow:

0 8px 20px rgba(59,10,78,.25);


}









/* LOGIN HOVER */

.page_login button:hover,

.page_login .submit:hover {


background:

#D4AF37 !important;


color:

#3B0A4E !important;


transform:

translateY(-6px)

scale(1.08)

!important;


}










/* LINK REGISTER / FORGOT */

.page_login a {


color:

#3B0A4E !important;


font-weight:

800;


text-decoration:none !important;


transition:.3s;


}






.page_login a:hover {


color:#D4AF37 !important;


}










/* CHECKBOX */

.page_login input[type="checkbox"] {


transform:

scale(1.25);


accent-color:

#3B0A4E;


}






/* ==================================================
   JHICS REGISTER PAGE PREMIUM
   CURVED + BEVEL + POPUP
   ================================================== */



/* AREA REGISTER */

.page_register {


background:

linear-gradient(
145deg,
#ffffff,
#faf7fc
)

!important;


padding:

35px !important;


border-radius:

30px !important;


border:

1.5px solid rgba(59,10,78,.20)

!important;


box-shadow:

10px 10px 25px rgba(0,0,0,.13),

-6px -6px 18px rgba(255,255,255,.9)

!important;


transition:

all .45s cubic-bezier(.34,1.56,.64,1)

!important;


}









/* POPUP REGISTER */

.page_register:hover {


transform:

translateY(-8px)

scale(1.01)

!important;


border:

1.5px solid #D4AF37

!important;


box-shadow:

0 18px 40px rgba(59,10,78,.30)

!important;


}











/* JUDUL REGISTER */

.page_register h1 {


background:

#3B0A4E !important;


color:

white !important;


padding:

14px 35px;


border-radius:

50px;


display:

inline-block;


font-weight:

800;


border:

2px solid #D4AF37;


box-shadow:

0 8px 20px rgba(59,10,78,.30);


}










/* FIELDSET BAGIAN FORM */

.page_register fieldset {


background:

rgba(255,255,255,.75);


padding:

20px;


margin-bottom:

20px;


border-radius:

22px;


border:

1px solid rgba(59,10,78,.15);


box-shadow:

5px 5px 15px rgba(0,0,0,.08);


}











/* JUDUL BAGIAN FORM */

.page_register legend {


background:

#3B0A4E;


color:white;


padding:

8px 20px;


border-radius:

50px;


font-weight:

800;


border:

1.5px solid #D4AF37;


}










/* LABEL */

.page_register label {


color:

#3B0A4E !important;


font-weight:

800;


}










/* INPUT REGISTER */

.page_register input[type="text"],

.page_register input[type="password"],

.page_register input[type="email"],

.page_register select {


border-radius:

50px !important;


padding:

12px 20px !important;


border:

2px solid rgba(59,10,78,.25)

!important;


background:

white !important;


box-shadow:

inset 4px 4px 10px rgba(0,0,0,.10),

inset -4px -4px 10px white

!important;


transition:

.35s ease;


}










/* SAAT INPUT AKTIF */

.page_register input:focus {


border:

2px solid #D4AF37 !important;


box-shadow:

0 0 15px rgba(212,175,55,.45)

!important;


outline:none;


}










/* TOMBOL REGISTER */

.page_register button,

.page_register .submit {


background:

#3B0A4E !important;


color:

white !important;


padding:

12px 35px !important;


border-radius:

50px !important;


border:

2px solid #D4AF37 !important;


font-weight:

800;


transition:

all .4s cubic-bezier(.34,1.56,.64,1)

!important;


box-shadow:

0 8px 20px rgba(59,10,78,.25);


}










/* HOVER BUTTON */

.page_register button:hover,

.page_register .submit:hover {


background:

#D4AF37 !important;


color:

#3B0A4E !important;


transform:

translateY(-6px)

scale(1.08)

!important;


}










/* CHECKBOX */

.page_register input[type="checkbox"] {


transform:

scale(1.25);


accent-color:

#3B0A4E;


}









/* LINK */

.page_register a {


color:

#3B0A4E !important;


font-weight:

800;


text-decoration:

none !important;


}



.page_register a:hover {


color:

#D4AF37 !important;


}




/* ==================================================
   JHICS LOGIN & REGISTER FONT PREMIUM
   MODERN TYPOGRAPHY
   ================================================== */


/* FONT UTAMA LOGIN REGISTER */

.page_login,
.page_register {


font-family:

'Montserrat',
'Poppins',
'Segoe UI',
Arial,
sans-serif

!important;


}







/* TITLE LOGIN REGISTER */

.page_login h1,
.page_register h1 {


font-size:

28px !important;


font-weight:

900 !important;


letter-spacing:

1px;


text-transform:

uppercase;


}









/* LABEL FORM */

.page_login label,
.page_register label {


font-size:

15px !important;


font-weight:

800 !important;


letter-spacing:

.3px;


}









/* TEXT INPUT */

.page_login input,
.page_register input,
.page_register select {


font-size:

15px !important;


font-weight:

600;


color:

#3B0A4E !important;


}









/* PLACEHOLDER */

.page_login input::placeholder,
.page_register input::placeholder {


font-style:

italic;


color:

rgba(59,10,78,.45);


}










/* LINK BAWAH LOGIN REGISTER */

.page_login a,
.page_register a {


font-size:

14px;


font-weight:

800;


letter-spacing:

.3px;


}










/* BUTTON TEXT */

.page_login button,
.page_register button,
.page_login .submit,
.page_register .submit {


font-size:

15px !important;


font-weight:

900 !important;


letter-spacing:

1px;


text-transform:

uppercase;


}





/* ==================================================
   JHICS STATIC PAGE FIX
   REVIEWER / CUSTOM CONTENT
   BEVEL + POPUP
   ================================================== */



/* FOTO DALAM HALAMAN STATIS */

.pkp_structure_main .page img {


border-radius:

18px !important;


background:

white !important;


padding:

5px !important;


border:

4px solid white !important;


box-shadow:

8px 8px 18px rgba(0,0,0,.18),

-5px -5px 15px rgba(255,255,255,.9)

!important;


transition:

all .45s cubic-bezier(.34,1.56,.64,1)

!important;


}







/* FOTO POPUP */

.pkp_structure_main .page img:hover {


transform:

translateY(-8px)

scale(1.10)

!important;


border:

4px solid #D4AF37 !important;


box-shadow:

0 15px 35px rgba(59,10,78,.35)

!important;


}








/* SETIAP BLOK TEXT REVIEWER */

.pkp_structure_main .page p {


background:

linear-gradient(
145deg,
#ffffff,
#faf7fc
)

!important;


padding:

15px 18px !important;


margin-bottom:

15px !important;


border-radius:

22px !important;


border-left:

5px solid #D4AF37 !important;


box-shadow:

6px 6px 15px rgba(0,0,0,.10)

!important;


transition:

all .4s cubic-bezier(.34,1.56,.64,1)

!important;


}








/* POPUP TEXT */

.pkp_structure_main .page p:hover {


transform:

translateY(-6px)

scale(1.02)

!important;


box-shadow:

0 15px 30px rgba(59,10,78,.25)

!important;


}








/* NAMA REVIEWER */

.pkp_structure_main .page strong,
.pkp_structure_main .page a {


color:#3B0A4E !important;


font-weight:800;


}








/* JUDUL HALAMAN */

.pkp_structure_main .page h1,
.pkp_structure_main .page h2 {


background:#3B0A4E !important;


color:white !important;


padding:

14px 25px;


border-radius:

50px;


display:inline-block;


border:

2px solid #D4AF37;


box-shadow:

0 8px 20px rgba(59,10,78,.30);


}








/* ICON GS SINTA SCOPUS JANGAN IKUT BESAR */

.pkp_structure_main .page img[src*="Google"],
.pkp_structure_main .page img[src*="sinta"],
.pkp_structure_main .page img[src*="Scopus"] {


border-radius:5px !important;


border:none !important;


padding:0 !important;


box-shadow:none !important;


transform:none !important;


}





/* ==================================================
   JHICS EDITORIAL TEAM FIX FINAL
   STATIC PAGE STYLE
   BEVEL + CURVED + POPUP
   ================================================== */


/* AREA EDITORIAL */

.pkp_structure_main .page_editorial_team,
.pkp_structure_main .page_custom {


font-family:

'Montserrat',
'Poppins',
'Segoe UI',
Arial,
sans-serif

!important;


}








/* FOTO EDITOR */

.pkp_structure_main .page_editorial_team img,
.pkp_structure_main .page_custom img {


border-radius:

18px !important;


background:

white !important;


padding:

5px !important;


border:

4px solid white !important;


box-shadow:

8px 8px 18px rgba(0,0,0,.18),

-5px -5px 15px rgba(255,255,255,.9)

!important;


transition:

all .45s cubic-bezier(.34,1.56,.64,1)

!important;


}








/* FOTO EDITOR POPUP */

.pkp_structure_main .page_editorial_team img:hover,
.pkp_structure_main .page_custom img:hover {


transform:

translateY(-8px)

scale(1.10)

!important;


border:

4px solid #D4AF37 !important;


box-shadow:

0 15px 35px rgba(59,10,78,.35)

!important;


}









/* CARD DATA EDITOR */

.pkp_structure_main .page_editorial_team p,
.pkp_structure_main .page_custom p {


background:

linear-gradient(
145deg,
#ffffff,
#faf7fc
)

!important;


padding:

15px 18px !important;


margin-bottom:

15px !important;


border-radius:

22px !important;


border-left:

5px solid #D4AF37 !important;


box-shadow:

6px 6px 15px rgba(0,0,0,.10)

!important;


transition:

all .4s cubic-bezier(.34,1.56,.64,1)

!important;


}








/* POPUP CARD */

.pkp_structure_main .page_editorial_team p:hover,
.pkp_structure_main .page_custom p:hover {


transform:

translateY(-6px)

scale(1.02)

!important;


box-shadow:

0 15px 30px rgba(59,10,78,.25)

!important;


}










/* NAMA EDITOR */

.pkp_structure_main .page_editorial_team strong,
.pkp_structure_main .page_editorial_team a {


color:

#3B0A4E !important;


font-weight:

800 !important;


text-decoration:

none !important;


}









/* HOVER LINK */

.pkp_structure_main .page_editorial_team a:hover {


color:#D4AF37 !important;


}










/* JUDUL EDITORIAL */

.pkp_structure_main .page_editorial_team h1,
.pkp_structure_main .page_editorial_team h2,
.pkp_structure_main .page_editorial_team h3 {


background:

#3B0A4E !important;


color:

white !important;


padding:

14px 25px;


border-radius:

50px;


display:

inline-block;


font-weight:

900;


border:

2px solid #D4AF37;


box-shadow:

0 8px 20px rgba(59,10,78,.30);


}









/* ICON GS SINTA SCOPUS NORMAL */

.pkp_structure_main .page_editorial_team img[src*="Google"],
.pkp_structure_main .page_editorial_team img[src*="sinta"],
.pkp_structure_main .page_editorial_team img[src*="Scopus"],

.pkp_structure_main .page_custom img[src*="Google"],
.pkp_structure_main .page_custom img[src*="sinta"],
.pkp_structure_main .page_custom img[src*="Scopus"] {


border-radius:

5px !important;


border:

none !important;


padding:

0 !important;


box-shadow:

none !important;


transform:

none !important;


}