/* 1. Set the overall header container height and minimize extra padding */
.pkp_structure_head {
    min-height: 180px !important; 
    padding-top: 0px !important; /* Removes the excess blue space at the very top */
    padding-bottom: 15px !important;
}

/* 2. Tighten up the wrapper padding to raise the logo and text layout */
.pkp_site_name_wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 30px !important; 
    padding-top: 5px !important; /* Greatly reduced to move elements up */
    padding-bottom: 15px !important;
}

/* 3. Keep the text wrapper structurally sound */
.pkp_site_name {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-decoration: none !important;
}

/* 4. Ensure the circular logo displays cleanly */
.pkp_site_name .is_img {
    display: inline-block !important;
    float: left !important;
    margin: 0 !important;
}

.pkp_site_name .is_img img {
    max-height: 105px !important; 
    width: auto !important;
}

/* 5. Inject text titles and slide them up using a adjusted margin-top offset */
.pkp_site_name::after {
    content: "The Dawnlit Review\A A Peer-reviewed multidisciplinary bi-annual journal";
    white-space: pre-wrap !important;
    display: block !important;
    color: #ffffff !important;
    font-family: inherit;
    text-align: left !important;
    margin-left: 135px !important; 
    margin-top: -105px !important; /* Pulls text up further to align perfectly with the shifted logo */
}

/* 6. Formatting for Title (Line 1) - Massive, Bold, Full Capital Letters */
.pkp_site_name::first-line {
    font-size: 3.1rem !important; 
    font-weight: 900 !important; 
    text-transform: uppercase !important; /* Keeps your title in FULL CAPS */
    letter-spacing: 1px !important;
    line-height: 1.5 !important;
}

/* 7. Formatting for Subtitle (Line 2) - Large clean subheader style */
@media (min-width: 768px) {
    .pkp_site_name {
        font-size: 1.6rem !important; 
        font-weight: 500 !important;
        letter-spacing: 0.5px !important;
        line-height: 1.4 !important;
        opacity: 0.95 !important;
    }
}

/* 8. Keep Navigation Bar securely separated beneath the updated layout */
.pkp_navigation_primary_row {
    margin-top: 25px !important; 
    clear: both !important;
}