Links colour change on hover (Home page only)

Site URL: https://wvcharge.squarespace.com/

We have added CSS to change the link colour on hover which works well however is it possible to apply this only to the home/landing page as the link is lost into the background colour on all other pages. 

CSS for link colour change is:

.header-nav-item a:hover {
    color: #FF6C0E !important;
}

https://wvcharge.squarespace.com/

SOLVED!!!

For anyone else who encounters a similar issue, you can inject CSS directly into the page by clicking the Cog  to the right of the page - advanced - code inject:

Example below:

<style type="text/css">
.header-nav-item a:hover {
    color: #FF6C0E !important;
}
</style>

In case you use Personal Plan, you can edit Page > Add a Code Block at bottom of page > Use above code

<style>
  .header-nav-item a:hover {
    color: #FF6C0E !important;
}
</style>