-webkit-scrollbar {
    width: 5px;
}  
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #12582e; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #12582e; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #67ad7e; 
}
body {
    background-image: url("data:image/svg+xml,<svg id='patternId' xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 100 57.76'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='100' height='57.76' patternTransform='scale(0.1)'><rect x='0' y='0' width='100%' height='100%' fill='%23c9c9c9ff'/><path d='M5.75 0 2.89 4.96l-.42.73-.49.84-.06.1L0 9.97v3.34l2.47-4.27 7.36 12.75-7.85 13.6H0v1.73h2.02l7.34 12.72H0v1.67h9.36l-3.61 6.26h1.93l3.13-5.43 7.1-12.3h3.46l1.72-2.99h11.26l-7.4 12.82-.48.83.02.05-4.04 7.02h1.92l3.08-5.34 3.09 5.34h2.02l-3.6-6.23h11.22l1.73 2.99h4.41l2.2-3.83-1.71-2.98 5.65-9.8 7.37 12.75-4.1 7.1h1.97l3.6-6.23h15.66l3.6 6.23h2.02l-4.1-7.1 7.83-13.55H100v-1.74H86.3l-7.34-12.72h11.21l1.73 2.99h4.42l2.2-3.82-1.72-2.99L100 13.3V9.96L95.36 18H91.9l-1.72 2.98H78.93l7.4-12.82.48-.83-.03-.05L90.98 0h-1.92l-3.24 5.6L82.58 0h-2.02l3.75 6.5H73.09l-1.72-3h-4.42l-2.2 3.83 1.72 2.99-5.66 9.8-7.38-12.8L57.66 0h-1.93l-3.75 6.5H36.31L32.56 0h-1.92l4.2 7.28-7.88 13.64h-15.7L3.9 8.2h11.31l1.73 2.98h4.42l2.2-3.82-1.72-2.99L24.37 0h-1.93L20.4 3.54h-3.45l-1.73 2.99H3.92L7.67 0Zm62.17 5.17h2.48l1.24 2.16-1.24 2.15h-2.48l-1.25-2.15Zm-50 .04h2.48l1.24 2.15-1.24 2.15h-2.48l-1.25-2.15Zm55.17 2.95h11.26l-7.4 12.82-.49.84.03.05-6.09 10.55h-3.45l-1.72 2.99H53.9l6.9-11.96 7.1-12.3h3.46zm-36.74 0h15.63l7.39 12.79H48.05l-1.72-2.99H41.9l-2.2 3.82 1.72 3-5.6 9.7-7.34-12.7zm6.53 11.47h2.48l1.24 2.15-1.24 2.16h-2.48l-1.25-2.16zm50 .03h2.48l1.25 2.16-1.25 2.15h-2.48l-1.25-2.15zm-44.83 2.96h11.32l-6.9 11.95-7.1 12.3H41.9l-1.72 3H28.93l7.4-12.83.48-.83-.02-.05 6.09-10.55h3.45zm-36.76.03h15.67l7.35 12.72H23.09l-1.72-2.99h-4.42l-2.2 3.83 1.72 2.98-5.66 9.8-7.36-12.75Zm66.17.89 7.33 12.7-7.82 13.55H61.26L53.9 37.07h11.32l1.72 2.99h4.42l2.2-3.82-1.72-2.99zM17.92 34.05h2.48l1.24 2.16-1.24 2.15h-2.48l-1.25-2.15zm50 .04h2.48l1.24 2.15-1.24 2.15h-2.48l-1.25-2.15zm24 12.75-2.21 3.82 1.72 2.99-2.37 4.1H91l1.89-3.27h3.45l1.72-2.98H100v-1.67h-1.95l-1.72-2.99zm.96 1.67h2.48l1.24 2.15-1.24 2.16h-2.48l-1.25-2.16zm-50 .03h2.48l1.24 2.16-1.24 2.15h-2.48l-1.25-2.16z' stroke-width='1' stroke='none' fill='%2300008099'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
}

.pkp_structure_content {
  background: whitesmoke;
}

.pkp_structure_head {
    background: #f67423;
    background: transparent;
    border-bottom: 1px solid transparent;
}
.pkp_site_nav_menu {
    background: #000080;
    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: #000080;
    border-radius: 20px;
}
.pkp_structure_footer_wrapper {
    background: transparent;
}
.profile a {
    background: whitesmoke;
    border-radius: 12px;
    margin-right: 0.5px !important;
    color: #000080;
    font-weight: bold;
}
.profile a:hover{
    color: #c9c9c9;
    font-weight: bold;
}
.pkp_site_nav_toggle {
    background-color: #c9c9c9;
}

.pkp_site_nav_toggle a:hover{
    color:#000080;
}
.pkp_page_index .homepage_image img {
    border-radius: 0px;
}
.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 #12582e; 
    border-radius: 10px;
}
.slides::-webkit-scrollbar-thumb {
    background: #12582e; 
    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);
}