Button shadow when clicked


I have a button in the call to action section in my front page.
I have change the colours to match my brand but when I click it the shadow goes back to orange. I cannot find where to change this. Also you can see the text goes the same colour than the background so it cannot be seen. See attached.

My site is: itisridingtime.com




    /* Get access button*/
    .action-area a:hover {
        color: #000000;
    .call-to-action:active {
        top: 3px;
        box-shadow: 0 2px 0 #0b5ea3;
    /* End Of Get access button*/

    /* Social*/
    .social-area a:hover:before {
        color: #000000;
    /* End Of Get social*/

closed #3