technova76
I see that you asked for many customization on css, you can do it by yourself with these simple task, it will save time for both you & us.
With this kind of css change, you can use the Inspect element editor in any of browser you're using. What I usually do is right click on the element you wan to change style, here is the email link, check this screenshot:
In the Inspector, left side will be elements and right side is how it's styled. When you toggle pseudo class for hover, you will see how the a element is styled:
.contact .contact-address dd .contact-webpage a:hover {
color: #2c6186;
}
Now, you can override this by changing color to the color you wish:
.contact .contact-address dd .contact-webpage a:hover {
color: #f05271 !important;
}
put this custom css to the file: /templates/ja_donate/css/custom.css
This is very basic things of web development, not just Joomla, the same with other CMS.
I hope this helps.