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

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

.pkp_structure_footer_wrapper {
    background-color: #002232; /* Replace with your desired color */
color: #ffffff; /* Optional: text color for contrast */
   }