.pkp_footer_content {
      float: left;
  }
  

  .img-fluid {
    width: 70px;
    height: 70px;
  }
  

/* Mengatur container logo dan judul */
div.grid {
    display: flex; /* Menyusun elemen dalam satu baris */
    align-items: flex-start; /* Menyelaraskan elemen di bagian atas */
    gap: 15px; /* Memberikan jarak antara logo dan judul */
}

/* Menyesuaikan logo */
div.relative img {
    max-width: 80px; /* Sesuaikan ukuran logo */
    height: auto; /* Mempertahankan proporsi logo */
    margin-top: 0; /* Pastikan logo tidak memiliki margin tambahan */
}

/* Menyesuaikan judul */
p.font-extrabold {
    margin: 0; /* Menghapus margin default pada elemen judul */
    font-size: 1.5rem; /* Ukuran font untuk judul */
    line-height: 1.2; /* Menyesuaikan jarak antar baris teks */
    color: #333; /* Sesuaikan warna teks */
}

/* Untuk tata letak responsif */
@media (max-width: 768px) {
    div.relative img {
        max-width: 60px; /* Ukuran logo lebih kecil untuk perangkat kecil */
    }

    p.font-extrabold {
        font-size: 1.2rem; /* Ukuran font judul lebih kecil */
    }
}

/* Mengatur logo dan menambahkan judul jurnal */
div.relative.flex.flex-grow.basis-0.items-center {
    display: flex; /* Atur elemen dalam baris horizontal */
    align-items: center; /* Pusatkan elemen secara vertikal */
    gap: 15px; /* Berikan jarak antara logo dan teks */
    position: relative; /* Dibutuhkan untuk pseudo-element */
}

/* Menambahkan judul jurnal sebagai teks tambahan */
div.relative.flex.flex-grow.basis-0.items-center::after {
    content: "Journal Of Business And Management Dynamics Hasindo"; /* Judul jurnal */
    font-size: 1.2rem; /* Ukuran font */
    font-weight: bold; /* Tebalkan teks */
    color: #333; /* Warna teks */
    margin-left: 10px; /* Beri jarak dari logo */
    white-space: nowrap; /* Mencegah teks menjadi multi-baris */
}

/* Responsif: Atur posisi untuk perangkat kecil */
@media (max-width: 768px) {
    div.relative.flex.flex-grow.basis-0.items-center {
        flex-direction: column; /* Elemen menjadi vertikal */
        align-items: center; /* Memusatkan elemen */
    }

    div.relative.flex.flex-grow.basis-0.items-center::after {
        margin-left: 0; /* Hilangkan jarak horizontal */
        margin-top: 10px; /* Tambahkan jarak vertikal */
        font-size: 1rem; /* Ukuran font lebih kecil */
        text-align: center; /* Teks rata tengah */
    }
}

module.exports = {
    darkMode: false, // Nonaktifkan dark mode
    theme: {
      extend: {},
    },
    plugins: [],
  };
  




  @media screen and (min-width: 992px) {
    .pkp_site_name .is_img img {
        max-height: 70px;
    }
  }