Change color of footer buttons on active

Site URL: https://pte.squarespace.com/about

Password: Party

Hi! 

I'm having issues trying to figure out how to change and keep the color of my footer links. I'd like them to match them with the header nav links, which are working fine. It should look like this...

hover > light blue

page active > pink  (#E9275B)

All of the code for my footer links are in the code block. The main fix is being able to click on the about page and the text holds the pink color. It would be preferable to change their color whether you select a page link from the header or the footer. 

...hope that makes sense.

Thanks!

Edit About Page >> Add a Code Block (anywhere) > Paste this code

<style>
  .footer-nav-item:nth-child(1) a {
    color: #E9275B;
}
</style>

Edit Work Page >>> Add a Code Block (anywhere) > Paste this code

<style>
  .footer-nav-item:nth-child(2) a {
    color: #E9275B;
}
</style>

Edit Blog Page >> Add a Code Block (anywhere) (Or add to Blog Page Header) > Paste this code

<style>
  .footer-nav-item:nth-child(3) a {
    color: #E9275B;
}
</style>

Do similar  on Careers page, with this code

<style>
  .footer-nav-item:nth-child(4) a {
    color: #E9275B;
}
</style>

and Contact Page

<style>
  .footer-nav-item:nth-child(5) a {
    color: #E9275B;
}
</style>

Thank You!!