html, body {
    font-family: "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    background: #ffffff;
}

.pkp_site_name .is_img img {
    max-height: fit-content;
}

.pkp_site_name {
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.pkp_site_name_wrapper {
    padding-left: 0rem;
    padding-right: 0rem;
}

.pkp_structure_head {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .25em;
}

@media (min-width: 992px) {
    .pkp_navigation_primary_row {
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .pkp_navigation_primary > li:first-child a {
        margin-left: 1em;
    }
}

.informasi { max-width: 900px; }

img.cover {
    float: right;
    width: 200px;
    height: auto;
    margin: 0px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

table { border-collapse: collapse; width: 100%; max-width: calc(100% - 200px); background: #fff; }

th.tabel-informasi, td.tabel-informasi {
    border: 1px solid #e0e0e0;
    padding: 10px 12px;
    text-align: left;
    vertical-align: middle;
}

img.gambar-index { max-width: 25%; }

.block-custom:hover {
    transform: translateY(-10px);
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    transition: transform 0.3s ease;
}

@media (max-width: 640px) {
    .cover { float: none; display: block; margin: 0 0 16px 0; width: 48%; max-width: 240px; }
    table { max-width: 100%; }
}

.pkp_structure_main p, .pkp_structure_main ul { text-align: justify; }

.pkp_structure_footer { display: flex; }
.pkp_footer_content { padding: 2.143rem; text-align: left; width: 70%; }
.pkp_brand_footer { padding: 2.143rem; width: 30%; }
.pkp_block { padding: 1rem; }

.cmp_article_list > li {
    margin-bottom: 1.5rem;
    color: #000000;
    padding: 20px;
    background-color: white;
    border: 1px solid #cfcfcf;
    border-radius: 15px;
    box-shadow: 0 10px 0 0 #cfcfcf;
}

.pkp_site_nav_toggle--transform {
    right: 0.5rem;
    left: auto;
}