CSS to Change Initial Menu Colours

On this site: http://m62.siteground.biz/~contenta/mauisupyoga.com/
I'm trying to change the initial menu colours. Changing the black box around the active menu item and the border box when you hover over non-active pages to #82bfbe; (so the menu looks the same as when the sticky menu appears when you scroll down the page, minus the white background).

I've tried this on-page CSS but something is off:

@media handheld, only screen and (min-width: 1020px)
.trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-3 .main-navigation-ul > li.current-menu-item > a.menu-item-link {
border: 2px solid #82bfbe !important;
background-color: #82bfbe !important;

Thanks in advance,