I'm trying to style the color of the links for telephone numbers in the copyright footer on mobile viewports. More specifically, override the default iOS styling for telephone numbers...

**EDIT** - I've figured it out. Below is the solution for others in the future.

I put the link in the copyright footer with a tel call (i can't figure out how to show HTML code here without the browser interpreting it as HTML here) Here is a reference that shows the call.

Copyright footer HTML

Then in the Custom CSS box I added this:

/* Mobile */
@media only screen and (max-width: 470px) {
    #footer-outer #copyright a[href^=tel] {
         color:inherit !important;
         text-decoration:none !important;
    } 
    #footer-outer #copyright a:link {
         color: #937d44!important;
    }
}