/* 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: #0C2946 !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: #0C2946 !important;
    border: none !important;
}

/* Override color for the primary navigation row */
.pkp_navigation_primary_row {
    background-color: #0C2946 !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: #0C2946 !important;
}