/* =========================================
   UPTM JOURNAL - FULL WIDTH HEADER BANNER
   ========================================= */

/* Full header background */
.pkp_structure_head {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    background: #0b5f8f;
}

/* Remove theme width restriction */
.pkp_head_wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* Banner area */
.pkp_site_name_wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* Site name */
.pkp_site_name {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* Image link */
.pkp_site_name .is_img {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* Actual banner */
.pkp_site_name .is_img img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    object-fit: contain;
}

/* Remove extra space above/below */
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name .is_img {
    line-height: 0;
}

/* Desktop banner height */
@media (min-width: 992px) {
    .pkp_site_name .is_img img {
        width: 100%;
        height: 220px;
        object-fit: cover;
        object-position: center;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
    .pkp_site_name .is_img img {
        height: 170px;
        object-fit: cover;
        object-position: center;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .pkp_site_name .is_img img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
}