Trouble finding CSS to modify the header and footer (colors)

I chose the theme Hever and Varia is it’s parent (site is hosted on dreamhost.com), so installed both. Apparently, in the customize area, I should have a Colors & Backgrounds section that allows me to change those things and don’t, so I purchased the pro version of the Child Theme Configurator, created Hever-Child in hopes of being able to modify the header and footer. In the header, I’d love for the top of my logo and the top of the primary menu which starts with “Who We Are” not be aligned at the top, but that primary menu slightly lower. The main issue is changing the colors when the mouse runs over the links, I want the color to turn green (#318560), not blue and that the background color of the drop down Services to also be green.

I have been logged into the admin area, in the Child Theme Configurator Pro 2.3.8. I have gone to the All Styles tab and searched for numerous things I think might be what I’m looking for “menu,” “header,” and “footer” all separately and looked at tons of the links that popped up below and am not finding the place to then change what I want to change and copy the Raw Selector of new CSS to add to the customize CSS section (which I was able to find and do for the submit button on the Contact Us page thanks to WP-Forms’ website) and apparently, have no clue what I’m searching for. I tried reaching out directly for help through the contact page at Child Theme Configurator and have seen a swirling object near the submit button thinking it’s not being sent for hours, so am reaching out here. I’d greatly appreciate any help so I don’t just dump this and have to start over with a template more dreamhost friendly. Thanks so much in advance for any help!

The page I need help with: [log in to see the link]