/* Social Icons
------------------------- */
.colored .icon-icon-google-plus:hover, .color .icon-google-plus:hover { color: #db4a39;}
.colored .icon-pinterest:hover, .color .icon-pinterest-2:hover { color: #910101; }
.colored .icon-facebook, .color .icon-facebook:hover,
.colored .icon-facebook-2, .color .icon-facebook-2:hover  { color: #3b5998; }
.colored .icon-flickr,.color .icon-flickr:hover { color: #0063dc;}
.colored .icon-github-5, .color .icon-github-5:hover { color: #4183c4; }
.colored .icon-google-plus-2, .colored .icon-gplus,
.colored .icon-linkedin, .color .icon-linkedin:hover { color: #0e76a8; }
.colored .icon-pinterest, .colored .icon-pinterest-2,
.colored .icon-tumblr, .color .icon-tumblr:hover { color: #34526f; }
.colored .icon-twitter, .color .icon-twitter:hover { color: #00a0d1; }
.colored .icon-vimeo, .color .icon-vimeo:hover { color: #86c9ef;}
.colored .icon-youtube, .color .icon-youtube:hover { color: #c4302b;}

.color .icon-facebook:hover, .color .icon-facebook-2:hover,
.color .icon-flickr:hover,
.color .icon-github-5:hover,
.color .icon-icon-google-plus:hover, .color .icon-google-plus:hover,
.color .icon-linkedin:hover,
.color .icon-pinterest:hover, .color .icon-pinterest-2:hover,
.color .icon-tumblr:hover,
.color .icon-twitter:hover,
.color .icon-vimeo:hover,
.color .icon-youtube:hover {
    -moz-transition: color .5s linear;
    -ms-transition: color .5s linear;
    -o-transition: color .5s linear;
    -webkit-transition: color .5s linear;
    margin: -1px 0 0 0;
    transition: color .5s linear;
}

.colored i:hover {
    -moz-transition: color .5s linear;
    -ms-transition: color .5s linear;
    -o-transition: color .5s linear;
    -webkit-transition: color .5s linear;
    color: #000;
    margin: -1px 0 0 0;
    transition: color .5s linear;
    transition: color .5s linear;
}

/* Social links
------------------------------------ */
#footer .social a, #top .social a {
    color: #444;
    display: block;
    float: right;
    font-size: 20px;
    height: 30px;
    margin: 5px;
    width: 30px;
    cursor: pointer;
}
#footer .social a:hover, #top .social a:hover { color: #666; }