/* ==============================
   FULL-WIDTH blue FOOTER FIX
   ============================== */

/* Make entire footer wrapper blue */
.pkp_structure_footer_wrapper {
    background-color: #0A1A44; !important; /* your blue */
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* ===============================
   HEADER MENU BACKGROUND FIX
   =============================== */

/* Main navigation bar */
.pkp_site_nav_menu {
    background-color: #0b3a6f !important; /* deep blue */
}

/* Menu items */
.pkp_site_nav_menu a {
    color: #ffffff !important;
    font-weight: 600;
}

/* Hover state */
.pkp_site_nav_menu a:hover {
    background-color: #0e4f99 !important;
    color: #ffffff !important;
}

/* Active / selected menu item */
.pkp_site_nav_menu .current a,
.pkp_site_nav_menu li.current > a {
    background-color: #08325f !important;
    color: #ffffff !important;
}

/* Dropdown menu background */
.pkp_site_nav_menu ul {
    background-color: #0b3a6f !important;
}

/* Dropdown items */
.pkp_site_nav_menu ul li a {
    background-color: #0b3a6f !important;
    color: #ffffff !important;
}

/* Dropdown hover */
.pkp_site_nav_menu ul li a:hover {
    background-color: #0e4f99 !important;
    color: #ffffff !important;
}

/* Remove white borders/shadows */
.pkp_site_nav_menu ul {
    border: none !important;
    box-shadow: none !important;
}
/* Center the header image */
.pkp_site_name.is_img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Adjust image size (make longer horizontally) */
.pkp_site_name.is_img img {
    max-width: 3000px; /* change to bigger or smaller */
    width: auto;
    height: auto;
}

/* Center the Logo and make it larger */
.pkp_site_name_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 0; /* Adds some space above/below */
}

.pkp_site_name.is_img img {
    max-height: 250px !important; /* Increases the allowed height */
    width: auto;
    max-width: 90%; /* Ensures it fits on mobile */
    margin: 0 auto;
    display: block;
}


