Menupunkte unterstrichen

Hallo
Ich bin WP Anfängerin und möchte gerne das Menu (horizontal) fix mit dünnen Linien unterstrichen haben.

Bei Hover und Activ soll der jeweilige Menupunkt fett werden und die dünne Linie darunter ebenfalls fett.
Für den fetten Text und die fette Linie habe ich eine Lösung gefunden aber für die feinen Linien, die fix sein sollten leider noch nicht. Ich arbeite mit Elementor und kann im "Elementor Header & Footer Builder" CSS einfügen.

Hier der Link (und siehe Bild im Anhang)
http://neu.hold.design

Für die Schrift habe ich bereits das reinkopiert:
.current-menu-item a {font-weight:700 !important;}
.menu-item a:hover {font-weight:700 !important;}

Kann mir da jemand behilflich sein?
Gibt es da eine CSS Lösung?

 

Ganz herzlichen Dank, es hat geklappt