modificare colore al passaggio del cursore su link

[ludo13]

buonasera a tutti. scusatemi ma non ci capisco niente di css chiedo aiuto a voi. ho un tema wordpress che vorrei modificare. non posso mettere un link perchè non è attivo e ci sto alvorando in locale, però provo lo stesso a farmi capire. praticamente nella barra in alto vi è il classico spazio per il logo e a fianco vi è un menù. ho cambiato colore (da rosso a blu) come background, però il problema è che quando si passa col mouse su una delle pagine del menu di navigazione appare il colore rosso di default, e non l'ho trovato nel css. li ho guardati tutti tramite firebug e nel foglio di stile. come devo fare per cambiare anche questo? il tema se può interessare è https://wordpress.org/themes/start-point e il codice che trovo (credo riguardante il menu in oggetto) è:

.menu-wrapper {
  width: 100%;
  z-index: 3;
  position: fixed;
}
.menu-wrapper-bg {
  background: #09a0e7;
}
.menu-wrapper.notvisible.single-page-nav {
    visibility: hidden;
    position: static;
    top:0;
}
.menu-sp ul {
    float: right;
}
.menu-sp ul a{
    color: #fff;
    font-size: 16px;
}
.menu-sp ul a:hover {
    color: #000;
    transition: color .4s;
}
.menu-sp ul a.current, li.current_page_item > a , li.current_menu_item > a{
  color: #000;
  transition: color .4s;
}
.mm-menu li.current_page_item > a, .mm-menu li.current_menu_item > a {
background: rgba(0, 0, 0, 0.1);
color: rgba(255, 255, 255, 0.3);
}
.mm-menu .mm-list > li.current_page_item:after, .mm-menu .mm-list > 

li.current_menu_item:after {
    border-color: rgba(0, 0, 0, 0);
}
.menu-sp ul li {
    display: inline-block;
    height: 63px;
}
.menu-sp ul ul li {
  display: block;
}
.menu-sp ul li a {
    padding-top: 18px;
    padding-bottom: 21px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
}
.menu-sp ul li:after {
    content: "/";
    color: #fff;
  }
  .menu-sp ul ul li:after {
    content: "";
  }
 .menu-sp ul li:last-child:after {
    content:"";
  }
.menu-sp ul ul li {
  height: 42px;
}
.menu-sp ul ul li a {
  padding-bottom: 10px;
  padding-top: 8px;
}
/* mobile menu */ 
.mm-fixed-top a  img{
    width: 40px;
    height: 40px;
}
.mm-fixed-top { 
    z-index: 4;
}
.mm-fixed-top {
  display: none;
}
/*----- Menu Ends -----*/

e inoltre come faccio a rerndere più trasparente il bakground?
vi ringrazio