/* Change submenu background color */
.container-header .mod-menu li:hover > ul,
.container-header .mod-menu .dropdown-menu {
    background-color: #f1f1f1; /* Your desired background color */
}

/* Optional: Change text color in submenu to be visible */
.container-header .mod-menu .dropdown-menu a {
    color: #fff; /* Your desired text color */
	color-hover: #ff0000;
}
.container-header .mod-menu .dropdown-menu li a:hover {
    color: #ffffff; /* Your desired text color */
	background-color: #b3e1b;
}
/* Center the menu container */
.container-header .mod-menu {
    display: flex;
    justify-content: center;
    width: 100%;
}

/* Optional: Adjust menu item spacing */
.container-header .nav-pills {
    justify-content: center;
}
footer {
    height: 200px; /* Adjust as needed */
    /* Alternatively, use padding for a more responsive approach */
    padding-top: 10px;
    padding-bottom: 10px;
}
/* Reduce footer padding to make it smaller */
footer {
    padding: 1rem 0 !important; /* Adjust 1rem to your preferred size */
}

/* If you need to remove extra space between content and footer */
site-grid {
    margin-bottom: 0 !important;
}
footer {
    margin-top: auto;
}
/* Full width random image in banner position */
.banner .full-width-banner img {
    width: 100%;
    height: auto;
    display: block;
}

/* Ensure container removes padding */
.banner .container-header,
.banner .container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 100%;
}