/* Custom CSS to resize the homepage image on OJS Default Theme */
.pkp_page_index .homepage_image img {
    max-width: 40%; /* Adjust this percentage to control the size */
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Full header area including logo and menus */
.pkp_site_header, 
.pkp_structure_head, 
.pkp_navigation_primary, 
.pkp_navigation_user_wrapper {
    background-color: #3e0a48 !important;  /* Replace with your desired color */
}

/* Navigation links */
.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a {
    color: #ffffff !important;  /* Optional: make text white */
}

/* Site name/logo text */
.pkp_site_name a {
    color: #ffffff !important;

}

/* Remove any transparent overlays */
.pkp_navigation_primary,
.pkp_navigation_user_wrapper {
    background-image: none !important;
}

/* Change the blue bar under the header */
.pkp_navigation_primary_wrapper {
    background-color: #3e0a48 !important;
    border: none !important;
}

/* Override color for the primary navigation row */
.pkp_navigation_primary_row {
    background-color: #3e0a48 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Optional: make sure it covers any inner layout elements */
.pkp_navigation_primary_row .pkp_navigation_primary,
.pkp_navigation_primary_row .grid {
    background-color: #3e0a48 !important;
}

.pkp_structure_footer_wrapper {
    background-color: #3e0a48;   /* Change footer background */
    height: 160px;            /* Fixed height for footer */
    color: #ffffff; /* White text */
    padding: 20px 0;          /* Vertical spacing inside footer */
    box-sizing: border-box;   /* Ensure padding doesn’t increase total height */
}

/* Make sure footer content is centered vertically */
.pkp_structure_footer_wrapper .pkp_structure_footer {
    display: flex;
    align-items: left;
    justify-content: left;
    height: 100%; /* Fill wrapper height */
}