/* FULL-WIDTH HEADER */
.pkp_site_name_wrapper {
    width: 100vw;
    max-width: 100%;
    margin: 0;
    padding: 0;
    background-size: cover;
    background-position: center;
    min-height: 320px;
    position: relative;
    overflow: visible !important;
}

/* REMOVE ANY FLEX/CONTAINER STYLES */
.pkp_site_name {
    display: block !important;
    position: relative !important;
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* TARGET THE LOGO CONTAINER MORE SPECIFICALLY */
.pkp_site_name > a,
.pkp_site_name > div,
.pkp_site_name_wrapper a[href*="/"],
.pkp_site_name_wrapper > a,
.pkp_site_name_wrapper > div {
    position: absolute !important;
    bottom: 1px !important;
    left: 180px !important;
    z-index: 1000 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    text-decoration: none !important;
    border: none !important;
}

/* TARGET THE LOGO IMAGE ITSELF */
.pkp_site_name img,
.pkp_site_name_wrapper img,
.pkp_site_name a img,
.pkp_site_name > div img,
.pkp_site_name_wrapper a img,
.pkp_site_name_wrapper > div img,
.is_logo img {
    max-height: 90px !important;
    height: auto !important;
    width: auto !important;
    max-width: 250px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* HIDE ANY TEXT TITLES */
.pkp_site_name .is_text,
.pkp_site_name h1,
.pkp_site_name span,
.pkp_site_name div:not(:has(img)) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

/* DEBUG: ADD BORDERS TO SEE WHAT'S HAPPENING */
/*
.pkp_site_name_wrapper { border: 2px solid red; }
.pkp_site_name { border: 2px solid blue; }
.pkp_site_name > * { border: 2px solid green; }
*/