.pkp_brand_footer {
    display: none !important;
}

.pkp_site_name, .pkp_site_name .is_img, header {
    padding: 0 !important;   /* Remove padding */
    margin: 0 !important;    /* Remove margin */
    width: 100% !important;  /* Ensure full width */
    height: auto !important; /* Ensure height adjusts accordingly */
}

/* Ensure the image is responsive and takes the full width of its container */
.pkp_site_name .is_img img {
    width: 100% !important;   /* Force the image to stretch to full width */
    height: auto !important;  /* Keep the aspect ratio */
    max-width: 100% !important; /* Prevent the image from exceeding its container width */
    max-height: none !important; /* Remove any height restriction */
    display: block; /* Remove any inline spacing */
}

/* Ensure header elements (like login, register) are also aligned */
header .container, .pkp_navbar {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

    .hover-effect {
        transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease; /* Smooth transition for multiple properties */
        border: 2px solid transparent;  /* Initial transparent border */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Initial subtle shadow */
    }

    .hover-effect:hover {
        transform: scale(1.05);  /* Slight zoom effect */
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);  /* Stronger shadow on hover */
        border: 2px solid #0056b3;  /* Blue border on hover */
    }

.pkp_block {
    padding-bottom: 0px !important; /* Remove bottom padding */
    margin-bottom: 0px !important; /* Remove bottom margin */
}

/* Menargetkan kontainer daftar artikel di halaman index */
.pkp_page_index .obj_issue_toc {
    padding: 0 !important;
    margin: 0 !important; /* Tambahkan margin: 0 juga untuk memastikan tidak ada ruang luar */
}

/* Resetting margin and padding for the elements shown in the HTML */
/* Resetting margin and padding only within .current_issue class */
.current_issue,
.current_issue * {
    margin-top:2px !important;
margin-bottom:1px !important;
    padding-top: 0 !important;
padding-bottom: 0 !important;
}


