/* Custom CSS by Muh. Ilham Jaya, M.Pd. IG: @ilham.djaya */

body {
    background: url("https://ejurnal.iainpare.ac.id//public/site/images/muhilhamjaya/pattern_islamic.jpg") repeat fixed;
}

.sidebar-button-container {
    text-align: center;
    margin: 20px 0;
}

.submission-button {
    display: inline-block;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #731414;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s, transform 0.2s ease-in-out;
}

.submission-button:hover {
    background-color: #f9c527;
    color: black;
    transform: scale(1.05);
}




.page_index_journal{
  display: flex;
  flex-direction: column; /* Menentukan tata letak kolom */
}


.current_issue {
  order: 2;
}

.additional_content {
  order: 1;
}


.pkp_navigation_primary_row {
    background: linear-gradient(45deg, white, #d76e10); /* Gradasi antara merah gelap dan cokelat keemasan */
}


.pkp_navigation_primary_row a {
    color: #731414;
}

.pkp_navigation_primary_row a:hover {
    color: #731414;
}

.pkp_block .title {
    font-family: "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    color: #f8f9fa;
    border-bottom: 3px solid #ddd;
    text-transform: none;
    background: #731414;
}

/* Mengatur tampilan menu list */
.menu-list {
    list-style-type: none; /* Menghilangkan bullet points */
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center; /* Mengatur menu agar berada di tengah */
    flex-direction: column; /* Menu ditampilkan secara vertikal */
    gap: 8px; /* Menambahkan jarak antar item menu */
}

/* Menu item */
.menu-list li {
    background-color: #f8f9fa; /* Warna latar belakang menu */
    border-radius: 5px; /* Membuat sudut membulat yang lebih halus */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Efek bayangan lembut */
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease; /* Transisi saat hover */
}

/* Efek hover pada item menu */
.menu-list li:hover {
    transform: translateY(-5px); /* Efek angkat saat hover */
    box-shadow: 0 8px 16px rgba(115, 19, 20, 0.4); /* Efek bayangan lebih tegas saat hover */
    background-color: #f1f1f1; /* Mengubah warna latar belakang saat hover */
}

/* Menu link */
.menu-list a {
    display: block;
    padding: 7px 20px; /* Penambahan padding untuk membuat item menu lebih besar dan nyaman */
    color: #731414; /* Warna teks menu */
    font-family: 'Arial', Palatino, serif;
    font-size: 16px; /* Ukuran font sedikit lebih besar untuk keterbacaan */
    text-decoration: none; /* Menghilangkan underline */
    text-align: center; /* Memastikan teks berada di tengah */
    text-transform: capitalize; /* Kapitalisasi hanya di awal kata */
    border-radius: 3px; /* Membuat sudut membulat pada link */
    transition: background-color 0.3s ease, color 0.3s ease; /* Transisi warna yang lebih halus */
}

/* Efek hover pada link menu */
.menu-list a:hover {
    background-color: #ffffff; /* Warna latar belakang saat hover (kuning keemasan) */
    color: #731414; /* Mengubah warna teks menjadi merah gelap */
}

/* Responsif untuk tampilan mobile */
@media (max-width: 768px) {
    .menu-list {
        width: 100%; /* Memastikan menu mengisi lebar layar */
    }

    .menu-list li {
        width: 100%; /* Menjamin item menu penuh lebarnya */
    }
}


/* General Styling for Info Table */
.journal-info-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
}

/* Styling for Table Cells */
.journal-info-table td {
    padding: 12px 15px;
    font-size: 14px;
    vertical-align: middle;
}

/* Styling for the Header Cells */
.journal-info-table td:first-child {
    font-weight: bold;
    background-color: #f8f9fa;
    width: 30%;
}

/* Styling for Links */
.journal-link {
    color: #731414;
    text-decoration: none;
    font-weight: normal;
    transition: color 0.3s ease;
}

.journal-link:hover {
    color: #f9c527;
}

/* Styling for Info Description Text */
.info-description {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

.info-description p {
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}

/* Styling for the Last Paragraph in the Info Description */
.info-description p:last-of-type {
    font-weight: bold;
    color: #731414;
}

/* Add responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .journal-info-table td {
        padding: 10px 12px;
        font-size: 12px;
    }

    .info-description p {
        font-size: 12px;
    }

    .info-description {
        padding: 15px;
    }
}

/* Footer Utama */
.pkp_footer_content {
    width: 100%;
    max-width: 100%; /* Memastikan lebar footer content penuh */
    padding: 0 15px; /* Padding horizontal */
    box-sizing: border-box;
    text-align: center;
}

/* Styling untuk setiap section dalam footer */
.footer-section {
    margin-bottom: 20px;
    padding: 0 15px;
}

.footer-section h3 {
    font-size: 18px;
    color: #731414;
    margin-bottom: 10px;
    font-weight: bold;
}

/* Styling untuk teks dan link di dalam footer */
.footer-section p, .footer-section a {
    font-size: 14px;
    color: #333;
    line-height: 1.6;
}

.footer-section a {
    text-decoration: none;
}

.footer-section a:hover {
    color: #f9c527;
}

/* Styling untuk copyright */
.copy-right {
    margin-top: 10px;
    font-size: 14px;
}

.copy-right a {
    color: #731414;
    text-decoration: none;
}

.copy-right a:hover {
    color: #f9c527;
}

/* Responsif untuk iframe (embed maps) */
footer iframe {
    width: 100%;
    height: auto;
    border: 0;
    margin-bottom: 20px;
}

/* Brand Footer (OJS Logo) */
.pkp_brand_footer {
    text-align: center;
    padding: 20px;
    background-color: #f0f0f0;
}

.pkp_brand_footer img {
    width: 150px;
    height: auto;
}

/* Responsif untuk mobile */
@media (max-width: 768px) {
    footer {
        padding: 20px 10px;
    }

    iframe {
        height: 300px; /* Ukuran iframe lebih kecil di layar kecil */
    }

    .footer-section h3 {
        font-size: 16px;
    }

    .copy-right {
        font-size: 12px;
    }
}