Keep colour on menu items before hover

Hi, 

I've just built my new site using a 7.1 template and I need help keeping the yellow highlight on the relevant portfolio item on my homepage when selected. 

So for instance, when you land on the homepage the first portfolio link 'National Geographic' is already highlighted in yellow so it's clear which project you're looking at. 

I'm using the following code to change the portfolio items to yellow on hover. But I'm searching for new/additional code that will help do the above: 

.portfolio-hover-item-content:hover {
    color: yellow;
}

Site: adulalouschek.com 

Thanks in advance,

Adu

Add this to Design > Custom CSS

ul.portfolio-hover-items-list>li:nth-child(1) * {
    color: #ff0 !important;
}

Thank you. 

It works in highlighting the first portfolio item title when you land on the page but  I would like that first title to go back to white when I hover over another title. As you can see from screenshot there are now two titles highlighted when ideally it would just be one.