html, body {
    background: #ffffff;
    text-align: justify;
}


.pkp_navigation_user>li:last-child>a {
        margin-right: 0.286rem;
    }

#navigationPrimary>li>a:hover, #navigationPrimary>li>a:focus {
    border-color: #000000;
}

#navigationPrimary a:hover, #navigationPrimary a:focus {
        color: #8f6e3c ;
    }

#navigationPrimary>li>a {
    padding-bottom: 4px;
    border-bottom-width: 1px;
    color: #000000 ;
}

#navigationPrimary > li > a:focus,
#navigationPrimary > li > a:active {
    outline: none ;
    box-shadow: none ; /* Terkadang muncul sebagai bayangan */
}

/* Jika ingin kotak hitam hilang sepenuhnya dari navigasi */
.pkp_navigation_primary a:focus {
    outline: none ;
}

#headerNavigationContainer {
    background-color: white;
    background-size: cover;
    background-repeat: no-repeat;
}

.pkp_site_name {
    padding-bottom: 20px;
}

.pkp_site_name .is_img img {
    max-height: 120px;
    }

.pkp_structure_head {
    background-image: linear-gradient(to bottom, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff);
}

.pkp_block {
        padding: 1.143rem;
}

.header .pkp_head_wrapper {
    background: unset;
}

.has_site_logo .pkp_head_wrapper {
    padding-top: 1rem;
}

.pkp_site_nav_menu a, .pkp_site_nav_menu a:hover, .pkp_site_nav_menu a:focus {
    color: #ffffff;
    text-shadow: none;
}

.pkp_navigation_search_wrapper a {
    padding-bottom: 1px;
    border-bottom-width: 1px;
}

.pkp_navigation_user>li>a {
    color: #262626;
}

.pkp_navigation_user>li>a:focus {
    background: none;
    color: #262626;
}

.pkp_navigation_user>li>a:hover {
    color: #262626;
}

.pkp_navigation_user_wrapper {
        position: absolute;
        top: 15px;
}

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css");

#navigationUserWrapper .profile a[href*="register"]::before {
    content: "\f234" ;
    font-family: "FontAwesome" ;
    font-weight: normal ;
    margin-right: 6px;
    color: #262626;
    display: inline-block;
}

#navigationUserWrapper .profile a[href*="login"]::before {
    content: "\f090" ;
    font-family: "FontAwesome" ;
    font-weight: normal ;
    margin-right: 6px;
    color: #262626;
    display: inline-block;
}

.page_search .submit button:after {
    background: #262626;
}

.page_search .submit button {
    color: #262626;
}

.pkp_navigation_search_wrapper a:focus {
    background: none;
}


.pkp_page_index .homepage_image img {
    display: block;
    width: 100%;
    height: auto;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-top: 25px ;
    box-shadow: 0 5px 5px rgba(21, 21, 21, 0.3), 0 0px 10px rgba(40, 40, 40, 0.3);
    border-radius: 8px;
}

/* Container */
.sidebar-btn-container {
    text-align: center;
    margin: 3px 0;
    width: 100%;
}

/* --- GAYA DASAR TOMBOL SAKAKU (CURVED HOVER) --- */
.btn-nusantara-common {
    width: 223px ;
    padding: 15px 0 ;
    border-radius: 10px ;
    text-decoration: none ;
    font-weight: 600 ;
    display: inline-block ;
    font-family: 'Inter', sans-serif ;
    font-size: 16px ;
    position: relative ;
    z-index: 1 ;
    overflow: hidden ; /* Memotong lengkungan di luar area tombol */
    border: none ;
    color: #ffffff ;
    cursor: pointer ;
    transition: all 0.5s ease ;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) ;
}

/* Lapisan Warna Melengkung (Curved) */
.btn-nusantara-common::before {
    content: "" ;
    position: absolute ;
    top: 120%; /* Mulai jauh di bawah */
    left: 50% ;
    width: 150% ; /* Lebih lebar dari tombol untuk membuat lengkungan */
    height: 300% ; /* Sangat tinggi agar lengkungan terlihat natural */
    background: inherit; /* Mengambil warna dasar */
    border-radius: 50% ; /* Membuat bentuk oval/lengkung */
    transform: translateX(-50%) ; /* Menjaga lengkungan di tengah */
    z-index: -1 ;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) ; /* Kecepatan khas Sakaku */
}

/* --- EFEK HOVER (CURVED SLIDE UP) --- */
.btn-nusantara-common:hover {
    transform: translateY(-3px) ; /* Hanya naik sedikit, tidak ngezom */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) ;
    color: #ffffff ;
    text-decoration: none ;
}

/* Lengkungan naik menutupi tombol saat di-hover */
.btn-nusantara-common:hover::before {
    top: -50% ; /* Posisi akhir untuk menutup seluruh tombol */
}

/* --- WARNA DASAR & HOVER LAYER (WARNA GELAP SEBAGAI PENGISI) --- */
/* WhatsApp */
.btn-wa-nusantara { background-color: #8f6e3c ; }
.btn-wa-nusantara::before { background-color: #262626 ; }

/* Submit Paper */
.btn-submit-nusantara { background-color: #8f6e3c ; }
.btn-submit-nusantara::before { background-color: #262626 ; }

/* Ikon */
.btn-icon-svg {
    width: 20px ;
    vertical-align: middle ;
    margin-right: 10px ;
    position: relative ;
    z-index: 2 ;
}

.pkp_structure_footer_wrapper {
    background: #8f6e3c;
    border-bottom: unset;
}

.pkp_structure_footer {
    background: #8f6e3c;
}

.pkp_footer_content a:hover {
    text-decoration: none;
    color: #000000;
}

.pkp_brand_footer {
    display: none ;
}

/* 1. KONTAINER UTAMA */
.ijtepes-footer {
    color: #ffffff ;
    display: flex ;
    justify-content: flex-start ; /* Semua mulai dari kiri */
    gap: 60px ;                 /* Memberi jarak antar kolom agar tidak mepet */
    flex-wrap: wrap ;
    font-family: 'Inter', sans-serif ;
    
    /* Agar posisi simetris di tengah layar */
    max-width: 1100px ; 
    margin: 0 auto ;
    width: 100% ;
    padding: 0px 0 ;
}

/* 2. PENGATURAN KOLOM */

/* KOLOM 1: ABOUT */
.footer-column:nth-child(1) {
    flex: 1.5 ;
    padding-right: 0px ; /* Sesuai permintaan Anda */
    min-width: 300px ;
}

/* KOLOM 2: OUR JOURNAL */
.footer-column:nth-child(2) {
    flex: 1 ;
    min-width: 180px ;
}

/* KOLOM 3: CONTACT INFO */
.footer-column:nth-child(3) {
    flex: 1.2 ;
    min-width: 250px ;
}

/* 3. TIPOGRAFI (Rata Kiri Semua) */
.footer-column h3, 
.footer-column p, 
.footer-column li, 
.footer-column div {
    text-align: justify ; /* Memastikan semua rata kiri */
    color: #ffffff ;
}

/* 4. PERBAIKAN LOGO (Ukurannya dikunci agar tidak raksasa) */
.footer-column img {
    width: 75px ; 
    height: auto ;
    display: block ;
    margin-top: 20px ;
    margin-left: 0 ; /* Pastikan logo juga rata kiri */
}

/* 5. GARIS BAWAH */
.footer-bottom {
    width: 100% ;
    max-width: 1100px ;
    margin: 20px auto 0 auto ;
    border-top: 1px solid rgba(255, 255, 255, 0.3) ;
    padding-top: 0px ;
    text-align: left ;
}