::-webkit-scrollbar {
    width: 5px;
}  
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #b1dabb; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #b1dabb; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #67ad7e; 
}
body{
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='58' height='100.23' patternTransform='scale(16) rotate(30)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0,0%,100%,1)'/><path d='M.111-33.307l-28.997 16.744zm.012.006l28.993 16.738-.004 33.485L.115 33.492l-28.997-16.57.004-33.485m40.992 43.198v-5.672l4.937 2.85M29.113 9.995L12.117.18l17-9.815M6.114 30.062L6.114 10.57l16.967 9.798m-51.963-3.446l57.998-33.485m-29 50.055l-.005-66.8m29.001 50.23l-57.99-33.485m57.992 19.63l-5-2.887 5.002-2.887m28.872-30.805L28.99-16.768zm.012.006l28.993 16.738-.004 33.485-28.997 16.57-28.997-16.57.004-33.485m-.004 33.485l57.998-33.485M57.992 33.287l-.004-66.799m29 50.229C67.615 5.529 48.285-5.633 28.999-16.768M28.998 2.86l4.998-2.886-4.998-2.886m6.029 23.076l16.964-9.794.002 19.49m-6-3.43v-5.67l-4.936 2.85M28.995 9.789L45.994-.026 28.998-9.84M-.003 66.943L-29 83.687zm.012.006l28.993 16.738-.004 33.485m0 0L.001 133.742m0 0l-28.997-16.57m0 0l.004-33.485m57.991 26.557l-16.996-9.814 17-9.815m-58 26.557l57.999-33.485M.001 133.742l-.004-66.8m29.001 50.23l-57.99-33.485m45.994-6.928l-5.005 2.89V73.87m11.005 6.353L5.999 90.04l-.002-19.633M29 103.317l-5-2.887 5.002-2.887m28.99-30.6L28.993 83.687zm.011.006l28.993 16.738-.004 33.485m0 0l-28.997 16.57m0 0l-28.997-16.57m0 0l.004-33.485m22.99-13.28v19.627l-16.995-9.813m-5.999 36.95l57.998-33.484m-29 50.055l-.005-66.8m29.001 50.23l-57.99-33.485M29 103.314L34 100.428 29 97.542m11.996-20.786l4.996 2.885v-5.77m-16.994 36.373l17-9.815L29 90.615M57.998 66.94l-.003-33.484zm-.012.008l-28.992 16.74L-.002 66.94l.148-33.397 28.849-16.827L57.99 33.463M.084 47.363L4.997 50.2.06 53.05m5.936 17.356l16.998-9.812v19.63m35.003-20.212L41 50.2l16.996-9.812m-57.878.067l16.88 9.745L.03 59.996m28.966-43.28v66.971M.144 33.544L57.999 66.94m-58 .001L57.99 33.463M40.994 76.759v-5.78l5.004 2.89m-5.004-50.221v5.772l5-2.886m-11 53.689V60.589l17.004 9.815m-40.003 3.467l5-2.887v5.775m41.002-29.444L53 50.2l4.998 2.885M22.995 20.217v19.589l-16.88-9.744m5.97-3.481l4.91 2.835v-5.7m18-3.535v19.63l16.997-9.813'  stroke-linejoin='round' stroke-linecap='round' stroke-width='1' stroke='hsla(135, 36%, 77%, 0.1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(-816,-999.36)' fill='url(%23a)'/></svg>")
}
.pkp_structure_head {
    background: #f67423;
    background: transparent;
    border-bottom: 1px solid transparent;
}
.pkp_site_nav_menu {
    background: #212422;
    border-radius: 20px;
}
.pkp_site_nav_menu .pkp_nav_list {
    padding-left: 20px;
    margin-left: 0;
}

.pkp_site_name .is_img img {
	display: inline-block;
	max-height: 200px;
	max-width: 100%;
	width: auto;
	height: auto
}

.pkp_brand_footer {
	display: none;
}
.pkp_structure_footer {
    background: #b1dabb;
    border-radius: 20px;
}
.pkp_structure_footer_wrapper {
    background: transparent;
}
.pkp_site_nav_menu a {
    color: #f67423;
    font-weight: bold;
}
.pkp_site_nav_menu a:hover{
    color: #f67423;
    font-weight: bold;
}
.pkp_site_nav_toggle {
    background-color: #f67423;;
}
.pkp_page_index .homepage_image img {
    border-radius: 90px;
}
.carousel {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}  
.slides {
    width: 100%;
    display: flex;
    overflow-x: scroll;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    border-radius: 20px;
}  
.slides::-webkit-scrollbar {
    width: 10px;
}  
.slides::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #b1dabb; 
    border-radius: 10px;
}
.slides::-webkit-scrollbar-thumb {
    background: #b1dabb; 
    border-radius: 10px;
}
.slides::-webkit-scrollbar-thumb:hover {
    background: #67ad7e; 
}
.slides-item{
    align-items: center;
    border-radius: 10px;
    display: flex;
    flex-shrink: 0;
    font-size: 100px;
    height: 300px;
    justify-content: center;
    margin: 0.5rem 1rem;
    position: relative;
    scroll-snap-align: start;
    transform: scale(1);
    transform-origin: center center;
    transition: transform .5s;
    width: 100%;
} 
.slide-1 {
    background-image: url(https://journal.diginus.id/public/site/images/prdnmhmdh/famj-cover.png);
} 
.slide-2 {
    background-image: url(https://journal.diginus.id/public/site/images/prdnmhmdh/famj-cover.png);
} 
.slide-3 {
    background-image: url(https://journal.diginus.id/public/site/images/prdnmhmdh/famj-cover.png);
} 
.slide-4 {
    background-image: url(https://journal.diginus.id/public/site/images/prdnmhmdh/famj-cover.png);
}  
.slide-5 {
    background-image: url(https://journal.diginus.id/public/site/images/prdnmhmdh/famj-cover.png);
}


/* Replace the old green scrollbar with Poligon colors */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #E0EEF6;
}

::-webkit-scrollbar-thumb {
    background: #6188B1;
}

::-webkit-scrollbar-thumb:hover {
    background: #FBB414;
}

/* Navigation */
.pkp_site_nav_menu {
    background: #245471;
    border-radius: 8px;
}

.pkp_site_nav_menu a {
    color: #f67423;
    font-weight: bold;
}

.pkp_site_nav_menu a:hover {
    color: #FBB414;
    font-weight: bold;
}

.pkp_site_nav_toggle {
    background-color: #245471;
}


/* Footer */
.pkp_structure_footer {
    background: #245471;
    border-radius: 8px;
    color: #ffffff;
}

/* Footer text */
.pkp_structure_footer,
.pkp_structure_footer p,
.pkp_structure_footer li,
.pkp_structure_footer span {
    color: #ffffff;
}

/* Footer links */
.pkp_structure_footer a {
    color: #ffffff;
}

/* Footer links saat hover */
.pkp_structure_footer a:hover {
    color: #e6e6e6;
}

/* =========================================================
   POLIGON - JOURNAL DESCRIPTION ABOVE CURRENT ISSUE
   ========================================================= */

/* Kontainer beranda di tema Default OJS adalah .page_index_journal
   (bukan .homepage_content), jadi flexbox dipasang di sini */
.pkp_page_index .page_index_journal {
    display: flex;
    flex-direction: column;
}

/* Urutan: gambar beranda -> Additional Content (tabel hijau + deskripsi)
   -> Journal Summary -> Pengumuman -> Current Issue */
.pkp_page_index .page_index_journal > * {
    order: 0;
}

.pkp_page_index .page_index_journal > .homepage_image {
    order: -30;
}

/* Tabel info jurnal + paragraf deskripsi diisi lewat
   Appearance > Setup > Additional Content, dirender dalam .additional_content */
.pkp_page_index .page_index_journal > .additional_content {
    order: -20;
    width: 100%;
    margin: 0 0 30px 0;
    padding-bottom: 20px;
    border-bottom: 3px solid #FBB414;
}

.pkp_page_index .page_index_journal > .additional_content p {
    line-height: 1.8;
    text-align: justify;
}

/* Journal Description (jika "Show journal summary" diaktifkan) */
.pkp_page_index .homepage_about {
    order: -10;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0;
}

/* Description heading */
.pkp_page_index .homepage_about h2 {
    color: #245471;
    font-weight: 700;
    border-bottom: 3px solid #FBB414;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

/* Description text */
.pkp_page_index .homepage_about p {
    color: #333333;
    line-height: 1.8;
    margin-bottom: 12px;
}

/* Current Issue follows Description */
.pkp_page_index .current_issue {
    order: 0;
    width: 100%;
    margin-top: 0;
}

/* Current Issue heading */
.pkp_page_index .current_issue h2 {
    color: #245471;
    font-weight: 700;
    border-bottom: 3px solid #FBB414;
    padding-bottom: 8px;
    margin-bottom: 20px;
}