.pkp_page_index .additional_content {
    margin-top: 2em;
}

.navbar-default .navbar-collapse{
    padding-left: 0;
}

.navbar-header {
    float: none;
}

small.pull-right{
    display: none;
}

.journal_index .site_logo{
    display: none;
}
.journal_index {
    width: 100%;
    min-height: 190px;
    margin-left: auto;
    margin-right: auto;
}
.user_navigation {
    background: #003b6d;
    background: -moz-linear-gradient(left, #003b6d 0%, #26659b 100%);
    background: -webkit-linear-gradient(left, #003b6d 0%,#26659b 100%);
    background: linear-gradient(to right, #003b6d 0%,#26659b 100%);
}
.panel-default > .panel-heading, .pkp_block .title {
    color: #ffffff;
    background: rgba(179,220,237,1);
    background: -moz-linear-gradient(top, #003b6d 0%,#26659b 100%);
    background: -webkit-gradient(left top, left bottom, #003b6d 0%,#26659b 100%);
    background: -webkit-linear-gradient(top, #003b6d 0%,#26659b 100%);
    background: -o-linear-gradient(top, #003b6d 0%,#26659b 100%);
    background: -ms-linear-gradient(top, #003b6d 0%,#26659b 100%);
    background: linear-gradient(to bottom, #003b6d 0%,#26659b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#29b8e5', GradientType=0 );
}
.btn-info {
    color: #ffffff;
    background: rgba(179,220,237,1);
    background: -moz-linear-gradient(top, #003b6d 0%,#26659b 100%);
    background: -webkit-gradient(left top, left bottom, #003b6d 0%,#26659b 100%);
    background: -webkit-linear-gradient(top, #003b6d 0%,#26659b 100%);
    background: -o-linear-gradient(top, #003b6d 0%,#26659b 100%);
    background: -ms-linear-gradient(top, #003b6d 0%,#26659b 100%);
    background: linear-gradient(to bottom, #003b6d 0%,#26659b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#29b8e5', GradientType=0 );
}

/* Tampilan Umum Pengumuman */
.obj_announcement_item {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/* --- Tampilan BARU (Tampil di Homepage/Paling Atas) --- */
.homepage .obj_announcement_item {
    border-left: 5px solid #007bb6; /* Penanda warna biru */
    padding-left: 10px;
}
.homepage .obj_announcement_item .title {
    font-size: 1.2em; /* Lebih besar */
    font-weight: bold;
    color: #333;
}

/* --- Tampilan LAMA (Kecil/Arsip) --- */
/* Di halaman daftar pengumuman, pengumuman lama/bawah lebih kecil */
.obj_announcement_item .title {
    font-size: 0.9em; /* Ukuran font lebih kecil */
    font-weight: normal;
    color: #666; /* Warna abu-abu */
}

.obj_announcement_item .date {
    font-size: 0.8em;
    color: #999;
}

/* --- button tambahan pada PDF, Mendeley dan Endnote --- */
.custom-ojs-box {
    position: fixed;
    right: 20px;
    top: 40%;
    transform: translateY(-50%);
    z-index: 9999;

    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Button tetap sama */
.btn-ojs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-radius: 30px; /* ini bikin bubble */
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    font-size: 13px;
    min-width: 160px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

/* Hover animasi */
.btn-ojs:hover {
    transform: translateX(-5px);
}

/* Icon kiri */
.btn-ojs .left {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Badge */
.btn-ojs .badge {
    background: #fff;
    color: #6f2dbd;
    border-radius: 50%;
    padding: 5px 8px;
    font-size: 11px;
    font-weight: bold;
}

/* Warna */
.btn-ojs.doaj {
    background: #ff1f3d;
}

.btn-ojs.mendeley {
    background: #111;
}

.btn-ojs.endnote {
    background: linear-gradient(90deg, #5f2c82, #7d3cff);
}

/* EFEK MASUK KEREN */

.custom-ojs-box {
    animation: slideIn 0.5s ease;
}

@keyframes slideIn {
    from {
        right: -200px;
        opacity: 0;
    }
    to {
        right: 20px;
        opacity: 1;
    }
}

/*  RESPONSIVE (WAJIB BIAR GA NUTUP LAYAR HP) */

@media (max-width: 768px) {
    .custom-ojs-box {
        right: 10px;
        top: auto;
        bottom: 20px;
        transform: none;
    }

    .btn-ojs {
        min-width: 140px;
        font-size: 12px;
    }
}

.custom-ojs-box {
    z-index: 99999;
}

.btn-ojs.scopus {
  background: #FF6D2D;
}

/*  RESPONSIVE announcement-image */


/* Force responsive images in announcement content */


.announcement-full .description img {
    max-width: 100% !important;
    height: auto !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
}

.announcement-summary img {
    max-width: 100%;
    height: auto;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
}

/*  Shadow gambar artikel */

.issue-toc .thumbnail {
    box-shadow:
        0 4px 8px rgba(0, 0, 0, 0.22),
        0 14px 34px rgba(0, 0, 0, 0.18) !important;
    border-radius: 6px;
    border: 1px solid #ddd;
}


page_issue_archive .issue-summary.media {
    overflow: visible !important;   /* KUNCI UTAMA */
}

.page_issue_archive .issue-summary .media-left {
    overflow: visible !important;
}

.page_issue_archive .issue-summary .media-object {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
    border-radius: 6px;
}


/* Footer Logo */
.footer-logo-img {
    max-width: 300px;
    height: auto;
}

/* Tablet */
@media (max-width: 768px) {
    .footer-logo-img {
        max-width: 220px;
        margin-bottom: 15px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .footer-logo-img {
        max-width: 180px;
        display: block;
        margin: 0 auto 20px auto;
    }
}