/* ==========================================
   MRJ - MINIMAL CUSTOM CSS
   ========================================== */

/* 1. Journal Logo */
.pkp_site_name.is_img img,
.pkp_site_name .is_img img {
    max-height: 130px !important;
    width: auto !important;
    max-width: 100%;
    object-fit: contain;
}

/* H2 - Half-width bottom border */
h2 {
    position: relative;
    padding-bottom: 10px;
    border-bottom: none !important;
}

h2::after {
    content: "";
    display: block;
    width: 50%;
    height: 2px;
    background: #287b78;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* 12. Images */
.pkp_structure_content img {
    max-width: 100%;
    height: auto;
}

/* 13. Footer - only coloured background */
.pkp_structure_footer_wrapper {
    background: #173d43;
    border-top: 3px solid #c5a45d;
}

.pkp_structure_footer {
    color: #ffffff;
}

.pkp_structure_footer a {
    color: #e7d5a9 !important;
}

.pkp_structure_footer a:hover {
    color: #ffffff !important;
}

/* 14. Mobile */
@media (max-width: 768px) {
    .pkp_navigation_primary {
        flex-wrap: wrap !important;
        white-space: normal;
    }

    .pkp_navigation_primary > li > a {
        padding: 9px 10px !important;
    }

    .pkp_site_name.is_img img,
    .pkp_site_name .is_img img {
        max-height: 100px !important;
    }

    .pkp_structure_main {
        padding: 15px;
    }
}