/* Force the widget menu to become a horizontal Flexbox */
.wpb_widgetised_column ul.menu,
.vc_wp_custommenu ul.menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
}

/* Space out the menu items */
.wpb_widgetised_column ul.menu > li,
.vc_wp_custommenu ul.menu > li {
    margin-right: 25px !important;
    padding: 0 !important;
}

/* Style the links to match the theme */
.wpb_widgetised_column ul.menu > li > a,
.vc_wp_custommenu ul.menu > li > a {
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #222222 !important; 
    text-transform: uppercase !important;
}

/* Add a simple hover effect */
.wpb_widgetised_column ul.menu > li > a:hover,
.vc_wp_custommenu ul.menu > li > a:hover {
    color: #cc0000 !important; /* You can change this hex code to your exact brand color */
}