/* =====================================================
   LIBRARY INSIGHT JOURNAL (LIJ)
   CUSTOM CSS FOR OJS 3
   ===================================================== */

/* ===== GENERAL IMAGE CONTROL ===== */
img {
    max-width: 100%;
    height: auto;
}

/* ===== SIDEBAR BLOCK ===== */
.pkp_block {
    margin-bottom: 20px;
    text-align: center;
}

/* ===== SIDEBAR ICONS / INDEXING LOGOS ===== */
.pkp_block img {
    max-width: 120px !important;
    height: auto !important;
    display: block;
    margin: 10px auto;
    transition: 0.3s ease;
}

/* ===== HOVER EFFECT ===== */
.pkp_block img:hover {
    transform: scale(1.05);
}

/* ===== TEMPLATE ARTICLE ICON ===== */
.template img,
.article-template img {
    max-width: 170px !important;
    height: auto !important;
    margin: 10px auto;
}

/* ===== HOMEPAGE CONTENT ===== */
.page_index_journal .homepage_content img {
    max-width: 100%;
    height: auto;
}

/* ===== SIDEBAR SPACING ===== */
.pkp_block .content {
    padding: 5px;
}

/* ===== INDEXING LOGOS GRID STYLE ===== */
.indexing img {
    max-width: 110px !important;
    margin-bottom: 12px;
}

/* ===== REMOVE OVERSIZED LINKS ===== */
.pkp_block a img {
    border: 0;
}

/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 768px) {

    .pkp_block img {
        max-width: 90px !important;
    }

    .template img,
    .article-template img {
        max-width: 130px !important;
    }

}