html {
    background:none;
}

.pkp_brand_footer {
	display: none;
}

body {
  background: url(https://i.ibb.co.com/0ySMbW6h/Background-Jurnal-9.png);
  background-size: 20%;
  font-family: Cambria;
  font-size: 15px;
  line-height: 24px;
  text-align: justify;
  a:hover {
    color: #2F4F4F; /* Ganti warna link saat hover */
}

.pkp_navigation_primary * {
    text-transform: none !important;
}


/* Styling untuk .pkp_structure_page */
.pkp_structure_page {
    margin: 50px auto; /* Margin atas dan bawah 50px, kiri-kanan auto */
    padding-bottom: 0;
    overflow: hidden;
    box-shadow: 0 0 25px rgba(51, 34, 0, 0.6); /* Bayangan transparan */
    border-radius: 10px;
    width: 100%; /* Agar lebar elemen mengikuti lebar layar */
    max-width: auto; /* Menambahkan max-width agar konten tidak terlalu lebar */
}

/* Styling untuk gambar dalam .pkp_site_name .is_img */
.pkp_site_name .is_img img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    transform: scale(1, 1.17); /* Efek skala pada gambar */
}

/* Menghapus padding kiri dan kanan pada .pkp_site_name_wrapper */
.pkp_site_name_wrapper {
    padding: 0;
	padding-top: 0;
	padding-bottom: 0;
}

/* Responsif untuk layar desktop */
@media (max-width: 992px) {
    .pkp_structure_page {
        margin: 30px auto; /* Mengurangi margin pada layar lebih kecil */
        padding: 15px; /* Padding lebih kecil pada layar menengah */
    }

    .pkp_site_name .is_img img {
        width: 100%; /* Ukuran gambar sedikit lebih kecil pada desktop */
    }

    .pkp_navigation_primary {
        display: flex;
        justify-content: center; /* Menyusun menu di tengah */
        flex-wrap: wrap; /* Membungkus item menu jika diperlukan */
    }

    .pkp_navigation_primary > li {
        margin: 5px; /* Menambah jarak antar item menu */
    }
}


/* Navbar */

/* Memberikan styling untuk item menu di dalam .pkp_navigation_primary_row */
.pkp_navigation_primary_row {
	background-color: #FDF5E6;
}

/* Menambahkan margin antara item menu */
.pkp_navigation_primary_row li {
    margin-right: 5px;
}

/* Styling link */
.pkp_navigation_primary_row li a {
    color: white; /* Warna teks */
    text-decoration: none; /* Menghilangkan garis bawah */
    padding: 6px 6px; /* Padding dalam link */
    border-radius: 2px; /* Memberikan sudut melengkung pada link */
    display: flex; /* Menjaga ikon dan teks sejajar */
    align-items: center; /* Vertikal centering untuk ikon */
}

/* Menambahkan ikon sebelum teks menggunakan Font Awesome */
.pkp_navigation_primary_row li:nth-child(1) a::before {
    content: "\f015"; /* Kode ikon Font Awesome (misalnya 'home' icon) */
    font-family: "Font Awesome 5 Free"; /* Menggunakan font family Font Awesome */
    font-weight: 900; /* Font weight untuk ikon (bold) */
    margin-right: 8px; /* Memberikan jarak antara ikon dan teks */
    font-size: 16px; /* Ukuran ikon */
}

.pkp_navigation_primary_row li:nth-child(2) a::before {
    content: "\f1ea"; /* Kode ikon Font Awesome (misalnya 'home' icon) */
    font-family: "Font Awesome 5 Free"; /* Menggunakan font family Font Awesome */
    font-weight: 900; /* Font weight untuk ikon (bold) */
    margin-right: 8px; /* Memberikan jarak antara ikon dan teks */
    font-size: 16px; /* Ukuran ikon */
}

.pkp_navigation_primary_row li:nth-child(3) a::before {
    content: "\f02d"; /* Kode ikon Font Awesome (misalnya 'home' icon) */
    font-family: "Font Awesome 5 Free"; /* Menggunakan font family Font Awesome */
    font-weight: 900; /* Font weight untuk ikon (bold) */
    margin-right: 8px; /* Memberikan jarak antara ikon dan teks */
    font-size: 16px; /* Ukuran ikon */
}

.pkp_navigation_primary_row li:nth-child(4) a::before {
    content: "\f328"; /* Kode ikon Font Awesome (misalnya 'home' icon) */
    font-family: "Font Awesome 5 Free"; /* Menggunakan font family Font Awesome */
    font-weight: 900; /* Font weight untuk ikon (bold) */
    margin-right: 8px; /* Memberikan jarak antara ikon dan teks */
    font-size: 16px; /* Ukuran ikon */
}

.pkp_navigation_primary_row li:nth-child(5) a::before {
    content: "\f05a"; /* Kode ikon Font Awesome (misalnya 'home' icon) */
    font-family: "Font Awesome 5 Free"; /* Menggunakan font family Font Awesome */
    font-weight: 900; /* Font weight untuk ikon (bold) */
    margin-right: 8px; /* Memberikan jarak antara ikon dan teks */
    font-size: 16px; /* Ukuran ikon */
}

.pkp_navigation_primary_row li:nth-child(6) a::before {
    content: "\f007"; /* Kode ikon Font Awesome (misalnya 'home' icon) */
    font-family: "Font Awesome 5 Free"; /* Menggunakan font family Font Awesome */
    font-weight: 900; /* Font weight untuk ikon (bold) */
    margin-right: 8px; /* Memberikan jarak antara ikon dan teks */
    font-size: 16px; /* Ukuran ikon */
}

.pkp_navigation_primary_row li:nth-child(7) a::before {
    content: "\f084"; /* Kode ikon Font Awesome (misalnya 'home' icon) */
    font-family: "Font Awesome 5 Free"; /* Menggunakan font family Font Awesome */
    font-weight: 900; /* Font weight untuk ikon (bold) */
    margin-right: 8px; /* Memberikan jarak antara ikon dan teks */
    font-size: 16px; /* Ukuran ikon */
}

/* Menghapus ikon untuk semua sub-menu */
.pkp_navigation_primary_row li ul li a::before {
    content: none !important; /* Menghapus ikon pada sub-menu */
}

/* Efek hover pada item menu */
.pkp_navigation_primary_row li a:hover {
    background-color: #A9A9A9; /* Efek latar belakang saat hover */
}


/* Responsif */

/* Tablet */
@media (max-width: 991px) and (min-width: 768px) {
    .pkp_structure_page {
        margin: 30px auto;
        padding: 20px;
    }

    .pkp_navigation_primary {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .pkp_navigation_primary > li {
        margin: 8px;
    }

    .pkp_site_name .is_img img {
        width: 90%;
    }

    body {
        font-size: 14px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    body {
        font-size: 13px;
        line-height: 20px;
    }

    .pkp_structure_page {
        margin: 20px auto;
        padding: 15px;
    }

    .pkp_navigation_primary {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .pkp_navigation_primary > li {
        margin: 10px 0;
    }

  .pkp_site_nav_menu.pkp_site_nav_menu--isOpen {
    background-color: #343a40; /* Latar belakang gelap */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Bayangan lembut */
    padding: 10px 20px;
    transition: background-color 0.3s ease;
}

.pkp_navigation_primary_row {
    text-align: left;
    background-color: #212529;
    color: #f8f9fa;
    padding: 10px 0;
    border-bottom: 2px solid #495057;
    display: flex;
    align-items: center;
    list-style: none;
}

.pkp_navigation_primary_row li {
    margin-right: 20px;
}

.pkp_navigation_primary_row li a {
    font-size: 16px;
    padding: 12px 16px;
    color: #f8f9fa;
    text-decoration: none;
    display: block;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
}

.pkp_navigation_primary_row li a:hover {
    background-color: #007bff;
    color: #ffffff;
}

.pkp_site_name .is_img img {
    width: 40%;
    border-radius: 10%;
}

.pkp_navigation_primary_row li ul {
    display: none;
    position: absolute;
    background-color: #343a40;
    padding: 10px 20px;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.pkp_navigation_primary_row li:hover ul {
    display: block;
}

.pkp_navigation_primary_row li ul li a {
    font-size: 14px;
    padding: 10px 12px;
    color: #f8f9fa;
    transition: background-color 0.3s;
}

.pkp_navigation_primary_row li ul li a:hover {
    background-color: #495057;
}


}
