whatever you have in your custom stlyes, is broken; styles are inserted within other styles, there are open styles, etc.
this causes any CSS added at the end of the custom styles to not be applied.
please carefully check the content of the custom styles and repair any broken section;
as far as I can see (using a browser inspection tool) the corrected custom styles should look like:
.facebookmenu {
padding: 20px 1.1em 10px; }
.right {float:right !important;}
.right a { padding: 20px 1.1em 15px !important; }
.twittermenu {
padding: 20px 1.1em 10px; }
.right {float:right !important;}
.right a { padding: 20px 1.1em 15px !important; }
.linkedinmenu {
padding: 20px 1.1em 10px; }
.right {float:right !important;}
.right a { padding: 20px 1.1em 15px !important; }
.footer_top {
color: #fff;
font-size: 15px;
font-weight: 600;
padding: 55px 50px 45px;
}
.content-box-blue {
margin: 0 0 25px; overflow: hidden; padding: 20px; }
.content-box-blue { background-color: #d8ecf7; border: 1px solid #afcde3; }
footer .footer_top a:hover {
color: #ddd;
}
this should also fix the hover problem in the footer widgets.
for any further issues with your theme, please contact the developer for help;
https://codex.www.ads-software.com/Forum_Welcome#Commercial_Products