DIVI menu text bold on hover

The menu text upon mouse hover, will change to bold. When the mouse leaves, it returns to "no bold." However, if you click the item, it will stay bold.

To achieve  this, add the following code to custom CSS menu:

#top-menu li a:hover, #top-menu li a:active {
font-weight: bold;
}