/* ==========================================================
   JSRM HEADER LOGO - PERMANENT FINAL
   This file must remain the LAST loaded JSRM header stylesheet.
   ========================================================== */

/* ---------- DESKTOP ---------- */
@media screen and (min-width: 769px) {

    html body #headerNavigationContainer[data-jsrm-header="final-v2"]
    .pkp_site_name_wrapper {
        width: 650px !important;
        min-width: 650px !important;
        max-width: 650px !important;

        height: 150px !important;
        min-height: 150px !important;

        padding: 0 !important;
        margin: 0 !important;

        overflow: visible !important;
    }

    html body #headerNavigationContainer[data-jsrm-header="final-v2"]
    .pkp_site_name {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 600px !important;
        min-width: 600px !important;
        max-width: 600px !important;

        height: 150px !important;
        min-height: 150px !important;
        max-height: 150px !important;

        padding: 0 !important;
        margin: 0 !important;

        overflow: visible !important;
    }

    html body #headerNavigationContainer[data-jsrm-header="final-v2"]
    .pkp_site_name > a.is_img.jsrm_native_logo {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 330px !important;
        min-width: 330px !important;
        max-width: 330px !important;

        height: 150px !important;
        min-height: 150px !important;
        max-height: 150px !important;

        padding: 0 !important;
        margin: 0 !important;

        overflow: visible !important;
        background: none !important;
        border: 0 !important;
        transform: none !important;
    }

    html body #headerNavigationContainer[data-jsrm-header="final-v2"]
    .pkp_site_name > a.is_img.jsrm_native_logo > img {
        display: block !important;

        width: 330px !important;
        min-width: 330px !important;
        max-width: 330px !important;

        height: 150px !important;
        min-height: 150px !important;
        max-height: 150px !important;

        padding: 0 !important;
        margin: 0 !important;

        object-fit: contain !important;
        object-position: left center !important;

        transform: none !important;
    }
}

/* ---------- MOBILE ---------- */
@media screen and (max-width: 768px) {

    html body #headerNavigationContainer[data-jsrm-header="final-v2"]
    .pkp_site_name_wrapper,
    html body #headerNavigationContainer[data-jsrm-header="final-v2"]
    .pkp_site_name {
        width: 310px !important;
        max-width: 310px !important;
        overflow: visible !important;
    }

    html body #headerNavigationContainer[data-jsrm-header="final-v2"]
    .pkp_site_name > a.is_img.jsrm_native_logo,
    html body #headerNavigationContainer[data-jsrm-header="final-v2"]
    .pkp_site_name > a.is_img.jsrm_native_logo > img {
        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: 90px !important;

        object-fit: contain !important;
        object-position: left center !important;
    }
}