social_colors_rails 0.1.3 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (16) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +72 -37
  3. data/app/assets/config/social_colors_rails_manifest.js +0 -1
  4. data/app/assets/stylesheets/social_colors_rails/_button.scss +20 -0
  5. data/app/assets/stylesheets/social_colors_rails/_common.scss +138 -0
  6. data/app/assets/stylesheets/social_colors_rails/_mixins.scss +5 -5
  7. data/app/assets/stylesheets/social_colors_rails/_stack.scss +27 -0
  8. data/app/assets/stylesheets/social_colors_rails/_variables.scss +41 -30
  9. data/app/assets/stylesheets/social_colors_rails/init.scss +3 -1
  10. data/app/assets/stylesheets/social_colors_rails.css +767 -291
  11. data/app/assets/stylesheets/social_colors_rails.min.css +1 -1
  12. data/app/helpers/social_colors_rails/application_helper.rb +1 -1
  13. data/lib/social_colors_rails/version.rb +1 -1
  14. metadata +5 -4
  15. data/app/assets/javascripts/social_colors_rails/application.js +0 -13
  16. data/app/assets/stylesheets/social_colors_rails/_classes.scss +0 -120
data/app/assets/stylesheets/social_colors_rails.css CHANGED
@@ -1,879 +1,1355 @@
1
- .icon-stack {
2
- display: flex;
3
- justify-content: center;
4
- align-items: center;
5
- width: 2em;
6
- height: 2em;
7
- overflow: hidden;
8
- -webkit-transition: all 0.25s ease;
9
- -moz-transition: all 0.25s ease;
10
- -o-transition: all 0.25s ease;
11
- transition: all 0.25s ease;
1
+ .btn-social:hover, .btn-social:focus,
2
+ .stack-circle:hover,
3
+ .stack-circle:focus,
4
+ .stack-square:hover,
5
+ .stack-square:focus {
6
+ background-color: #424242 !important;
12
7
  }
13
8
 
14
- .icon-stack .fa {
15
- -webkit-transition: all 0.25s ease;
16
- -moz-transition: all 0.25s ease;
17
- -o-transition: all 0.25s ease;
18
- transition: all 0.25s ease;
19
- color: #fff;
9
+ .btn-social:hover, .btn-social:focus,
10
+ .icon-stack.stack-circle:hover,
11
+ .icon-stack.stack-circle:focus,
12
+ .icon-stack.stack-square:hover,
13
+ .icon-stack.stack-square:focus {
14
+ box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.2), inset 2px 2px 4px rgba(0, 0, 0, 0.2), inset 3px 3px 4px rgba(0, 0, 0, 0.2), inset 4px 4px 4px rgba(0, 0, 0, 0.2), inset 5px 5px 4px rgba(0, 0, 0, 0.2), inset 6px 6px 4px rgba(0, 0, 0, 0.2);
15
+ }
16
+ .btn-social:hover,
17
+ .btn-social:hover .fa, .btn-social:focus,
18
+ .btn-social:focus .fa,
19
+ .icon-stack.stack-circle:hover,
20
+ .icon-stack.stack-circle:hover .fa,
21
+ .icon-stack.stack-circle:focus,
22
+ .icon-stack.stack-circle:focus .fa,
23
+ .icon-stack.stack-square:hover,
24
+ .icon-stack.stack-square:hover .fa,
25
+ .icon-stack.stack-square:focus,
26
+ .icon-stack.stack-square:focus .fa {
27
+ text-shadow: 1px 1px 1px #000, 2px 2px 1px #000, 3px 3px 1px #000, 4px 4px 1px #000, 5px 5px 1px #000, 6px 6px 1px #000, 7px 7px 1px #000, 8px 8px 1px #000, 9px 9px 1px #000, 10px 10px 1px #000, 11px 11px 1px #000, 12px 12px 1px #000, 13px 13px 1px #000, 14px 14px 1px #000, 15px 15px 1px #000, 16px 16px 1px #000, 17px 17px 1px #000, 18px 18px 1px #000, 19px 19px 1px #000, 20px 20px 1px #000, 21px 21px 1px #000, 22px 22px 1px #000, 23px 23px 1px #000, 24px 24px 1px #000, 25px 25px 1px #000, 26px 26px 1px #000, 27px 27px 1px #000, 28px 28px 1px #000, 29px 29px 1px #000, 30px 30px 1px #000, 31px 31px 1px #000, 32px 32px 1px #000, 33px 33px 1px #000, 34px 34px 1px #000, 35px 35px 1px #000, 36px 36px 1px #000, 37px 37px 1px #000, 38px 38px 1px #000, 39px 39px 1px #000, 40px 40px 1px #000, 41px 41px 1px #000, 42px 42px 1px #000, 43px 43px 1px #000, 44px 44px 1px #000, 45px 45px 1px #000, 46px 46px 1px #000, 47px 47px 1px #000, 48px 48px 1px #000, 49px 49px 1px #000, 50px 50px 1px #000, 51px 51px 1px #000, 52px 52px 1px #000, 53px 53px 1px #000, 54px 54px 1px #000, 55px 55px 1px #000, 56px 56px 1px #000, 57px 57px 1px #000, 58px 58px 1px #000, 59px 59px 1px #000, 60px 60px 1px #000, 61px 61px 1px #000, 62px 62px 1px #000, 63px 63px 1px #000, 64px 64px 1px #000, 65px 65px 1px #000, 66px 66px 1px #000, 67px 67px 1px #000, 68px 68px 1px #000, 69px 69px 1px #000, 70px 70px 1px #000, 71px 71px 1px #000, 72px 72px 1px #000, 73px 73px 1px #000, 74px 74px 1px #000, 75px 75px 1px #000, 76px 76px 1px #000, 77px 77px 1px #000, 78px 78px 1px #000, 79px 79px 1px #000, 80px 80px 1px #000, 81px 81px 1px #000, 82px 82px 1px #000, 83px 83px 1px #000, 84px 84px 1px #000, 85px 85px 1px #000, 86px 86px 1px #000, 87px 87px 1px #000, 88px 88px 1px #000, 89px 89px 1px #000, 90px 90px 1px #000, 91px 91px 1px #000, 92px 92px 1px #000, 93px 93px 1px #000, 94px 94px 1px #000, 95px 95px 1px #000, 96px 96px 1px #000, 97px 97px 1px #000, 98px 98px 1px #000, 99px 99px 1px #000, 100px 100px 1px #000;
20
28
  }
21
29
 
22
- .stack-circle {
23
- border-radius: 50%;
30
+ .icon-stack, .icon-stack:hover, .icon-stack:focus,
31
+ .btn-social,
32
+ .btn-social:hover,
33
+ .btn-social:focus,
34
+ .btn-social-outline,
35
+ .btn-social-outline:hover,
36
+ .btn-social-outline:focus {
37
+ -webkit-transition: box-shadow 0.3s ease, text-shadow 0.4s ease, color 0.3s ease;
38
+ -moz-transition: box-shadow 0.3s ease, text-shadow 0.4s ease, color 0.3s ease;
39
+ -o-transition: box-shadow 0.3s ease, text-shadow 0.4s ease, color 0.3s ease;
40
+ transition: box-shadow 0.3s ease, text-shadow 0.4s ease, color 0.3s ease;
41
+ }
42
+ .icon-stack:hover .fa, .icon-stack:focus .fa,
43
+ .btn-social:hover .fa,
44
+ .btn-social:focus .fa,
45
+ .btn-social-outline:hover .fa,
46
+ .btn-social-outline:focus .fa {
47
+ -webkit-transition: text-shadow 0.4s ease, color 0.3s ease;
48
+ -moz-transition: text-shadow 0.4s ease, color 0.3s ease;
49
+ -o-transition: text-shadow 0.4s ease, color 0.3s ease;
50
+ transition: text-shadow 0.4s ease, color 0.3s ease;
24
51
  }
25
52
 
26
- .stack-square {
27
- border-radius: 20%;
53
+ .icon-stack,
54
+ .btn-social,
55
+ .btn-social-outline {
56
+ color: #fff;
28
57
  }
29
58
 
59
+ .btn-social-outline,
30
60
  .stack-square-o {
31
- border-radius: 20%;
32
61
  border-width: 3px;
33
62
  border-style: solid;
34
63
  background-color: transparent;
35
64
  }
36
65
 
66
+ .btn-4x,
37
67
  .stack-4x {
38
68
  font-size: 3em;
39
69
  border-width: 6px;
40
70
  }
41
71
 
72
+ .btn-3x,
42
73
  .stack-3x {
43
74
  font-size: 2.5em;
44
75
  border-width: 5px;
45
76
  }
46
77
 
78
+ .btn-2x,
47
79
  .stack-2x {
48
80
  font-size: 2em;
49
81
  border-width: 4px;
50
82
  }
51
83
 
52
- .amazon.stack-circle:hover, .amazon.stack-circle:focus, .amazon.stack-square:hover, .amazon.stack-square:focus, .android.stack-circle:hover, .android.stack-circle:focus, .android.stack-square:hover, .android.stack-square:focus, .behance.stack-circle:hover, .behance.stack-circle:focus, .behance.stack-square:hover, .behance.stack-square:focus, .bitbucket.stack-circle:hover, .bitbucket.stack-circle:focus, .bitbucket.stack-square:hover, .bitbucket.stack-square:focus, .codepen.stack-circle:hover, .codepen.stack-circle:focus, .codepen.stack-square:hover, .codepen.stack-square:focus, .delicious.stack-circle:hover, .delicious.stack-circle:focus, .delicious.stack-square:hover, .delicious.stack-square:focus, .deviantart.stack-circle:hover, .deviantart.stack-circle:focus, .deviantart.stack-square:hover, .deviantart.stack-square:focus, .dropbox.stack-circle:hover, .dropbox.stack-circle:focus, .dropbox.stack-square:hover, .dropbox.stack-square:focus, .etsy.stack-circle:hover, .etsy.stack-circle:focus, .etsy.stack-square:hover, .etsy.stack-square:focus, .facebook.stack-circle:hover, .facebook.stack-circle:focus, .facebook.stack-square:hover, .facebook.stack-square:focus, .firefox.stack-circle:hover, .firefox.stack-circle:focus, .firefox.stack-square:hover, .firefox.stack-square:focus, .flickr.stack-circle:hover, .flickr.stack-circle:focus, .flickr.stack-square:hover, .flickr.stack-square:focus, .gitlab.stack-circle:hover, .gitlab.stack-circle:focus, .gitlab.stack-square:hover, .gitlab.stack-square:focus, .google-plus.stack-circle:hover, .google-plus.stack-circle:focus, .google-plus.stack-square:hover, .google-plus.stack-square:focus, .houzz.stack-circle:hover, .houzz.stack-circle:focus, .houzz.stack-square:hover, .houzz.stack-square:focus, .instagram.stack-circle:hover, .instagram.stack-circle:focus, .instagram.stack-square:hover, .instagram.stack-square:focus, .lastfm.stack-circle:hover, .lastfm.stack-circle:focus, .lastfm.stack-square:hover, .lastfm.stack-square:focus, .linkedin.stack-circle:hover, .linkedin.stack-circle:focus, .linkedin.stack-square:hover, .linkedin.stack-square:focus, .pinterest.stack-circle:hover, .pinterest.stack-circle:focus, .pinterest.stack-square:hover, .pinterest.stack-square:focus, .reddit.stack-circle:hover, .reddit.stack-circle:focus, .reddit.stack-square:hover, .reddit.stack-square:focus, .rss.stack-circle:hover, .rss.stack-circle:focus, .rss.stack-square:hover, .rss.stack-square:focus, .skype.stack-circle:hover, .skype.stack-circle:focus, .skype.stack-square:hover, .skype.stack-square:focus, .slack.stack-circle:hover, .slack.stack-circle:focus, .slack.stack-square:hover, .slack.stack-square:focus, .snapchat.stack-circle:hover, .snapchat.stack-circle:focus, .snapchat.stack-square:hover, .snapchat.stack-square:focus, .soundcloud.stack-circle:hover, .soundcloud.stack-circle:focus, .soundcloud.stack-square:hover, .soundcloud.stack-square:focus, .spotify.stack-circle:hover, .spotify.stack-circle:focus, .spotify.stack-square:hover, .spotify.stack-square:focus, .stack-exchange.stack-circle:hover, .stack-exchange.stack-circle:focus, .stack-exchange.stack-square:hover, .stack-exchange.stack-square:focus, .stack-overflow.stack-circle:hover, .stack-overflow.stack-circle:focus, .stack-overflow.stack-square:hover, .stack-overflow.stack-square:focus, .steam.stack-circle:hover, .steam.stack-circle:focus, .steam.stack-square:hover, .steam.stack-square:focus, .stumbleupon.stack-circle:hover, .stumbleupon.stack-circle:focus, .stumbleupon.stack-square:hover, .stumbleupon.stack-square:focus, .trello.stack-circle:hover, .trello.stack-circle:focus, .trello.stack-square:hover, .trello.stack-square:focus, .tripadvisor.stack-circle:hover, .tripadvisor.stack-circle:focus, .tripadvisor.stack-square:hover, .tripadvisor.stack-square:focus, .twitter.stack-circle:hover, .twitter.stack-circle:focus, .twitter.stack-square:hover, .twitter.stack-square:focus, .viadeo.stack-circle:hover, .viadeo.stack-circle:focus, .viadeo.stack-square:hover, .viadeo.stack-square:focus, .vine.stack-circle:hover, .vine.stack-circle:focus, .vine.stack-square:hover, .vine.stack-square:focus, .wechat.stack-circle:hover, .wechat.stack-circle:focus, .wechat.stack-square:hover, .wechat.stack-square:focus, .yelp.stack-circle:hover, .yelp.stack-circle:focus, .yelp.stack-square:hover, .yelp.stack-square:focus, .youtube.stack-circle:hover, .youtube.stack-circle:focus, .youtube.stack-square:hover, .youtube.stack-square:focus {
53
- background-color: #424242;
54
- }
55
-
56
- .amazon.stack-circle:hover, .amazon.stack-circle:focus, .amazon.stack-square:hover, .amazon.stack-square:focus, .android.stack-circle:hover, .android.stack-circle:focus, .android.stack-square:hover, .android.stack-square:focus, .behance.stack-circle:hover, .behance.stack-circle:focus, .behance.stack-square:hover, .behance.stack-square:focus, .bitbucket.stack-circle:hover, .bitbucket.stack-circle:focus, .bitbucket.stack-square:hover, .bitbucket.stack-square:focus, .codepen.stack-circle:hover, .codepen.stack-circle:focus, .codepen.stack-square:hover, .codepen.stack-square:focus, .delicious.stack-circle:hover, .delicious.stack-circle:focus, .delicious.stack-square:hover, .delicious.stack-square:focus, .deviantart.stack-circle:hover, .deviantart.stack-circle:focus, .deviantart.stack-square:hover, .deviantart.stack-square:focus, .dropbox.stack-circle:hover, .dropbox.stack-circle:focus, .dropbox.stack-square:hover, .dropbox.stack-square:focus, .etsy.stack-circle:hover, .etsy.stack-circle:focus, .etsy.stack-square:hover, .etsy.stack-square:focus, .facebook.stack-circle:hover, .facebook.stack-circle:focus, .facebook.stack-square:hover, .facebook.stack-square:focus, .firefox.stack-circle:hover, .firefox.stack-circle:focus, .firefox.stack-square:hover, .firefox.stack-square:focus, .flickr.stack-circle:hover, .flickr.stack-circle:focus, .flickr.stack-square:hover, .flickr.stack-square:focus, .github.stack-circle:hover, .github.stack-circle:focus, .github.stack-square:hover, .github.stack-square:focus, .gitlab.stack-circle:hover, .gitlab.stack-circle:focus, .gitlab.stack-square:hover, .gitlab.stack-square:focus, .google-plus.stack-circle:hover, .google-plus.stack-circle:focus, .google-plus.stack-square:hover, .google-plus.stack-square:focus, .houzz.stack-circle:hover, .houzz.stack-circle:focus, .houzz.stack-square:hover, .houzz.stack-square:focus, .instagram.stack-circle:hover, .instagram.stack-circle:focus, .instagram.stack-square:hover, .instagram.stack-square:focus, .lastfm.stack-circle:hover, .lastfm.stack-circle:focus, .lastfm.stack-square:hover, .lastfm.stack-square:focus, .linkedin.stack-circle:hover, .linkedin.stack-circle:focus, .linkedin.stack-square:hover, .linkedin.stack-square:focus, .pinterest.stack-circle:hover, .pinterest.stack-circle:focus, .pinterest.stack-square:hover, .pinterest.stack-square:focus, .reddit.stack-circle:hover, .reddit.stack-circle:focus, .reddit.stack-square:hover, .reddit.stack-square:focus, .rss.stack-circle:hover, .rss.stack-circle:focus, .rss.stack-square:hover, .rss.stack-square:focus, .skype.stack-circle:hover, .skype.stack-circle:focus, .skype.stack-square:hover, .skype.stack-square:focus, .slack.stack-circle:hover, .slack.stack-circle:focus, .slack.stack-square:hover, .slack.stack-square:focus, .snapchat.stack-circle:hover, .snapchat.stack-circle:focus, .snapchat.stack-square:hover, .snapchat.stack-square:focus, .soundcloud.stack-circle:hover, .soundcloud.stack-circle:focus, .soundcloud.stack-square:hover, .soundcloud.stack-square:focus, .spotify.stack-circle:hover, .spotify.stack-circle:focus, .spotify.stack-square:hover, .spotify.stack-square:focus, .stack-exchange.stack-circle:hover, .stack-exchange.stack-circle:focus, .stack-exchange.stack-square:hover, .stack-exchange.stack-square:focus, .stack-overflow.stack-circle:hover, .stack-overflow.stack-circle:focus, .stack-overflow.stack-square:hover, .stack-overflow.stack-square:focus, .steam.stack-circle:hover, .steam.stack-circle:focus, .steam.stack-square:hover, .steam.stack-square:focus, .stumbleupon.stack-circle:hover, .stumbleupon.stack-circle:focus, .stumbleupon.stack-square:hover, .stumbleupon.stack-square:focus, .trello.stack-circle:hover, .trello.stack-circle:focus, .trello.stack-square:hover, .trello.stack-square:focus, .tripadvisor.stack-circle:hover, .tripadvisor.stack-circle:focus, .tripadvisor.stack-square:hover, .tripadvisor.stack-square:focus, .tumblr.stack-circle:hover, .tumblr.stack-circle:focus, .tumblr.stack-square:hover, .tumblr.stack-square:focus, .twitter.stack-circle:hover, .twitter.stack-circle:focus, .twitter.stack-square:hover, .twitter.stack-square:focus, .viadeo.stack-circle:hover, .viadeo.stack-circle:focus, .viadeo.stack-square:hover, .viadeo.stack-square:focus, .vimeo.stack-circle:hover, .vimeo.stack-circle:focus, .vimeo.stack-square:hover, .vimeo.stack-square:focus, .vine.stack-circle:hover, .vine.stack-circle:focus, .vine.stack-square:hover, .vine.stack-square:focus, .wechat.stack-circle:hover, .wechat.stack-circle:focus, .wechat.stack-square:hover, .wechat.stack-square:focus, .whatsapp.stack-circle:hover, .whatsapp.stack-circle:focus, .whatsapp.stack-square:hover, .whatsapp.stack-square:focus, .yahoo.stack-circle:hover, .yahoo.stack-circle:focus, .yahoo.stack-square:hover, .yahoo.stack-square:focus, .yelp.stack-circle:hover, .yelp.stack-circle:focus, .yelp.stack-square:hover, .yelp.stack-square:focus, .youtube.stack-circle:hover, .youtube.stack-circle:focus, .youtube.stack-square:hover, .youtube.stack-square:focus, .envelope.stack-circle:hover, .envelope.stack-circle:focus, .envelope.stack-square:hover, .envelope.stack-square:focus {
57
- box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.2), inset 2px 2px 4px rgba(0, 0, 0, 0.2), inset 3px 3px 4px rgba(0, 0, 0, 0.2), inset 4px 4px 4px rgba(0, 0, 0, 0.2), inset 5px 5px 4px rgba(0, 0, 0, 0.2), inset 6px 6px 4px rgba(0, 0, 0, 0.2);
58
- }
59
- .amazon.stack-circle:hover .fa, .amazon.stack-circle:focus .fa, .amazon.stack-square:hover .fa, .amazon.stack-square:focus .fa, .android.stack-circle:hover .fa, .android.stack-circle:focus .fa, .android.stack-square:hover .fa, .android.stack-square:focus .fa, .behance.stack-circle:hover .fa, .behance.stack-circle:focus .fa, .behance.stack-square:hover .fa, .behance.stack-square:focus .fa, .bitbucket.stack-circle:hover .fa, .bitbucket.stack-circle:focus .fa, .bitbucket.stack-square:hover .fa, .bitbucket.stack-square:focus .fa, .codepen.stack-circle:hover .fa, .codepen.stack-circle:focus .fa, .codepen.stack-square:hover .fa, .codepen.stack-square:focus .fa, .delicious.stack-circle:hover .fa, .delicious.stack-circle:focus .fa, .delicious.stack-square:hover .fa, .delicious.stack-square:focus .fa, .deviantart.stack-circle:hover .fa, .deviantart.stack-circle:focus .fa, .deviantart.stack-square:hover .fa, .deviantart.stack-square:focus .fa, .dropbox.stack-circle:hover .fa, .dropbox.stack-circle:focus .fa, .dropbox.stack-square:hover .fa, .dropbox.stack-square:focus .fa, .etsy.stack-circle:hover .fa, .etsy.stack-circle:focus .fa, .etsy.stack-square:hover .fa, .etsy.stack-square:focus .fa, .facebook.stack-circle:hover .fa, .facebook.stack-circle:focus .fa, .facebook.stack-square:hover .fa, .facebook.stack-square:focus .fa, .firefox.stack-circle:hover .fa, .firefox.stack-circle:focus .fa, .firefox.stack-square:hover .fa, .firefox.stack-square:focus .fa, .flickr.stack-circle:hover .fa, .flickr.stack-circle:focus .fa, .flickr.stack-square:hover .fa, .flickr.stack-square:focus .fa, .github.stack-circle:hover .fa, .github.stack-circle:focus .fa, .github.stack-square:hover .fa, .github.stack-square:focus .fa, .gitlab.stack-circle:hover .fa, .gitlab.stack-circle:focus .fa, .gitlab.stack-square:hover .fa, .gitlab.stack-square:focus .fa, .google-plus.stack-circle:hover .fa, .google-plus.stack-circle:focus .fa, .google-plus.stack-square:hover .fa, .google-plus.stack-square:focus .fa, .houzz.stack-circle:hover .fa, .houzz.stack-circle:focus .fa, .houzz.stack-square:hover .fa, .houzz.stack-square:focus .fa, .instagram.stack-circle:hover .fa, .instagram.stack-circle:focus .fa, .instagram.stack-square:hover .fa, .instagram.stack-square:focus .fa, .lastfm.stack-circle:hover .fa, .lastfm.stack-circle:focus .fa, .lastfm.stack-square:hover .fa, .lastfm.stack-square:focus .fa, .linkedin.stack-circle:hover .fa, .linkedin.stack-circle:focus .fa, .linkedin.stack-square:hover .fa, .linkedin.stack-square:focus .fa, .pinterest.stack-circle:hover .fa, .pinterest.stack-circle:focus .fa, .pinterest.stack-square:hover .fa, .pinterest.stack-square:focus .fa, .reddit.stack-circle:hover .fa, .reddit.stack-circle:focus .fa, .reddit.stack-square:hover .fa, .reddit.stack-square:focus .fa, .rss.stack-circle:hover .fa, .rss.stack-circle:focus .fa, .rss.stack-square:hover .fa, .rss.stack-square:focus .fa, .skype.stack-circle:hover .fa, .skype.stack-circle:focus .fa, .skype.stack-square:hover .fa, .skype.stack-square:focus .fa, .slack.stack-circle:hover .fa, .slack.stack-circle:focus .fa, .slack.stack-square:hover .fa, .slack.stack-square:focus .fa, .snapchat.stack-circle:hover .fa, .snapchat.stack-circle:focus .fa, .snapchat.stack-square:hover .fa, .snapchat.stack-square:focus .fa, .soundcloud.stack-circle:hover .fa, .soundcloud.stack-circle:focus .fa, .soundcloud.stack-square:hover .fa, .soundcloud.stack-square:focus .fa, .spotify.stack-circle:hover .fa, .spotify.stack-circle:focus .fa, .spotify.stack-square:hover .fa, .spotify.stack-square:focus .fa, .stack-exchange.stack-circle:hover .fa, .stack-exchange.stack-circle:focus .fa, .stack-exchange.stack-square:hover .fa, .stack-exchange.stack-square:focus .fa, .stack-overflow.stack-circle:hover .fa, .stack-overflow.stack-circle:focus .fa, .stack-overflow.stack-square:hover .fa, .stack-overflow.stack-square:focus .fa, .steam.stack-circle:hover .fa, .steam.stack-circle:focus .fa, .steam.stack-square:hover .fa, .steam.stack-square:focus .fa, .stumbleupon.stack-circle:hover .fa, .stumbleupon.stack-circle:focus .fa, .stumbleupon.stack-square:hover .fa, .stumbleupon.stack-square:focus .fa, .trello.stack-circle:hover .fa, .trello.stack-circle:focus .fa, .trello.stack-square:hover .fa, .trello.stack-square:focus .fa, .tripadvisor.stack-circle:hover .fa, .tripadvisor.stack-circle:focus .fa, .tripadvisor.stack-square:hover .fa, .tripadvisor.stack-square:focus .fa, .tumblr.stack-circle:hover .fa, .tumblr.stack-circle:focus .fa, .tumblr.stack-square:hover .fa, .tumblr.stack-square:focus .fa, .twitter.stack-circle:hover .fa, .twitter.stack-circle:focus .fa, .twitter.stack-square:hover .fa, .twitter.stack-square:focus .fa, .viadeo.stack-circle:hover .fa, .viadeo.stack-circle:focus .fa, .viadeo.stack-square:hover .fa, .viadeo.stack-square:focus .fa, .vimeo.stack-circle:hover .fa, .vimeo.stack-circle:focus .fa, .vimeo.stack-square:hover .fa, .vimeo.stack-square:focus .fa, .vine.stack-circle:hover .fa, .vine.stack-circle:focus .fa, .vine.stack-square:hover .fa, .vine.stack-square:focus .fa, .wechat.stack-circle:hover .fa, .wechat.stack-circle:focus .fa, .wechat.stack-square:hover .fa, .wechat.stack-square:focus .fa, .whatsapp.stack-circle:hover .fa, .whatsapp.stack-circle:focus .fa, .whatsapp.stack-square:hover .fa, .whatsapp.stack-square:focus .fa, .yahoo.stack-circle:hover .fa, .yahoo.stack-circle:focus .fa, .yahoo.stack-square:hover .fa, .yahoo.stack-square:focus .fa, .yelp.stack-circle:hover .fa, .yelp.stack-circle:focus .fa, .yelp.stack-square:hover .fa, .yelp.stack-square:focus .fa, .youtube.stack-circle:hover .fa, .youtube.stack-circle:focus .fa, .youtube.stack-square:hover .fa, .youtube.stack-square:focus .fa, .envelope.stack-circle:hover .fa, .envelope.stack-circle:focus .fa, .envelope.stack-square:hover .fa, .envelope.stack-square:focus .fa {
60
- text-shadow: 1px 1px 1px #000, 2px 2px 1px #000, 3px 3px 1px #000, 4px 4px 1px #000, 5px 5px 1px #000, 6px 6px 1px #000, 7px 7px 1px #000, 8px 8px 1px #000, 9px 9px 1px #000, 10px 10px 1px #000, 11px 11px 1px #000, 12px 12px 1px #000, 13px 13px 1px #000, 14px 14px 1px #000, 15px 15px 1px #000, 16px 16px 1px #000, 17px 17px 1px #000, 18px 18px 1px #000, 19px 19px 1px #000, 20px 20px 1px #000, 21px 21px 1px #000, 22px 22px 1px #000, 23px 23px 1px #000, 24px 24px 1px #000, 25px 25px 1px #000, 26px 26px 1px #000, 27px 27px 1px #000, 28px 28px 1px #000, 29px 29px 1px #000, 30px 30px 1px #000, 31px 31px 1px #000, 32px 32px 1px #000, 33px 33px 1px #000, 34px 34px 1px #000, 35px 35px 1px #000, 36px 36px 1px #000, 37px 37px 1px #000, 38px 38px 1px #000, 39px 39px 1px #000, 40px 40px 1px #000, 41px 41px 1px #000, 42px 42px 1px #000, 43px 43px 1px #000, 44px 44px 1px #000, 45px 45px 1px #000, 46px 46px 1px #000, 47px 47px 1px #000, 48px 48px 1px #000, 49px 49px 1px #000, 50px 50px 1px #000, 51px 51px 1px #000, 52px 52px 1px #000, 53px 53px 1px #000, 54px 54px 1px #000, 55px 55px 1px #000, 56px 56px 1px #000, 57px 57px 1px #000, 58px 58px 1px #000, 59px 59px 1px #000, 60px 60px 1px #000, 61px 61px 1px #000, 62px 62px 1px #000, 63px 63px 1px #000, 64px 64px 1px #000, 65px 65px 1px #000, 66px 66px 1px #000, 67px 67px 1px #000, 68px 68px 1px #000, 69px 69px 1px #000, 70px 70px 1px #000, 71px 71px 1px #000, 72px 72px 1px #000, 73px 73px 1px #000, 74px 74px 1px #000, 75px 75px 1px #000, 76px 76px 1px #000, 77px 77px 1px #000, 78px 78px 1px #000, 79px 79px 1px #000, 80px 80px 1px #000, 81px 81px 1px #000, 82px 82px 1px #000, 83px 83px 1px #000, 84px 84px 1px #000, 85px 85px 1px #000, 86px 86px 1px #000, 87px 87px 1px #000, 88px 88px 1px #000, 89px 89px 1px #000, 90px 90px 1px #000, 91px 91px 1px #000, 92px 92px 1px #000, 93px 93px 1px #000, 94px 94px 1px #000, 95px 95px 1px #000, 96px 96px 1px #000, 97px 97px 1px #000, 98px 98px 1px #000, 99px 99px 1px #000, 100px 100px 1px #000;
61
- }
62
-
63
- .amazon.stack-circle, .amazon.stack-square {
84
+ .amazon.btn-social,
85
+ .amazon.stack-circle,
86
+ .amazon.stack-square {
64
87
  background-color: #ff9900;
65
88
  }
66
- .amazon.stack-circle:hover .fa-amazon, .amazon.stack-circle:focus .fa-amazon, .amazon.stack-square:hover .fa-amazon, .amazon.stack-square:focus .fa-amazon {
89
+
90
+ .amazon.btn-social:hover, .amazon.btn-social:hover .fa, .amazon.btn-social:focus, .amazon.btn-social:focus .fa, .amazon.stack-circle:hover, .amazon.stack-circle:hover .fa, .amazon.stack-circle:focus, .amazon.stack-circle:focus .fa, .amazon.stack-square:hover, .amazon.stack-square:hover .fa, .amazon.stack-square:focus, .amazon.stack-square:focus .fa {
67
91
  color: #ffad33;
68
92
  }
69
- .amazon.stack-square-o {
93
+ .amazon.stack-square-o, .amazon.btn-social-outline {
70
94
  border-color: #ff9900;
71
95
  }
72
- .amazon.stack-square-o .fa-amazon {
96
+ .amazon.stack-square-o,
97
+ .amazon.stack-square-o .fa-amazon, .amazon.btn-social-outline,
98
+ .amazon.btn-social-outline .fa-amazon {
73
99
  color: #ff9900;
74
100
  }
75
- .amazon.stack-square-o:hover, .amazon.stack-square-o:focus {
101
+ .amazon.stack-square-o:hover, .amazon.stack-square-o:focus, .amazon.btn-social-outline:hover, .amazon.btn-social-outline:focus {
76
102
  box-shadow: inset 1px 1px 1px rgba(255, 194, 102, 0.3), inset 2px 2px 1px rgba(255, 194, 102, 0.3), inset 3px 3px 1px rgba(255, 194, 102, 0.3), inset 4px 4px 1px rgba(255, 194, 102, 0.3), inset 5px 5px 1px rgba(255, 194, 102, 0.3), inset 6px 6px 1px rgba(255, 194, 102, 0.3);
77
103
  }
78
- .amazon.stack-square-o:hover .fa-amazon, .amazon.stack-square-o:focus .fa-amazon {
104
+ .amazon.stack-square-o:hover,
105
+ .amazon.stack-square-o:hover .fa-amazon, .amazon.stack-square-o:focus,
106
+ .amazon.stack-square-o:focus .fa-amazon, .amazon.btn-social-outline:hover,
107
+ .amazon.btn-social-outline:hover .fa-amazon, .amazon.btn-social-outline:focus,
108
+ .amazon.btn-social-outline:focus .fa-amazon {
79
109
  text-shadow: 1px 1px 1px rgba(255, 194, 102, 0.3), 2px 2px 1px rgba(255, 194, 102, 0.3), 3px 3px 1px rgba(255, 194, 102, 0.3), 4px 4px 1px rgba(255, 194, 102, 0.3), 5px 5px 1px rgba(255, 194, 102, 0.3), 6px 6px 1px rgba(255, 194, 102, 0.3);
80
110
  }
81
111
 
82
- .android.stack-circle, .android.stack-square {
112
+ .android.btn-social,
113
+ .android.stack-circle,
114
+ .android.stack-square {
83
115
  background-color: #a4c639;
84
116
  }
85
- .android.stack-circle:hover .fa-android, .android.stack-circle:focus .fa-android, .android.stack-square:hover .fa-android, .android.stack-square:focus .fa-android {
117
+
118
+ .android.btn-social:hover, .android.btn-social:hover .fa, .android.btn-social:focus, .android.btn-social:focus .fa, .android.stack-circle:hover, .android.stack-circle:hover .fa, .android.stack-circle:focus, .android.stack-circle:focus .fa, .android.stack-square:hover, .android.stack-square:hover .fa, .android.stack-square:focus, .android.stack-square:focus .fa {
86
119
  color: #b6d161;
87
120
  }
88
- .android.stack-square-o {
121
+ .android.stack-square-o, .android.btn-social-outline {
89
122
  border-color: #a4c639;
90
123
  }
91
- .android.stack-square-o .fa-android {
124
+ .android.stack-square-o,
125
+ .android.stack-square-o .fa-android, .android.btn-social-outline,
126
+ .android.btn-social-outline .fa-android {
92
127
  color: #a4c639;
93
128
  }
94
- .android.stack-square-o:hover, .android.stack-square-o:focus {
129
+ .android.stack-square-o:hover, .android.stack-square-o:focus, .android.btn-social-outline:hover, .android.btn-social-outline:focus {
95
130
  box-shadow: inset 1px 1px 1px rgba(200, 221, 136, 0.3), inset 2px 2px 1px rgba(200, 221, 136, 0.3), inset 3px 3px 1px rgba(200, 221, 136, 0.3), inset 4px 4px 1px rgba(200, 221, 136, 0.3), inset 5px 5px 1px rgba(200, 221, 136, 0.3), inset 6px 6px 1px rgba(200, 221, 136, 0.3);
96
131
  }
97
- .android.stack-square-o:hover .fa-android, .android.stack-square-o:focus .fa-android {
132
+ .android.stack-square-o:hover,
133
+ .android.stack-square-o:hover .fa-android, .android.stack-square-o:focus,
134
+ .android.stack-square-o:focus .fa-android, .android.btn-social-outline:hover,
135
+ .android.btn-social-outline:hover .fa-android, .android.btn-social-outline:focus,
136
+ .android.btn-social-outline:focus .fa-android {
98
137
  text-shadow: 1px 1px 1px rgba(200, 221, 136, 0.3), 2px 2px 1px rgba(200, 221, 136, 0.3), 3px 3px 1px rgba(200, 221, 136, 0.3), 4px 4px 1px rgba(200, 221, 136, 0.3), 5px 5px 1px rgba(200, 221, 136, 0.3), 6px 6px 1px rgba(200, 221, 136, 0.3);
99
138
  }
100
139
 
101
- .behance.stack-circle, .behance.stack-square {
140
+ .behance.btn-social,
141
+ .behance.stack-circle,
142
+ .behance.stack-square {
102
143
  background-color: #1769ff;
103
144
  }
104
- .behance.stack-circle:hover .fa-behance, .behance.stack-circle:focus .fa-behance, .behance.stack-square:hover .fa-behance, .behance.stack-square:focus .fa-behance {
145
+
146
+ .behance.btn-social:hover, .behance.btn-social:hover .fa, .behance.btn-social:focus, .behance.btn-social:focus .fa, .behance.stack-circle:hover, .behance.stack-circle:hover .fa, .behance.stack-circle:focus, .behance.stack-circle:focus .fa, .behance.stack-square:hover, .behance.stack-square:hover .fa, .behance.stack-square:focus, .behance.stack-square:focus .fa {
105
147
  color: #4a8aff;
106
148
  }
107
- .behance.stack-square-o {
149
+ .behance.stack-square-o, .behance.btn-social-outline {
108
150
  border-color: #1769ff;
109
151
  }
110
- .behance.stack-square-o .fa-behance {
152
+ .behance.stack-square-o,
153
+ .behance.stack-square-o .fa-behance, .behance.btn-social-outline,
154
+ .behance.btn-social-outline .fa-behance {
111
155
  color: #1769ff;
112
156
  }
113
- .behance.stack-square-o:hover, .behance.stack-square-o:focus {
157
+ .behance.stack-square-o:hover, .behance.stack-square-o:focus, .behance.btn-social-outline:hover, .behance.btn-social-outline:focus {
114
158
  box-shadow: inset 1px 1px 1px rgba(125, 171, 255, 0.3), inset 2px 2px 1px rgba(125, 171, 255, 0.3), inset 3px 3px 1px rgba(125, 171, 255, 0.3), inset 4px 4px 1px rgba(125, 171, 255, 0.3), inset 5px 5px 1px rgba(125, 171, 255, 0.3), inset 6px 6px 1px rgba(125, 171, 255, 0.3);
115
159
  }
116
- .behance.stack-square-o:hover .fa-behance, .behance.stack-square-o:focus .fa-behance {
160
+ .behance.stack-square-o:hover,
161
+ .behance.stack-square-o:hover .fa-behance, .behance.stack-square-o:focus,
162
+ .behance.stack-square-o:focus .fa-behance, .behance.btn-social-outline:hover,
163
+ .behance.btn-social-outline:hover .fa-behance, .behance.btn-social-outline:focus,
164
+ .behance.btn-social-outline:focus .fa-behance {
117
165
  text-shadow: 1px 1px 1px rgba(125, 171, 255, 0.3), 2px 2px 1px rgba(125, 171, 255, 0.3), 3px 3px 1px rgba(125, 171, 255, 0.3), 4px 4px 1px rgba(125, 171, 255, 0.3), 5px 5px 1px rgba(125, 171, 255, 0.3), 6px 6px 1px rgba(125, 171, 255, 0.3);
118
166
  }
119
167
 
120
- .bitbucket.stack-circle, .bitbucket.stack-square {
168
+ .bitbucket.btn-social,
169
+ .bitbucket.stack-circle,
170
+ .bitbucket.stack-square {
121
171
  background-color: #205081;
122
172
  }
123
- .bitbucket.stack-circle:hover .fa-bitbucket, .bitbucket.stack-circle:focus .fa-bitbucket, .bitbucket.stack-square:hover .fa-bitbucket, .bitbucket.stack-square:focus .fa-bitbucket {
173
+
174
+ .bitbucket.btn-social:hover, .bitbucket.btn-social:hover .fa, .bitbucket.btn-social:focus, .bitbucket.btn-social:focus .fa, .bitbucket.stack-circle:hover, .bitbucket.stack-circle:hover .fa, .bitbucket.stack-circle:focus, .bitbucket.stack-circle:focus .fa, .bitbucket.stack-square:hover, .bitbucket.stack-square:hover .fa, .bitbucket.stack-square:focus, .bitbucket.stack-square:focus .fa {
124
175
  color: #2a69aa;
125
176
  }
126
- .bitbucket.stack-square-o {
177
+ .bitbucket.stack-square-o, .bitbucket.btn-social-outline {
127
178
  border-color: #205081;
128
179
  }
129
- .bitbucket.stack-square-o .fa-bitbucket {
180
+ .bitbucket.stack-square-o,
181
+ .bitbucket.stack-square-o .fa-bitbucket, .bitbucket.btn-social-outline,
182
+ .bitbucket.btn-social-outline .fa-bitbucket {
130
183
  color: #205081;
131
184
  }
132
- .bitbucket.stack-square-o:hover, .bitbucket.stack-square-o:focus {
185
+ .bitbucket.stack-square-o:hover, .bitbucket.stack-square-o:focus, .bitbucket.btn-social-outline:hover, .bitbucket.btn-social-outline:focus {
133
186
  box-shadow: inset 1px 1px 1px rgba(57, 131, 206, 0.3), inset 2px 2px 1px rgba(57, 131, 206, 0.3), inset 3px 3px 1px rgba(57, 131, 206, 0.3), inset 4px 4px 1px rgba(57, 131, 206, 0.3), inset 5px 5px 1px rgba(57, 131, 206, 0.3), inset 6px 6px 1px rgba(57, 131, 206, 0.3);
134
187
  }
135
- .bitbucket.stack-square-o:hover .fa-bitbucket, .bitbucket.stack-square-o:focus .fa-bitbucket {
188
+ .bitbucket.stack-square-o:hover,
189
+ .bitbucket.stack-square-o:hover .fa-bitbucket, .bitbucket.stack-square-o:focus,
190
+ .bitbucket.stack-square-o:focus .fa-bitbucket, .bitbucket.btn-social-outline:hover,
191
+ .bitbucket.btn-social-outline:hover .fa-bitbucket, .bitbucket.btn-social-outline:focus,
192
+ .bitbucket.btn-social-outline:focus .fa-bitbucket {
136
193
  text-shadow: 1px 1px 1px rgba(57, 131, 206, 0.3), 2px 2px 1px rgba(57, 131, 206, 0.3), 3px 3px 1px rgba(57, 131, 206, 0.3), 4px 4px 1px rgba(57, 131, 206, 0.3), 5px 5px 1px rgba(57, 131, 206, 0.3), 6px 6px 1px rgba(57, 131, 206, 0.3);
137
194
  }
138
195
 
139
- .codepen.stack-circle, .codepen.stack-square {
196
+ .codepen.btn-social,
197
+ .codepen.stack-circle,
198
+ .codepen.stack-square {
140
199
  background-color: #0ebeff;
141
200
  }
142
- .codepen.stack-circle:hover .fa-codepen, .codepen.stack-circle:focus .fa-codepen, .codepen.stack-square:hover .fa-codepen, .codepen.stack-square:focus .fa-codepen {
201
+
202
+ .codepen.btn-social:hover, .codepen.btn-social:hover .fa, .codepen.btn-social:focus, .codepen.btn-social:focus .fa, .codepen.stack-circle:hover, .codepen.stack-circle:hover .fa, .codepen.stack-circle:focus, .codepen.stack-circle:focus .fa, .codepen.stack-square:hover, .codepen.stack-square:hover .fa, .codepen.stack-square:focus, .codepen.stack-square:focus .fa {
143
203
  color: #41ccff;
144
204
  }
145
- .codepen.stack-square-o {
205
+ .codepen.stack-square-o, .codepen.btn-social-outline {
146
206
  border-color: #0ebeff;
147
207
  }
148
- .codepen.stack-square-o .fa-codepen {
208
+ .codepen.stack-square-o,
209
+ .codepen.stack-square-o .fa-codepen, .codepen.btn-social-outline,
210
+ .codepen.btn-social-outline .fa-codepen {
149
211
  color: #0ebeff;
150
212
  }
151
- .codepen.stack-square-o:hover, .codepen.stack-square-o:focus {
213
+ .codepen.stack-square-o:hover, .codepen.stack-square-o:focus, .codepen.btn-social-outline:hover, .codepen.btn-social-outline:focus {
152
214
  box-shadow: inset 1px 1px 1px rgba(116, 218, 255, 0.3), inset 2px 2px 1px rgba(116, 218, 255, 0.3), inset 3px 3px 1px rgba(116, 218, 255, 0.3), inset 4px 4px 1px rgba(116, 218, 255, 0.3), inset 5px 5px 1px rgba(116, 218, 255, 0.3), inset 6px 6px 1px rgba(116, 218, 255, 0.3);
153
215
  }
154
- .codepen.stack-square-o:hover .fa-codepen, .codepen.stack-square-o:focus .fa-codepen {
216
+ .codepen.stack-square-o:hover,
217
+ .codepen.stack-square-o:hover .fa-codepen, .codepen.stack-square-o:focus,
218
+ .codepen.stack-square-o:focus .fa-codepen, .codepen.btn-social-outline:hover,
219
+ .codepen.btn-social-outline:hover .fa-codepen, .codepen.btn-social-outline:focus,
220
+ .codepen.btn-social-outline:focus .fa-codepen {
155
221
  text-shadow: 1px 1px 1px rgba(116, 218, 255, 0.3), 2px 2px 1px rgba(116, 218, 255, 0.3), 3px 3px 1px rgba(116, 218, 255, 0.3), 4px 4px 1px rgba(116, 218, 255, 0.3), 5px 5px 1px rgba(116, 218, 255, 0.3), 6px 6px 1px rgba(116, 218, 255, 0.3);
156
222
  }
157
223
 
158
- .delicious.stack-circle, .delicious.stack-square {
224
+ .delicious.btn-social,
225
+ .delicious.stack-circle,
226
+ .delicious.stack-square {
159
227
  background-color: #3399ff;
160
228
  }
161
- .delicious.stack-circle:hover .fa-delicious, .delicious.stack-circle:focus .fa-delicious, .delicious.stack-square:hover .fa-delicious, .delicious.stack-square:focus .fa-delicious {
229
+
230
+ .delicious.btn-social:hover, .delicious.btn-social:hover .fa, .delicious.btn-social:focus, .delicious.btn-social:focus .fa, .delicious.stack-circle:hover, .delicious.stack-circle:hover .fa, .delicious.stack-circle:focus, .delicious.stack-circle:focus .fa, .delicious.stack-square:hover, .delicious.stack-square:hover .fa, .delicious.stack-square:focus, .delicious.stack-square:focus .fa {
162
231
  color: #66b3ff;
163
232
  }
164
- .delicious.stack-square-o {
233
+ .delicious.stack-square-o, .delicious.btn-social-outline {
165
234
  border-color: #3399ff;
166
235
  }
167
- .delicious.stack-square-o .fa-delicious {
236
+ .delicious.stack-square-o,
237
+ .delicious.stack-square-o .fa-delicious, .delicious.btn-social-outline,
238
+ .delicious.btn-social-outline .fa-delicious {
168
239
  color: #3399ff;
169
240
  }
170
- .delicious.stack-square-o:hover, .delicious.stack-square-o:focus {
241
+ .delicious.stack-square-o:hover, .delicious.stack-square-o:focus, .delicious.btn-social-outline:hover, .delicious.btn-social-outline:focus {
171
242
  box-shadow: inset 1px 1px 1px rgba(153, 204, 255, 0.3), inset 2px 2px 1px rgba(153, 204, 255, 0.3), inset 3px 3px 1px rgba(153, 204, 255, 0.3), inset 4px 4px 1px rgba(153, 204, 255, 0.3), inset 5px 5px 1px rgba(153, 204, 255, 0.3), inset 6px 6px 1px rgba(153, 204, 255, 0.3);
172
243
  }
173
- .delicious.stack-square-o:hover .fa-delicious, .delicious.stack-square-o:focus .fa-delicious {
244
+ .delicious.stack-square-o:hover,
245
+ .delicious.stack-square-o:hover .fa-delicious, .delicious.stack-square-o:focus,
246
+ .delicious.stack-square-o:focus .fa-delicious, .delicious.btn-social-outline:hover,
247
+ .delicious.btn-social-outline:hover .fa-delicious, .delicious.btn-social-outline:focus,
248
+ .delicious.btn-social-outline:focus .fa-delicious {
174
249
  text-shadow: 1px 1px 1px rgba(153, 204, 255, 0.3), 2px 2px 1px rgba(153, 204, 255, 0.3), 3px 3px 1px rgba(153, 204, 255, 0.3), 4px 4px 1px rgba(153, 204, 255, 0.3), 5px 5px 1px rgba(153, 204, 255, 0.3), 6px 6px 1px rgba(153, 204, 255, 0.3);
175
250
  }
176
251
 
177
- .deviantart.stack-circle, .deviantart.stack-square {
252
+ .deviantart.btn-social,
253
+ .deviantart.stack-circle,
254
+ .deviantart.stack-square {
178
255
  background-color: #05cc47;
179
256
  }
180
- .deviantart.stack-circle:hover .fa-deviantart, .deviantart.stack-circle:focus .fa-deviantart, .deviantart.stack-square:hover .fa-deviantart, .deviantart.stack-square:focus .fa-deviantart {
257
+
258
+ .deviantart.btn-social:hover, .deviantart.btn-social:hover .fa, .deviantart.btn-social:focus, .deviantart.btn-social:focus .fa, .deviantart.stack-circle:hover, .deviantart.stack-circle:hover .fa, .deviantart.stack-circle:focus, .deviantart.stack-circle:focus .fa, .deviantart.stack-square:hover, .deviantart.stack-square:hover .fa, .deviantart.stack-square:focus, .deviantart.stack-square:focus .fa {
181
259
  color: #0bf95a;
182
260
  }
183
- .deviantart.stack-square-o {
261
+ .deviantart.stack-square-o, .deviantart.btn-social-outline {
184
262
  border-color: #05cc47;
185
263
  }
186
- .deviantart.stack-square-o .fa-deviantart {
264
+ .deviantart.stack-square-o,
265
+ .deviantart.stack-square-o .fa-deviantart, .deviantart.btn-social-outline,
266
+ .deviantart.btn-social-outline .fa-deviantart {
187
267
  color: #05cc47;
188
268
  }
189
- .deviantart.stack-square-o:hover, .deviantart.stack-square-o:focus {
269
+ .deviantart.stack-square-o:hover, .deviantart.stack-square-o:focus, .deviantart.btn-social-outline:hover, .deviantart.btn-social-outline:focus {
190
270
  box-shadow: inset 1px 1px 1px rgba(61, 250, 124, 0.3), inset 2px 2px 1px rgba(61, 250, 124, 0.3), inset 3px 3px 1px rgba(61, 250, 124, 0.3), inset 4px 4px 1px rgba(61, 250, 124, 0.3), inset 5px 5px 1px rgba(61, 250, 124, 0.3), inset 6px 6px 1px rgba(61, 250, 124, 0.3);
191
271
  }
192
- .deviantart.stack-square-o:hover .fa-deviantart, .deviantart.stack-square-o:focus .fa-deviantart {
272
+ .deviantart.stack-square-o:hover,
273
+ .deviantart.stack-square-o:hover .fa-deviantart, .deviantart.stack-square-o:focus,
274
+ .deviantart.stack-square-o:focus .fa-deviantart, .deviantart.btn-social-outline:hover,
275
+ .deviantart.btn-social-outline:hover .fa-deviantart, .deviantart.btn-social-outline:focus,
276
+ .deviantart.btn-social-outline:focus .fa-deviantart {
193
277
  text-shadow: 1px 1px 1px rgba(61, 250, 124, 0.3), 2px 2px 1px rgba(61, 250, 124, 0.3), 3px 3px 1px rgba(61, 250, 124, 0.3), 4px 4px 1px rgba(61, 250, 124, 0.3), 5px 5px 1px rgba(61, 250, 124, 0.3), 6px 6px 1px rgba(61, 250, 124, 0.3);
194
278
  }
195
279
 
196
- .dropbox.stack-circle, .dropbox.stack-square {
280
+ .dropbox.btn-social,
281
+ .dropbox.stack-circle,
282
+ .dropbox.stack-square {
197
283
  background-color: #007ee5;
198
284
  }
199
- .dropbox.stack-circle:hover .fa-dropbox, .dropbox.stack-circle:focus .fa-dropbox, .dropbox.stack-square:hover .fa-dropbox, .dropbox.stack-square:focus .fa-dropbox {
285
+
286
+ .dropbox.btn-social:hover, .dropbox.btn-social:hover .fa, .dropbox.btn-social:focus, .dropbox.btn-social:focus .fa, .dropbox.stack-circle:hover, .dropbox.stack-circle:hover .fa, .dropbox.stack-circle:focus, .dropbox.stack-circle:focus .fa, .dropbox.stack-square:hover, .dropbox.stack-square:hover .fa, .dropbox.stack-square:focus, .dropbox.stack-square:focus .fa {
200
287
  color: #1998ff;
201
288
  }
202
- .dropbox.stack-square-o {
289
+ .dropbox.stack-square-o, .dropbox.btn-social-outline {
203
290
  border-color: #007ee5;
204
291
  }
205
- .dropbox.stack-square-o .fa-dropbox {
292
+ .dropbox.stack-square-o,
293
+ .dropbox.stack-square-o .fa-dropbox, .dropbox.btn-social-outline,
294
+ .dropbox.btn-social-outline .fa-dropbox {
206
295
  color: #007ee5;
207
296
  }
208
- .dropbox.stack-square-o:hover, .dropbox.stack-square-o:focus {
297
+ .dropbox.stack-square-o:hover, .dropbox.stack-square-o:focus, .dropbox.btn-social-outline:hover, .dropbox.btn-social-outline:focus {
209
298
  box-shadow: inset 1px 1px 1px rgba(76, 174, 255, 0.3), inset 2px 2px 1px rgba(76, 174, 255, 0.3), inset 3px 3px 1px rgba(76, 174, 255, 0.3), inset 4px 4px 1px rgba(76, 174, 255, 0.3), inset 5px 5px 1px rgba(76, 174, 255, 0.3), inset 6px 6px 1px rgba(76, 174, 255, 0.3);
210
299
  }
211
- .dropbox.stack-square-o:hover .fa-dropbox, .dropbox.stack-square-o:focus .fa-dropbox {
300
+ .dropbox.stack-square-o:hover,
301
+ .dropbox.stack-square-o:hover .fa-dropbox, .dropbox.stack-square-o:focus,
302
+ .dropbox.stack-square-o:focus .fa-dropbox, .dropbox.btn-social-outline:hover,
303
+ .dropbox.btn-social-outline:hover .fa-dropbox, .dropbox.btn-social-outline:focus,
304
+ .dropbox.btn-social-outline:focus .fa-dropbox {
212
305
  text-shadow: 1px 1px 1px rgba(76, 174, 255, 0.3), 2px 2px 1px rgba(76, 174, 255, 0.3), 3px 3px 1px rgba(76, 174, 255, 0.3), 4px 4px 1px rgba(76, 174, 255, 0.3), 5px 5px 1px rgba(76, 174, 255, 0.3), 6px 6px 1px rgba(76, 174, 255, 0.3);
213
306
  }
214
307
 
215
- .etsy.stack-circle, .etsy.stack-square {
308
+ .etsy.btn-social,
309
+ .etsy.stack-circle,
310
+ .etsy.stack-square {
216
311
  background-color: #d5641c;
217
312
  }
218
- .etsy.stack-circle:hover .fa-etsy, .etsy.stack-circle:focus .fa-etsy, .etsy.stack-square:hover .fa-etsy, .etsy.stack-square:focus .fa-etsy {
313
+
314
+ .etsy.btn-social:hover, .etsy.btn-social:hover .fa, .etsy.btn-social:focus, .etsy.btn-social:focus .fa, .etsy.stack-circle:hover, .etsy.stack-circle:hover .fa, .etsy.stack-circle:focus, .etsy.stack-circle:focus .fa, .etsy.stack-square:hover, .etsy.stack-square:hover .fa, .etsy.stack-square:focus, .etsy.stack-square:focus .fa {
219
315
  color: #e67f3e;
220
316
  }
221
- .etsy.stack-square-o {
317
+ .etsy.stack-square-o, .etsy.btn-social-outline {
222
318
  border-color: #d5641c;
223
319
  }
224
- .etsy.stack-square-o .fa-etsy {
320
+ .etsy.stack-square-o,
321
+ .etsy.stack-square-o .fa-etsy, .etsy.btn-social-outline,
322
+ .etsy.btn-social-outline .fa-etsy {
225
323
  color: #d5641c;
226
324
  }
227
- .etsy.stack-square-o:hover, .etsy.stack-square-o:focus {
325
+ .etsy.stack-square-o:hover, .etsy.stack-square-o:focus, .etsy.btn-social-outline:hover, .etsy.btn-social-outline:focus {
228
326
  box-shadow: inset 1px 1px 1px rgba(236, 157, 107, 0.3), inset 2px 2px 1px rgba(236, 157, 107, 0.3), inset 3px 3px 1px rgba(236, 157, 107, 0.3), inset 4px 4px 1px rgba(236, 157, 107, 0.3), inset 5px 5px 1px rgba(236, 157, 107, 0.3), inset 6px 6px 1px rgba(236, 157, 107, 0.3);
229
327
  }
230
- .etsy.stack-square-o:hover .fa-etsy, .etsy.stack-square-o:focus .fa-etsy {
328
+ .etsy.stack-square-o:hover,
329
+ .etsy.stack-square-o:hover .fa-etsy, .etsy.stack-square-o:focus,
330
+ .etsy.stack-square-o:focus .fa-etsy, .etsy.btn-social-outline:hover,
331
+ .etsy.btn-social-outline:hover .fa-etsy, .etsy.btn-social-outline:focus,
332
+ .etsy.btn-social-outline:focus .fa-etsy {
231
333
  text-shadow: 1px 1px 1px rgba(236, 157, 107, 0.3), 2px 2px 1px rgba(236, 157, 107, 0.3), 3px 3px 1px rgba(236, 157, 107, 0.3), 4px 4px 1px rgba(236, 157, 107, 0.3), 5px 5px 1px rgba(236, 157, 107, 0.3), 6px 6px 1px rgba(236, 157, 107, 0.3);
232
334
  }
233
335
 
234
- .facebook.stack-circle, .facebook.stack-square {
336
+ .facebook.btn-social,
337
+ .facebook.stack-circle,
338
+ .facebook.stack-square {
235
339
  background-color: #3b5998;
236
340
  }
237
- .facebook.stack-circle:hover .fa-facebook, .facebook.stack-circle:focus .fa-facebook, .facebook.stack-square:hover .fa-facebook, .facebook.stack-square:focus .fa-facebook {
341
+
342
+ .facebook.btn-social:hover, .facebook.btn-social:hover .fa, .facebook.btn-social:focus, .facebook.btn-social:focus .fa, .facebook.stack-circle:hover, .facebook.stack-circle:hover .fa, .facebook.stack-circle:focus, .facebook.stack-circle:focus .fa, .facebook.stack-square:hover, .facebook.stack-square:hover .fa, .facebook.stack-square:focus, .facebook.stack-square:focus .fa {
238
343
  color: #4c70ba;
239
344
  }
240
- .facebook.stack-square-o {
345
+ .facebook.stack-square-o, .facebook.btn-social-outline {
241
346
  border-color: #3b5998;
242
347
  }
243
- .facebook.stack-square-o .fa-facebook {
348
+ .facebook.stack-square-o,
349
+ .facebook.stack-square-o .fa-facebook, .facebook.btn-social-outline,
350
+ .facebook.btn-social-outline .fa-facebook {
244
351
  color: #3b5998;
245
352
  }
246
- .facebook.stack-square-o:hover, .facebook.stack-square-o:focus {
353
+ .facebook.stack-square-o:hover, .facebook.stack-square-o:focus, .facebook.btn-social-outline:hover, .facebook.btn-social-outline:focus {
247
354
  box-shadow: inset 1px 1px 1px rgba(113, 141, 200, 0.3), inset 2px 2px 1px rgba(113, 141, 200, 0.3), inset 3px 3px 1px rgba(113, 141, 200, 0.3), inset 4px 4px 1px rgba(113, 141, 200, 0.3), inset 5px 5px 1px rgba(113, 141, 200, 0.3), inset 6px 6px 1px rgba(113, 141, 200, 0.3);
248
355
  }
249
- .facebook.stack-square-o:hover .fa-facebook, .facebook.stack-square-o:focus .fa-facebook {
356
+ .facebook.stack-square-o:hover,
357
+ .facebook.stack-square-o:hover .fa-facebook, .facebook.stack-square-o:focus,
358
+ .facebook.stack-square-o:focus .fa-facebook, .facebook.btn-social-outline:hover,
359
+ .facebook.btn-social-outline:hover .fa-facebook, .facebook.btn-social-outline:focus,
360
+ .facebook.btn-social-outline:focus .fa-facebook {
250
361
  text-shadow: 1px 1px 1px rgba(113, 141, 200, 0.3), 2px 2px 1px rgba(113, 141, 200, 0.3), 3px 3px 1px rgba(113, 141, 200, 0.3), 4px 4px 1px rgba(113, 141, 200, 0.3), 5px 5px 1px rgba(113, 141, 200, 0.3), 6px 6px 1px rgba(113, 141, 200, 0.3);
251
362
  }
252
363
 
253
- .firefox.stack-circle, .firefox.stack-square {
364
+ .firefox.btn-social,
365
+ .firefox.stack-circle,
366
+ .firefox.stack-square {
254
367
  background-color: #e66000;
255
368
  }
256
- .firefox.stack-circle:hover .fa-firefox, .firefox.stack-circle:focus .fa-firefox, .firefox.stack-square:hover .fa-firefox, .firefox.stack-square:focus .fa-firefox {
369
+
370
+ .firefox.btn-social:hover, .firefox.btn-social:hover .fa, .firefox.btn-social:focus, .firefox.btn-social:focus .fa, .firefox.stack-circle:hover, .firefox.stack-circle:hover .fa, .firefox.stack-circle:focus, .firefox.stack-circle:focus .fa, .firefox.stack-square:hover, .firefox.stack-square:hover .fa, .firefox.stack-square:focus, .firefox.stack-square:focus .fa {
257
371
  color: #ff7a1a;
258
372
  }
259
- .firefox.stack-square-o {
373
+ .firefox.stack-square-o, .firefox.btn-social-outline {
260
374
  border-color: #e66000;
261
375
  }
262
- .firefox.stack-square-o .fa-firefox {
376
+ .firefox.stack-square-o,
377
+ .firefox.stack-square-o .fa-firefox, .firefox.btn-social-outline,
378
+ .firefox.btn-social-outline .fa-firefox {
263
379
  color: #e66000;
264
380
  }
265
- .firefox.stack-square-o:hover, .firefox.stack-square-o:focus {
381
+ .firefox.stack-square-o:hover, .firefox.stack-square-o:focus, .firefox.btn-social-outline:hover, .firefox.btn-social-outline:focus {
266
382
  box-shadow: inset 1px 1px 1px rgba(255, 151, 77, 0.3), inset 2px 2px 1px rgba(255, 151, 77, 0.3), inset 3px 3px 1px rgba(255, 151, 77, 0.3), inset 4px 4px 1px rgba(255, 151, 77, 0.3), inset 5px 5px 1px rgba(255, 151, 77, 0.3), inset 6px 6px 1px rgba(255, 151, 77, 0.3);
267
383
  }
268
- .firefox.stack-square-o:hover .fa-firefox, .firefox.stack-square-o:focus .fa-firefox {
384
+ .firefox.stack-square-o:hover,
385
+ .firefox.stack-square-o:hover .fa-firefox, .firefox.stack-square-o:focus,
386
+ .firefox.stack-square-o:focus .fa-firefox, .firefox.btn-social-outline:hover,
387
+ .firefox.btn-social-outline:hover .fa-firefox, .firefox.btn-social-outline:focus,
388
+ .firefox.btn-social-outline:focus .fa-firefox {
269
389
  text-shadow: 1px 1px 1px rgba(255, 151, 77, 0.3), 2px 2px 1px rgba(255, 151, 77, 0.3), 3px 3px 1px rgba(255, 151, 77, 0.3), 4px 4px 1px rgba(255, 151, 77, 0.3), 5px 5px 1px rgba(255, 151, 77, 0.3), 6px 6px 1px rgba(255, 151, 77, 0.3);
270
390
  }
271
391
 
272
- .flickr.stack-circle, .flickr.stack-square {
392
+ .flickr.btn-social,
393
+ .flickr.stack-circle,
394
+ .flickr.stack-square {
273
395
  background-color: #0063dc;
274
396
  }
275
- .flickr.stack-circle:hover .fa-flickr, .flickr.stack-circle:focus .fa-flickr, .flickr.stack-square:hover .fa-flickr, .flickr.stack-square:focus .fa-flickr {
397
+
398
+ .flickr.btn-social:hover, .flickr.btn-social:hover .fa, .flickr.btn-social:focus, .flickr.btn-social:focus .fa, .flickr.stack-circle:hover, .flickr.stack-circle:hover .fa, .flickr.stack-circle:focus, .flickr.stack-circle:focus .fa, .flickr.stack-square:hover, .flickr.stack-square:hover .fa, .flickr.stack-square:focus, .flickr.stack-square:focus .fa {
276
399
  color: #107cff;
277
400
  }
278
- .flickr.stack-square-o {
401
+ .flickr.stack-square-o, .flickr.btn-social-outline {
279
402
  border-color: #0063dc;
280
403
  }
281
- .flickr.stack-square-o .fa-flickr {
404
+ .flickr.stack-square-o,
405
+ .flickr.stack-square-o .fa-flickr, .flickr.btn-social-outline,
406
+ .flickr.btn-social-outline .fa-flickr {
282
407
  color: #0063dc;
283
408
  }
284
- .flickr.stack-square-o:hover, .flickr.stack-square-o:focus {
409
+ .flickr.stack-square-o:hover, .flickr.stack-square-o:focus, .flickr.btn-social-outline:hover, .flickr.btn-social-outline:focus {
285
410
  box-shadow: inset 1px 1px 1px rgba(67, 152, 255, 0.3), inset 2px 2px 1px rgba(67, 152, 255, 0.3), inset 3px 3px 1px rgba(67, 152, 255, 0.3), inset 4px 4px 1px rgba(67, 152, 255, 0.3), inset 5px 5px 1px rgba(67, 152, 255, 0.3), inset 6px 6px 1px rgba(67, 152, 255, 0.3);
286
411
  }
287
- .flickr.stack-square-o:hover .fa-flickr, .flickr.stack-square-o:focus .fa-flickr {
412
+ .flickr.stack-square-o:hover,
413
+ .flickr.stack-square-o:hover .fa-flickr, .flickr.stack-square-o:focus,
414
+ .flickr.stack-square-o:focus .fa-flickr, .flickr.btn-social-outline:hover,
415
+ .flickr.btn-social-outline:hover .fa-flickr, .flickr.btn-social-outline:focus,
416
+ .flickr.btn-social-outline:focus .fa-flickr {
288
417
  text-shadow: 1px 1px 1px rgba(67, 152, 255, 0.3), 2px 2px 1px rgba(67, 152, 255, 0.3), 3px 3px 1px rgba(67, 152, 255, 0.3), 4px 4px 1px rgba(67, 152, 255, 0.3), 5px 5px 1px rgba(67, 152, 255, 0.3), 6px 6px 1px rgba(67, 152, 255, 0.3);
289
418
  }
290
419
 
291
- .github.stack-circle, .github.stack-square {
420
+ .github.btn-social,
421
+ .github.stack-circle,
422
+ .github.stack-square {
292
423
  background-color: #333333;
293
424
  }
294
- .github.stack-square-o {
425
+
426
+ .github.btn-social:hover, .github.btn-social:focus, .github.stack-circle:hover, .github.stack-circle:focus, .github.stack-square:hover, .github.stack-square:focus {
427
+ background-color: #3b3b3b;
428
+ }
429
+ .github.stack-square-o, .github.btn-social-outline {
295
430
  border-color: #333333;
296
431
  }
297
- .github.stack-square-o .fa-github {
432
+ .github.stack-square-o,
433
+ .github.stack-square-o .fa-github, .github.btn-social-outline,
434
+ .github.btn-social-outline .fa-github {
298
435
  color: #333333;
299
436
  }
300
- .github.stack-square-o:hover, .github.stack-square-o:focus {
437
+ .github.stack-square-o:hover, .github.stack-square-o:focus, .github.btn-social-outline:hover, .github.btn-social-outline:focus {
301
438
  box-shadow: inset 1px 1px 1px rgba(102, 102, 102, 0.3), inset 2px 2px 1px rgba(102, 102, 102, 0.3), inset 3px 3px 1px rgba(102, 102, 102, 0.3), inset 4px 4px 1px rgba(102, 102, 102, 0.3), inset 5px 5px 1px rgba(102, 102, 102, 0.3), inset 6px 6px 1px rgba(102, 102, 102, 0.3);
302
439
  }
303
- .github.stack-square-o:hover .fa-github, .github.stack-square-o:focus .fa-github {
440
+ .github.stack-square-o:hover,
441
+ .github.stack-square-o:hover .fa-github, .github.stack-square-o:focus,
442
+ .github.stack-square-o:focus .fa-github, .github.btn-social-outline:hover,
443
+ .github.btn-social-outline:hover .fa-github, .github.btn-social-outline:focus,
444
+ .github.btn-social-outline:focus .fa-github {
304
445
  text-shadow: 1px 1px 1px rgba(102, 102, 102, 0.3), 2px 2px 1px rgba(102, 102, 102, 0.3), 3px 3px 1px rgba(102, 102, 102, 0.3), 4px 4px 1px rgba(102, 102, 102, 0.3), 5px 5px 1px rgba(102, 102, 102, 0.3), 6px 6px 1px rgba(102, 102, 102, 0.3);
305
446
  }
306
447
 
307
- .gitlab.stack-circle, .gitlab.stack-square {
448
+ .gitlab.btn-social,
449
+ .gitlab.stack-circle,
450
+ .gitlab.stack-square {
308
451
  background-color: #fca326;
309
452
  }
310
- .gitlab.stack-circle:hover .fa-gitlab, .gitlab.stack-circle:focus .fa-gitlab, .gitlab.stack-square:hover .fa-gitlab, .gitlab.stack-square:focus .fa-gitlab {
453
+
454
+ .gitlab.btn-social:hover, .gitlab.btn-social:hover .fa, .gitlab.btn-social:focus, .gitlab.btn-social:focus .fa, .gitlab.stack-circle:hover, .gitlab.stack-circle:hover .fa, .gitlab.stack-circle:focus, .gitlab.stack-circle:focus .fa, .gitlab.stack-square:hover, .gitlab.stack-square:hover .fa, .gitlab.stack-square:focus, .gitlab.stack-square:focus .fa {
311
455
  color: #fdb858;
312
456
  }
313
- .gitlab.stack-square-o {
457
+ .gitlab.stack-square-o, .gitlab.btn-social-outline {
314
458
  border-color: #fca326;
315
459
  }
316
- .gitlab.stack-square-o .fa-gitlab {
460
+ .gitlab.stack-square-o,
461
+ .gitlab.stack-square-o .fa-gitlab, .gitlab.btn-social-outline,
462
+ .gitlab.btn-social-outline .fa-gitlab {
317
463
  color: #fca326;
318
464
  }
319
- .gitlab.stack-square-o:hover, .gitlab.stack-square-o:focus {
465
+ .gitlab.stack-square-o:hover, .gitlab.stack-square-o:focus, .gitlab.btn-social-outline:hover, .gitlab.btn-social-outline:focus {
320
466
  box-shadow: inset 1px 1px 1px rgba(253, 206, 139, 0.3), inset 2px 2px 1px rgba(253, 206, 139, 0.3), inset 3px 3px 1px rgba(253, 206, 139, 0.3), inset 4px 4px 1px rgba(253, 206, 139, 0.3), inset 5px 5px 1px rgba(253, 206, 139, 0.3), inset 6px 6px 1px rgba(253, 206, 139, 0.3);
321
467
  }
322
- .gitlab.stack-square-o:hover .fa-gitlab, .gitlab.stack-square-o:focus .fa-gitlab {
468
+ .gitlab.stack-square-o:hover,
469
+ .gitlab.stack-square-o:hover .fa-gitlab, .gitlab.stack-square-o:focus,
470
+ .gitlab.stack-square-o:focus .fa-gitlab, .gitlab.btn-social-outline:hover,
471
+ .gitlab.btn-social-outline:hover .fa-gitlab, .gitlab.btn-social-outline:focus,
472
+ .gitlab.btn-social-outline:focus .fa-gitlab {
323
473
  text-shadow: 1px 1px 1px rgba(253, 206, 139, 0.3), 2px 2px 1px rgba(253, 206, 139, 0.3), 3px 3px 1px rgba(253, 206, 139, 0.3), 4px 4px 1px rgba(253, 206, 139, 0.3), 5px 5px 1px rgba(253, 206, 139, 0.3), 6px 6px 1px rgba(253, 206, 139, 0.3);
324
474
  }
325
475
 
326
- .google-plus.stack-circle, .google-plus.stack-square {
476
+ .google-plus.btn-social,
477
+ .google-plus.stack-circle,
478
+ .google-plus.stack-square {
327
479
  background-color: #db3236;
328
480
  }
329
- .google-plus.stack-circle:hover .fa-google-plus, .google-plus.stack-circle:focus .fa-google-plus, .google-plus.stack-square:hover .fa-google-plus, .google-plus.stack-square:focus .fa-google-plus {
481
+
482
+ .google-plus.btn-social:hover, .google-plus.btn-social:hover .fa, .google-plus.btn-social:focus, .google-plus.btn-social:focus .fa, .google-plus.stack-circle:hover, .google-plus.stack-circle:hover .fa, .google-plus.stack-circle:focus, .google-plus.stack-circle:focus .fa, .google-plus.stack-square:hover, .google-plus.stack-square:hover .fa, .google-plus.stack-square:focus, .google-plus.stack-square:focus .fa {
330
483
  color: #e35d61;
331
484
  }
332
- .google-plus.stack-square-o {
485
+ .google-plus.stack-square-o, .google-plus.btn-social-outline {
333
486
  border-color: #db3236;
334
487
  }
335
- .google-plus.stack-square-o .fa-google-plus {
488
+ .google-plus.stack-square-o,
489
+ .google-plus.stack-square-o .fa-google-plus, .google-plus.btn-social-outline,
490
+ .google-plus.btn-social-outline .fa-google-plus {
336
491
  color: #db3236;
337
492
  }
338
- .google-plus.stack-square-o:hover, .google-plus.stack-square-o:focus {
493
+ .google-plus.stack-square-o:hover, .google-plus.stack-square-o:focus, .google-plus.btn-social-outline:hover, .google-plus.btn-social-outline:focus {
339
494
  box-shadow: inset 1px 1px 1px rgba(234, 137, 139, 0.3), inset 2px 2px 1px rgba(234, 137, 139, 0.3), inset 3px 3px 1px rgba(234, 137, 139, 0.3), inset 4px 4px 1px rgba(234, 137, 139, 0.3), inset 5px 5px 1px rgba(234, 137, 139, 0.3), inset 6px 6px 1px rgba(234, 137, 139, 0.3);
340
495
  }
341
- .google-plus.stack-square-o:hover .fa-google-plus, .google-plus.stack-square-o:focus .fa-google-plus {
496
+ .google-plus.stack-square-o:hover,
497
+ .google-plus.stack-square-o:hover .fa-google-plus, .google-plus.stack-square-o:focus,
498
+ .google-plus.stack-square-o:focus .fa-google-plus, .google-plus.btn-social-outline:hover,
499
+ .google-plus.btn-social-outline:hover .fa-google-plus, .google-plus.btn-social-outline:focus,
500
+ .google-plus.btn-social-outline:focus .fa-google-plus {
342
501
  text-shadow: 1px 1px 1px rgba(234, 137, 139, 0.3), 2px 2px 1px rgba(234, 137, 139, 0.3), 3px 3px 1px rgba(234, 137, 139, 0.3), 4px 4px 1px rgba(234, 137, 139, 0.3), 5px 5px 1px rgba(234, 137, 139, 0.3), 6px 6px 1px rgba(234, 137, 139, 0.3);
343
502
  }
344
503
 
345
- .houzz.stack-circle, .houzz.stack-square {
504
+ .houzz.btn-social,
505
+ .houzz.stack-circle,
506
+ .houzz.stack-square {
346
507
  background-color: #7ac142;
347
508
  }
348
- .houzz.stack-circle:hover .fa-houzz, .houzz.stack-circle:focus .fa-houzz, .houzz.stack-square:hover .fa-houzz, .houzz.stack-square:focus .fa-houzz {
509
+
510
+ .houzz.btn-social:hover, .houzz.btn-social:hover .fa, .houzz.btn-social:focus, .houzz.btn-social:focus .fa, .houzz.stack-circle:hover, .houzz.stack-circle:hover .fa, .houzz.stack-circle:focus, .houzz.stack-circle:focus .fa, .houzz.stack-square:hover, .houzz.stack-square:hover .fa, .houzz.stack-square:focus, .houzz.stack-square:focus .fa {
349
511
  color: #95ce68;
350
512
  }
351
- .houzz.stack-square-o {
513
+ .houzz.stack-square-o, .houzz.btn-social-outline {
352
514
  border-color: #7ac142;
353
515
  }
354
- .houzz.stack-square-o .fa-houzz {
516
+ .houzz.stack-square-o,
517
+ .houzz.stack-square-o .fa-houzz, .houzz.btn-social-outline,
518
+ .houzz.btn-social-outline .fa-houzz {
355
519
  color: #7ac142;
356
520
  }
357
- .houzz.stack-square-o:hover, .houzz.stack-square-o:focus {
521
+ .houzz.stack-square-o:hover, .houzz.stack-square-o:focus, .houzz.btn-social-outline:hover, .houzz.btn-social-outline:focus {
358
522
  box-shadow: inset 1px 1px 1px rgba(176, 218, 143, 0.3), inset 2px 2px 1px rgba(176, 218, 143, 0.3), inset 3px 3px 1px rgba(176, 218, 143, 0.3), inset 4px 4px 1px rgba(176, 218, 143, 0.3), inset 5px 5px 1px rgba(176, 218, 143, 0.3), inset 6px 6px 1px rgba(176, 218, 143, 0.3);
359
523
  }
360
- .houzz.stack-square-o:hover .fa-houzz, .houzz.stack-square-o:focus .fa-houzz {
524
+ .houzz.stack-square-o:hover,
525
+ .houzz.stack-square-o:hover .fa-houzz, .houzz.stack-square-o:focus,
526
+ .houzz.stack-square-o:focus .fa-houzz, .houzz.btn-social-outline:hover,
527
+ .houzz.btn-social-outline:hover .fa-houzz, .houzz.btn-social-outline:focus,
528
+ .houzz.btn-social-outline:focus .fa-houzz {
361
529
  text-shadow: 1px 1px 1px rgba(176, 218, 143, 0.3), 2px 2px 1px rgba(176, 218, 143, 0.3), 3px 3px 1px rgba(176, 218, 143, 0.3), 4px 4px 1px rgba(176, 218, 143, 0.3), 5px 5px 1px rgba(176, 218, 143, 0.3), 6px 6px 1px rgba(176, 218, 143, 0.3);
362
530
  }
363
531
 
364
- .instagram.stack-circle, .instagram.stack-square {
532
+ .instagram.btn-social,
533
+ .instagram.stack-circle,
534
+ .instagram.stack-square {
365
535
  background-color: #405de6;
366
536
  }
367
- .instagram.stack-circle:hover .fa-instagram, .instagram.stack-circle:focus .fa-instagram, .instagram.stack-square:hover .fa-instagram, .instagram.stack-square:focus .fa-instagram {
537
+
538
+ .instagram.btn-social:hover, .instagram.btn-social:hover .fa, .instagram.btn-social:focus, .instagram.btn-social:focus .fa, .instagram.stack-circle:hover, .instagram.stack-circle:hover .fa, .instagram.stack-circle:focus, .instagram.stack-circle:focus .fa, .instagram.stack-square:hover, .instagram.stack-square:hover .fa, .instagram.stack-square:focus, .instagram.stack-square:focus .fa {
368
539
  color: #6d83ec;
369
540
  }
370
- .instagram.stack-square-o {
541
+ .instagram.stack-square-o, .instagram.btn-social-outline {
371
542
  border-color: #405de6;
372
543
  }
373
- .instagram.stack-square-o .fa-instagram {
544
+ .instagram.stack-square-o,
545
+ .instagram.stack-square-o .fa-instagram, .instagram.btn-social-outline,
546
+ .instagram.btn-social-outline .fa-instagram {
374
547
  color: #405de6;
375
548
  }
376
- .instagram.stack-square-o:hover, .instagram.stack-square-o:focus {
549
+ .instagram.stack-square-o:hover, .instagram.stack-square-o:focus, .instagram.btn-social-outline:hover, .instagram.btn-social-outline:focus {
377
550
  box-shadow: inset 1px 1px 1px rgba(154, 170, 242, 0.3), inset 2px 2px 1px rgba(154, 170, 242, 0.3), inset 3px 3px 1px rgba(154, 170, 242, 0.3), inset 4px 4px 1px rgba(154, 170, 242, 0.3), inset 5px 5px 1px rgba(154, 170, 242, 0.3), inset 6px 6px 1px rgba(154, 170, 242, 0.3);
378
551
  }
379
- .instagram.stack-square-o:hover .fa-instagram, .instagram.stack-square-o:focus .fa-instagram {
552
+ .instagram.stack-square-o:hover,
553
+ .instagram.stack-square-o:hover .fa-instagram, .instagram.stack-square-o:focus,
554
+ .instagram.stack-square-o:focus .fa-instagram, .instagram.btn-social-outline:hover,
555
+ .instagram.btn-social-outline:hover .fa-instagram, .instagram.btn-social-outline:focus,
556
+ .instagram.btn-social-outline:focus .fa-instagram {
380
557
  text-shadow: 1px 1px 1px rgba(154, 170, 242, 0.3), 2px 2px 1px rgba(154, 170, 242, 0.3), 3px 3px 1px rgba(154, 170, 242, 0.3), 4px 4px 1px rgba(154, 170, 242, 0.3), 5px 5px 1px rgba(154, 170, 242, 0.3), 6px 6px 1px rgba(154, 170, 242, 0.3);
381
558
  }
382
559
 
383
- .lastfm.stack-circle, .lastfm.stack-square {
560
+ .lastfm.btn-social,
561
+ .lastfm.stack-circle,
562
+ .lastfm.stack-square {
384
563
  background-color: #d51007;
385
564
  }
386
- .lastfm.stack-circle:hover .fa-lastfm, .lastfm.stack-circle:focus .fa-lastfm, .lastfm.stack-square:hover .fa-lastfm, .lastfm.stack-square:focus .fa-lastfm {
565
+
566
+ .lastfm.btn-social:hover, .lastfm.btn-social:hover .fa, .lastfm.btn-social:focus, .lastfm.btn-social:focus .fa, .lastfm.stack-circle:hover, .lastfm.stack-circle:hover .fa, .lastfm.stack-circle:focus, .lastfm.stack-circle:focus .fa, .lastfm.stack-square:hover, .lastfm.stack-square:hover .fa, .lastfm.stack-square:focus, .lastfm.stack-square:focus .fa {
387
567
  color: #f72118;
388
568
  }
389
- .lastfm.stack-square-o {
569
+ .lastfm.stack-square-o, .lastfm.btn-social-outline {
390
570
  border-color: #d51007;
391
571
  }
392
- .lastfm.stack-square-o .fa-lastfm {
572
+ .lastfm.stack-square-o,
573
+ .lastfm.stack-square-o .fa-lastfm, .lastfm.btn-social-outline,
574
+ .lastfm.btn-social-outline .fa-lastfm {
393
575
  color: #d51007;
394
576
  }
395
- .lastfm.stack-square-o:hover, .lastfm.stack-square-o:focus {
577
+ .lastfm.stack-square-o:hover, .lastfm.stack-square-o:focus, .lastfm.btn-social-outline:hover, .lastfm.btn-social-outline:focus {
396
578
  box-shadow: inset 1px 1px 1px rgba(249, 81, 73, 0.3), inset 2px 2px 1px rgba(249, 81, 73, 0.3), inset 3px 3px 1px rgba(249, 81, 73, 0.3), inset 4px 4px 1px rgba(249, 81, 73, 0.3), inset 5px 5px 1px rgba(249, 81, 73, 0.3), inset 6px 6px 1px rgba(249, 81, 73, 0.3);
397
579
  }
398
- .lastfm.stack-square-o:hover .fa-lastfm, .lastfm.stack-square-o:focus .fa-lastfm {
580
+ .lastfm.stack-square-o:hover,
581
+ .lastfm.stack-square-o:hover .fa-lastfm, .lastfm.stack-square-o:focus,
582
+ .lastfm.stack-square-o:focus .fa-lastfm, .lastfm.btn-social-outline:hover,
583
+ .lastfm.btn-social-outline:hover .fa-lastfm, .lastfm.btn-social-outline:focus,
584
+ .lastfm.btn-social-outline:focus .fa-lastfm {
399
585
  text-shadow: 1px 1px 1px rgba(249, 81, 73, 0.3), 2px 2px 1px rgba(249, 81, 73, 0.3), 3px 3px 1px rgba(249, 81, 73, 0.3), 4px 4px 1px rgba(249, 81, 73, 0.3), 5px 5px 1px rgba(249, 81, 73, 0.3), 6px 6px 1px rgba(249, 81, 73, 0.3);
400
586
  }
401
587
 
402
- .linkedin.stack-circle, .linkedin.stack-square {
588
+ .linkedin.btn-social,
589
+ .linkedin.stack-circle,
590
+ .linkedin.stack-square {
403
591
  background-color: #0077b5;
404
592
  }
405
- .linkedin.stack-circle:hover .fa-linkedin, .linkedin.stack-circle:focus .fa-linkedin, .linkedin.stack-square:hover .fa-linkedin, .linkedin.stack-square:focus .fa-linkedin {
593
+
594
+ .linkedin.btn-social:hover, .linkedin.btn-social:hover .fa, .linkedin.btn-social:focus, .linkedin.btn-social:focus .fa, .linkedin.stack-circle:hover, .linkedin.stack-circle:hover .fa, .linkedin.stack-circle:focus, .linkedin.stack-circle:focus .fa, .linkedin.stack-square:hover, .linkedin.stack-square:hover .fa, .linkedin.stack-square:focus, .linkedin.stack-square:focus .fa {
406
595
  color: #0099e8;
407
596
  }
408
- .linkedin.stack-square-o {
597
+ .linkedin.stack-square-o, .linkedin.btn-social-outline {
409
598
  border-color: #0077b5;
410
599
  }
411
- .linkedin.stack-square-o .fa-linkedin {
600
+ .linkedin.stack-square-o,
601
+ .linkedin.stack-square-o .fa-linkedin, .linkedin.btn-social-outline,
602
+ .linkedin.btn-social-outline .fa-linkedin {
412
603
  color: #0077b5;
413
604
  }
414
- .linkedin.stack-square-o:hover, .linkedin.stack-square-o:focus {
605
+ .linkedin.stack-square-o:hover, .linkedin.stack-square-o:focus, .linkedin.btn-social-outline:hover, .linkedin.btn-social-outline:focus {
415
606
  box-shadow: inset 1px 1px 1px rgba(28, 177, 255, 0.3), inset 2px 2px 1px rgba(28, 177, 255, 0.3), inset 3px 3px 1px rgba(28, 177, 255, 0.3), inset 4px 4px 1px rgba(28, 177, 255, 0.3), inset 5px 5px 1px rgba(28, 177, 255, 0.3), inset 6px 6px 1px rgba(28, 177, 255, 0.3);
416
607
  }
417
- .linkedin.stack-square-o:hover .fa-linkedin, .linkedin.stack-square-o:focus .fa-linkedin {
608
+ .linkedin.stack-square-o:hover,
609
+ .linkedin.stack-square-o:hover .fa-linkedin, .linkedin.stack-square-o:focus,
610
+ .linkedin.stack-square-o:focus .fa-linkedin, .linkedin.btn-social-outline:hover,
611
+ .linkedin.btn-social-outline:hover .fa-linkedin, .linkedin.btn-social-outline:focus,
612
+ .linkedin.btn-social-outline:focus .fa-linkedin {
418
613
  text-shadow: 1px 1px 1px rgba(28, 177, 255, 0.3), 2px 2px 1px rgba(28, 177, 255, 0.3), 3px 3px 1px rgba(28, 177, 255, 0.3), 4px 4px 1px rgba(28, 177, 255, 0.3), 5px 5px 1px rgba(28, 177, 255, 0.3), 6px 6px 1px rgba(28, 177, 255, 0.3);
419
614
  }
420
615
 
421
- .pinterest.stack-circle, .pinterest.stack-square {
616
+ .pinterest.btn-social,
617
+ .pinterest.stack-circle,
618
+ .pinterest.stack-square {
422
619
  background-color: #cb2027;
423
620
  }
424
- .pinterest.stack-circle:hover .fa-pinterest, .pinterest.stack-circle:focus .fa-pinterest, .pinterest.stack-square:hover .fa-pinterest, .pinterest.stack-square:focus .fa-pinterest {
621
+
622
+ .pinterest.btn-social:hover, .pinterest.btn-social:hover .fa, .pinterest.btn-social:focus, .pinterest.btn-social:focus .fa, .pinterest.stack-circle:hover, .pinterest.stack-circle:hover .fa, .pinterest.stack-circle:focus, .pinterest.stack-circle:focus .fa, .pinterest.stack-square:hover, .pinterest.stack-square:hover .fa, .pinterest.stack-square:focus, .pinterest.stack-square:focus .fa {
425
623
  color: #e03e44;
426
624
  }
427
- .pinterest.stack-square-o {
625
+ .pinterest.stack-square-o, .pinterest.btn-social-outline {
428
626
  border-color: #cb2027;
429
627
  }
430
- .pinterest.stack-square-o .fa-pinterest {
628
+ .pinterest.stack-square-o,
629
+ .pinterest.stack-square-o .fa-pinterest, .pinterest.btn-social-outline,
630
+ .pinterest.btn-social-outline .fa-pinterest {
431
631
  color: #cb2027;
432
632
  }
433
- .pinterest.stack-square-o:hover, .pinterest.stack-square-o:focus {
633
+ .pinterest.stack-square-o:hover, .pinterest.stack-square-o:focus, .pinterest.btn-social-outline:hover, .pinterest.btn-social-outline:focus {
434
634
  box-shadow: inset 1px 1px 1px rgba(231, 106, 111, 0.3), inset 2px 2px 1px rgba(231, 106, 111, 0.3), inset 3px 3px 1px rgba(231, 106, 111, 0.3), inset 4px 4px 1px rgba(231, 106, 111, 0.3), inset 5px 5px 1px rgba(231, 106, 111, 0.3), inset 6px 6px 1px rgba(231, 106, 111, 0.3);
435
635
  }
436
- .pinterest.stack-square-o:hover .fa-pinterest, .pinterest.stack-square-o:focus .fa-pinterest {
636
+ .pinterest.stack-square-o:hover,
637
+ .pinterest.stack-square-o:hover .fa-pinterest, .pinterest.stack-square-o:focus,
638
+ .pinterest.stack-square-o:focus .fa-pinterest, .pinterest.btn-social-outline:hover,
639
+ .pinterest.btn-social-outline:hover .fa-pinterest, .pinterest.btn-social-outline:focus,
640
+ .pinterest.btn-social-outline:focus .fa-pinterest {
437
641
  text-shadow: 1px 1px 1px rgba(231, 106, 111, 0.3), 2px 2px 1px rgba(231, 106, 111, 0.3), 3px 3px 1px rgba(231, 106, 111, 0.3), 4px 4px 1px rgba(231, 106, 111, 0.3), 5px 5px 1px rgba(231, 106, 111, 0.3), 6px 6px 1px rgba(231, 106, 111, 0.3);
438
642
  }
439
643
 
440
- .reddit.stack-circle, .reddit.stack-square {
644
+ .reddit.btn-social,
645
+ .reddit.stack-circle,
646
+ .reddit.stack-square {
441
647
  background-color: #ff4500;
442
648
  }
443
- .reddit.stack-circle:hover .fa-reddit, .reddit.stack-circle:focus .fa-reddit, .reddit.stack-square:hover .fa-reddit, .reddit.stack-square:focus .fa-reddit {
649
+
650
+ .reddit.btn-social:hover, .reddit.btn-social:hover .fa, .reddit.btn-social:focus, .reddit.btn-social:focus .fa, .reddit.stack-circle:hover, .reddit.stack-circle:hover .fa, .reddit.stack-circle:focus, .reddit.stack-circle:focus .fa, .reddit.stack-square:hover, .reddit.stack-square:hover .fa, .reddit.stack-square:focus, .reddit.stack-square:focus .fa {
444
651
  color: #ff6a33;
445
652
  }
446
- .reddit.stack-square-o {
653
+ .reddit.stack-square-o, .reddit.btn-social-outline {
447
654
  border-color: #ff4500;
448
655
  }
449
- .reddit.stack-square-o .fa-reddit {
656
+ .reddit.stack-square-o,
657
+ .reddit.stack-square-o .fa-reddit, .reddit.btn-social-outline,
658
+ .reddit.btn-social-outline .fa-reddit {
450
659
  color: #ff4500;
451
660
  }
452
- .reddit.stack-square-o:hover, .reddit.stack-square-o:focus {
661
+ .reddit.stack-square-o:hover, .reddit.stack-square-o:focus, .reddit.btn-social-outline:hover, .reddit.btn-social-outline:focus {
453
662
  box-shadow: inset 1px 1px 1px rgba(255, 143, 102, 0.3), inset 2px 2px 1px rgba(255, 143, 102, 0.3), inset 3px 3px 1px rgba(255, 143, 102, 0.3), inset 4px 4px 1px rgba(255, 143, 102, 0.3), inset 5px 5px 1px rgba(255, 143, 102, 0.3), inset 6px 6px 1px rgba(255, 143, 102, 0.3);
454
663
  }
455
- .reddit.stack-square-o:hover .fa-reddit, .reddit.stack-square-o:focus .fa-reddit {
664
+ .reddit.stack-square-o:hover,
665
+ .reddit.stack-square-o:hover .fa-reddit, .reddit.stack-square-o:focus,
666
+ .reddit.stack-square-o:focus .fa-reddit, .reddit.btn-social-outline:hover,
667
+ .reddit.btn-social-outline:hover .fa-reddit, .reddit.btn-social-outline:focus,
668
+ .reddit.btn-social-outline:focus .fa-reddit {
456
669
  text-shadow: 1px 1px 1px rgba(255, 143, 102, 0.3), 2px 2px 1px rgba(255, 143, 102, 0.3), 3px 3px 1px rgba(255, 143, 102, 0.3), 4px 4px 1px rgba(255, 143, 102, 0.3), 5px 5px 1px rgba(255, 143, 102, 0.3), 6px 6px 1px rgba(255, 143, 102, 0.3);
457
670
  }
458
671
 
459
- .rss.stack-circle, .rss.stack-square {
672
+ .rss.btn-social,
673
+ .rss.stack-circle,
674
+ .rss.stack-square {
460
675
  background-color: #f26522;
461
676
  }
462
- .rss.stack-circle:hover .fa-rss, .rss.stack-circle:focus .fa-rss, .rss.stack-square:hover .fa-rss, .rss.stack-square:focus .fa-rss {
677
+
678
+ .rss.btn-social:hover, .rss.btn-social:hover .fa, .rss.btn-social:focus, .rss.btn-social:focus .fa, .rss.stack-circle:hover, .rss.stack-circle:hover .fa, .rss.stack-circle:focus, .rss.stack-circle:focus .fa, .rss.stack-square:hover, .rss.stack-square:hover .fa, .rss.stack-square:focus, .rss.stack-square:focus .fa {
463
679
  color: #f58752;
464
680
  }
465
- .rss.stack-square-o {
681
+ .rss.stack-square-o, .rss.btn-social-outline {
466
682
  border-color: #f26522;
467
683
  }
468
- .rss.stack-square-o .fa-rss {
684
+ .rss.stack-square-o,
685
+ .rss.stack-square-o .fa-rss, .rss.btn-social-outline,
686
+ .rss.btn-social-outline .fa-rss {
469
687
  color: #f26522;
470
688
  }
471
- .rss.stack-square-o:hover, .rss.stack-square-o:focus {
689
+ .rss.stack-square-o:hover, .rss.stack-square-o:focus, .rss.btn-social-outline:hover, .rss.btn-social-outline:focus {
472
690
  box-shadow: inset 1px 1px 1px rgba(248, 168, 130, 0.3), inset 2px 2px 1px rgba(248, 168, 130, 0.3), inset 3px 3px 1px rgba(248, 168, 130, 0.3), inset 4px 4px 1px rgba(248, 168, 130, 0.3), inset 5px 5px 1px rgba(248, 168, 130, 0.3), inset 6px 6px 1px rgba(248, 168, 130, 0.3);
473
691
  }
474
- .rss.stack-square-o:hover .fa-rss, .rss.stack-square-o:focus .fa-rss {
692
+ .rss.stack-square-o:hover,
693
+ .rss.stack-square-o:hover .fa-rss, .rss.stack-square-o:focus,
694
+ .rss.stack-square-o:focus .fa-rss, .rss.btn-social-outline:hover,
695
+ .rss.btn-social-outline:hover .fa-rss, .rss.btn-social-outline:focus,
696
+ .rss.btn-social-outline:focus .fa-rss {
475
697
  text-shadow: 1px 1px 1px rgba(248, 168, 130, 0.3), 2px 2px 1px rgba(248, 168, 130, 0.3), 3px 3px 1px rgba(248, 168, 130, 0.3), 4px 4px 1px rgba(248, 168, 130, 0.3), 5px 5px 1px rgba(248, 168, 130, 0.3), 6px 6px 1px rgba(248, 168, 130, 0.3);
476
698
  }
477
699
 
478
- .skype.stack-circle, .skype.stack-square {
700
+ .skype.btn-social,
701
+ .skype.stack-circle,
702
+ .skype.stack-square {
479
703
  background-color: #00aff0;
480
704
  }
481
- .skype.stack-circle:hover .fa-skype, .skype.stack-circle:focus .fa-skype, .skype.stack-square:hover .fa-skype, .skype.stack-square:focus .fa-skype {
705
+
706
+ .skype.btn-social:hover, .skype.btn-social:hover .fa, .skype.btn-social:focus, .skype.btn-social:focus .fa, .skype.stack-circle:hover, .skype.stack-circle:hover .fa, .skype.stack-circle:focus, .skype.stack-circle:focus .fa, .skype.stack-square:hover, .skype.stack-square:hover .fa, .skype.stack-square:focus, .skype.stack-square:focus .fa {
482
707
  color: #24c4ff;
483
708
  }
484
- .skype.stack-square-o {
709
+ .skype.stack-square-o, .skype.btn-social-outline {
485
710
  border-color: #00aff0;
486
711
  }
487
- .skype.stack-square-o .fa-skype {
712
+ .skype.stack-square-o,
713
+ .skype.stack-square-o .fa-skype, .skype.btn-social-outline,
714
+ .skype.btn-social-outline .fa-skype {
488
715
  color: #00aff0;
489
716
  }
490
- .skype.stack-square-o:hover, .skype.stack-square-o:focus {
717
+ .skype.stack-square-o:hover, .skype.stack-square-o:focus, .skype.btn-social-outline:hover, .skype.btn-social-outline:focus {
491
718
  box-shadow: inset 1px 1px 1px rgba(87, 210, 255, 0.3), inset 2px 2px 1px rgba(87, 210, 255, 0.3), inset 3px 3px 1px rgba(87, 210, 255, 0.3), inset 4px 4px 1px rgba(87, 210, 255, 0.3), inset 5px 5px 1px rgba(87, 210, 255, 0.3), inset 6px 6px 1px rgba(87, 210, 255, 0.3);
492
719
  }
493
- .skype.stack-square-o:hover .fa-skype, .skype.stack-square-o:focus .fa-skype {
720
+ .skype.stack-square-o:hover,
721
+ .skype.stack-square-o:hover .fa-skype, .skype.stack-square-o:focus,
722
+ .skype.stack-square-o:focus .fa-skype, .skype.btn-social-outline:hover,
723
+ .skype.btn-social-outline:hover .fa-skype, .skype.btn-social-outline:focus,
724
+ .skype.btn-social-outline:focus .fa-skype {
494
725
  text-shadow: 1px 1px 1px rgba(87, 210, 255, 0.3), 2px 2px 1px rgba(87, 210, 255, 0.3), 3px 3px 1px rgba(87, 210, 255, 0.3), 4px 4px 1px rgba(87, 210, 255, 0.3), 5px 5px 1px rgba(87, 210, 255, 0.3), 6px 6px 1px rgba(87, 210, 255, 0.3);
495
726
  }
496
727
 
497
- .slack.stack-circle, .slack.stack-square {
728
+ .slack.btn-social,
729
+ .slack.stack-circle,
730
+ .slack.stack-square {
498
731
  background-color: #6ecadc;
499
732
  }
500
- .slack.stack-circle:hover .fa-slack, .slack.stack-circle:focus .fa-slack, .slack.stack-square:hover .fa-slack, .slack.stack-square:focus .fa-slack {
733
+
734
+ .slack.btn-social:hover, .slack.btn-social:hover .fa, .slack.btn-social:focus, .slack.btn-social:focus .fa, .slack.stack-circle:hover, .slack.stack-circle:hover .fa, .slack.stack-circle:focus, .slack.stack-circle:focus .fa, .slack.stack-square:hover, .slack.stack-square:hover .fa, .slack.stack-square:focus, .slack.stack-square:focus .fa {
501
735
  color: #97d9e6;
502
736
  }
503
- .slack.stack-square-o {
737
+ .slack.stack-square-o, .slack.btn-social-outline {
504
738
  border-color: #6ecadc;
505
739
  }
506
- .slack.stack-square-o .fa-slack {
740
+ .slack.stack-square-o,
741
+ .slack.stack-square-o .fa-slack, .slack.btn-social-outline,
742
+ .slack.btn-social-outline .fa-slack {
507
743
  color: #6ecadc;
508
744
  }
509
- .slack.stack-square-o:hover, .slack.stack-square-o:focus {
745
+ .slack.stack-square-o:hover, .slack.stack-square-o:focus, .slack.btn-social-outline:hover, .slack.btn-social-outline:focus {
510
746
  box-shadow: inset 1px 1px 1px rgba(192, 232, 240, 0.3), inset 2px 2px 1px rgba(192, 232, 240, 0.3), inset 3px 3px 1px rgba(192, 232, 240, 0.3), inset 4px 4px 1px rgba(192, 232, 240, 0.3), inset 5px 5px 1px rgba(192, 232, 240, 0.3), inset 6px 6px 1px rgba(192, 232, 240, 0.3);
511
747
  }
512
- .slack.stack-square-o:hover .fa-slack, .slack.stack-square-o:focus .fa-slack {
748
+ .slack.stack-square-o:hover,
749
+ .slack.stack-square-o:hover .fa-slack, .slack.stack-square-o:focus,
750
+ .slack.stack-square-o:focus .fa-slack, .slack.btn-social-outline:hover,
751
+ .slack.btn-social-outline:hover .fa-slack, .slack.btn-social-outline:focus,
752
+ .slack.btn-social-outline:focus .fa-slack {
513
753
  text-shadow: 1px 1px 1px rgba(192, 232, 240, 0.3), 2px 2px 1px rgba(192, 232, 240, 0.3), 3px 3px 1px rgba(192, 232, 240, 0.3), 4px 4px 1px rgba(192, 232, 240, 0.3), 5px 5px 1px rgba(192, 232, 240, 0.3), 6px 6px 1px rgba(192, 232, 240, 0.3);
514
754
  }
515
755
 
516
- .snapchat.stack-circle, .snapchat.stack-square {
756
+ .snapchat.btn-social,
757
+ .snapchat.stack-circle,
758
+ .snapchat.stack-square {
517
759
  background-color: #fffc00;
518
760
  }
519
- .snapchat.stack-circle:hover .fa-snapchat, .snapchat.stack-circle:focus .fa-snapchat, .snapchat.stack-square:hover .fa-snapchat, .snapchat.stack-square:focus .fa-snapchat {
761
+
762
+ .snapchat.btn-social:hover, .snapchat.btn-social:hover .fa, .snapchat.btn-social:focus, .snapchat.btn-social:focus .fa, .snapchat.stack-circle:hover, .snapchat.stack-circle:hover .fa, .snapchat.stack-circle:focus, .snapchat.stack-circle:focus .fa, .snapchat.stack-square:hover, .snapchat.stack-square:hover .fa, .snapchat.stack-square:focus, .snapchat.stack-square:focus .fa {
520
763
  color: #fffd33;
521
764
  }
522
- .snapchat.stack-square-o {
765
+ .snapchat.stack-square-o, .snapchat.btn-social-outline {
523
766
  border-color: #fffc00;
524
767
  }
525
- .snapchat.stack-square-o .fa-snapchat {
768
+ .snapchat.stack-square-o,
769
+ .snapchat.stack-square-o .fa-snapchat, .snapchat.btn-social-outline,
770
+ .snapchat.btn-social-outline .fa-snapchat {
526
771
  color: #fffc00;
527
772
  }
528
- .snapchat.stack-square-o:hover, .snapchat.stack-square-o:focus {
773
+ .snapchat.stack-square-o:hover, .snapchat.stack-square-o:focus, .snapchat.btn-social-outline:hover, .snapchat.btn-social-outline:focus {
529
774
  box-shadow: inset 1px 1px 1px rgba(255, 253, 102, 0.3), inset 2px 2px 1px rgba(255, 253, 102, 0.3), inset 3px 3px 1px rgba(255, 253, 102, 0.3), inset 4px 4px 1px rgba(255, 253, 102, 0.3), inset 5px 5px 1px rgba(255, 253, 102, 0.3), inset 6px 6px 1px rgba(255, 253, 102, 0.3);
530
775
  }
531
- .snapchat.stack-square-o:hover .fa-snapchat, .snapchat.stack-square-o:focus .fa-snapchat {
776
+ .snapchat.stack-square-o:hover,
777
+ .snapchat.stack-square-o:hover .fa-snapchat, .snapchat.stack-square-o:focus,
778
+ .snapchat.stack-square-o:focus .fa-snapchat, .snapchat.btn-social-outline:hover,
779
+ .snapchat.btn-social-outline:hover .fa-snapchat, .snapchat.btn-social-outline:focus,
780
+ .snapchat.btn-social-outline:focus .fa-snapchat {
532
781
  text-shadow: 1px 1px 1px rgba(255, 253, 102, 0.3), 2px 2px 1px rgba(255, 253, 102, 0.3), 3px 3px 1px rgba(255, 253, 102, 0.3), 4px 4px 1px rgba(255, 253, 102, 0.3), 5px 5px 1px rgba(255, 253, 102, 0.3), 6px 6px 1px rgba(255, 253, 102, 0.3);
533
782
  }
534
783
 
535
- .soundcloud.stack-circle, .soundcloud.stack-square {
784
+ .soundcloud.btn-social,
785
+ .soundcloud.stack-circle,
786
+ .soundcloud.stack-square {
536
787
  background-color: #ff8800;
537
788
  }
538
- .soundcloud.stack-circle:hover .fa-soundcloud, .soundcloud.stack-circle:focus .fa-soundcloud, .soundcloud.stack-square:hover .fa-soundcloud, .soundcloud.stack-square:focus .fa-soundcloud {
789
+
790
+ .soundcloud.btn-social:hover, .soundcloud.btn-social:hover .fa, .soundcloud.btn-social:focus, .soundcloud.btn-social:focus .fa, .soundcloud.stack-circle:hover, .soundcloud.stack-circle:hover .fa, .soundcloud.stack-circle:focus, .soundcloud.stack-circle:focus .fa, .soundcloud.stack-square:hover, .soundcloud.stack-square:hover .fa, .soundcloud.stack-square:focus, .soundcloud.stack-square:focus .fa {
539
791
  color: #ffa033;
540
792
  }
541
- .soundcloud.stack-square-o {
793
+ .soundcloud.stack-square-o, .soundcloud.btn-social-outline {
542
794
  border-color: #ff8800;
543
795
  }
544
- .soundcloud.stack-square-o .fa-soundcloud {
796
+ .soundcloud.stack-square-o,
797
+ .soundcloud.stack-square-o .fa-soundcloud, .soundcloud.btn-social-outline,
798
+ .soundcloud.btn-social-outline .fa-soundcloud {
545
799
  color: #ff8800;
546
800
  }
547
- .soundcloud.stack-square-o:hover, .soundcloud.stack-square-o:focus {
801
+ .soundcloud.stack-square-o:hover, .soundcloud.stack-square-o:focus, .soundcloud.btn-social-outline:hover, .soundcloud.btn-social-outline:focus {
548
802
  box-shadow: inset 1px 1px 1px rgba(255, 184, 102, 0.3), inset 2px 2px 1px rgba(255, 184, 102, 0.3), inset 3px 3px 1px rgba(255, 184, 102, 0.3), inset 4px 4px 1px rgba(255, 184, 102, 0.3), inset 5px 5px 1px rgba(255, 184, 102, 0.3), inset 6px 6px 1px rgba(255, 184, 102, 0.3);
549
803
  }
550
- .soundcloud.stack-square-o:hover .fa-soundcloud, .soundcloud.stack-square-o:focus .fa-soundcloud {
804
+ .soundcloud.stack-square-o:hover,
805
+ .soundcloud.stack-square-o:hover .fa-soundcloud, .soundcloud.stack-square-o:focus,
806
+ .soundcloud.stack-square-o:focus .fa-soundcloud, .soundcloud.btn-social-outline:hover,
807
+ .soundcloud.btn-social-outline:hover .fa-soundcloud, .soundcloud.btn-social-outline:focus,
808
+ .soundcloud.btn-social-outline:focus .fa-soundcloud {
551
809
  text-shadow: 1px 1px 1px rgba(255, 184, 102, 0.3), 2px 2px 1px rgba(255, 184, 102, 0.3), 3px 3px 1px rgba(255, 184, 102, 0.3), 4px 4px 1px rgba(255, 184, 102, 0.3), 5px 5px 1px rgba(255, 184, 102, 0.3), 6px 6px 1px rgba(255, 184, 102, 0.3);
552
810
  }
553
811
 
554
- .spotify.stack-circle, .spotify.stack-square {
812
+ .spotify.btn-social,
813
+ .spotify.stack-circle,
814
+ .spotify.stack-square {
555
815
  background-color: #2ebd59;
556
816
  }
557
- .spotify.stack-circle:hover .fa-spotify, .spotify.stack-circle:focus .fa-spotify, .spotify.stack-square:hover .fa-spotify, .spotify.stack-square:focus .fa-spotify {
817
+
818
+ .spotify.btn-social:hover, .spotify.btn-social:hover .fa, .spotify.btn-social:focus, .spotify.btn-social:focus .fa, .spotify.stack-circle:hover, .spotify.stack-circle:hover .fa, .spotify.stack-circle:focus, .spotify.stack-circle:focus .fa, .spotify.stack-square:hover, .spotify.stack-square:hover .fa, .spotify.stack-square:focus, .spotify.stack-square:focus .fa {
558
819
  color: #4bd374;
559
820
  }
560
- .spotify.stack-square-o {
821
+ .spotify.stack-square-o, .spotify.btn-social-outline {
561
822
  border-color: #2ebd59;
562
823
  }
563
- .spotify.stack-square-o .fa-spotify {
824
+ .spotify.stack-square-o,
825
+ .spotify.stack-square-o .fa-spotify, .spotify.btn-social-outline,
826
+ .spotify.btn-social-outline .fa-spotify {
564
827
  color: #2ebd59;
565
828
  }
566
- .spotify.stack-square-o:hover, .spotify.stack-square-o:focus {
829
+ .spotify.stack-square-o:hover, .spotify.stack-square-o:focus, .spotify.btn-social-outline:hover, .spotify.btn-social-outline:focus {
567
830
  box-shadow: inset 1px 1px 1px rgba(116, 221, 148, 0.3), inset 2px 2px 1px rgba(116, 221, 148, 0.3), inset 3px 3px 1px rgba(116, 221, 148, 0.3), inset 4px 4px 1px rgba(116, 221, 148, 0.3), inset 5px 5px 1px rgba(116, 221, 148, 0.3), inset 6px 6px 1px rgba(116, 221, 148, 0.3);
568
831
  }
569
- .spotify.stack-square-o:hover .fa-spotify, .spotify.stack-square-o:focus .fa-spotify {
832
+ .spotify.stack-square-o:hover,
833
+ .spotify.stack-square-o:hover .fa-spotify, .spotify.stack-square-o:focus,
834
+ .spotify.stack-square-o:focus .fa-spotify, .spotify.btn-social-outline:hover,
835
+ .spotify.btn-social-outline:hover .fa-spotify, .spotify.btn-social-outline:focus,
836
+ .spotify.btn-social-outline:focus .fa-spotify {
570
837
  text-shadow: 1px 1px 1px rgba(116, 221, 148, 0.3), 2px 2px 1px rgba(116, 221, 148, 0.3), 3px 3px 1px rgba(116, 221, 148, 0.3), 4px 4px 1px rgba(116, 221, 148, 0.3), 5px 5px 1px rgba(116, 221, 148, 0.3), 6px 6px 1px rgba(116, 221, 148, 0.3);
571
838
  }
572
839
 
573
- .stack-exchange.stack-circle, .stack-exchange.stack-square {
840
+ .stack-exchange.btn-social,
841
+ .stack-exchange.stack-circle,
842
+ .stack-exchange.stack-square {
574
843
  background-color: #1e5397;
575
844
  }
576
- .stack-exchange.stack-circle:hover .fa-stack-exchange, .stack-exchange.stack-circle:focus .fa-stack-exchange, .stack-exchange.stack-square:hover .fa-stack-exchange, .stack-exchange.stack-square:focus .fa-stack-exchange {
845
+
846
+ .stack-exchange.btn-social:hover, .stack-exchange.btn-social:hover .fa, .stack-exchange.btn-social:focus, .stack-exchange.btn-social:focus .fa, .stack-exchange.stack-circle:hover, .stack-exchange.stack-circle:hover .fa, .stack-exchange.stack-circle:focus, .stack-exchange.stack-circle:focus .fa, .stack-exchange.stack-square:hover, .stack-exchange.stack-square:hover .fa, .stack-exchange.stack-square:focus, .stack-exchange.stack-square:focus .fa {
577
847
  color: #266ac2;
578
848
  }
579
- .stack-exchange.stack-square-o {
849
+ .stack-exchange.stack-square-o, .stack-exchange.btn-social-outline {
580
850
  border-color: #1e5397;
581
851
  }
582
- .stack-exchange.stack-square-o .fa-stack-exchange {
852
+ .stack-exchange.stack-square-o,
853
+ .stack-exchange.stack-square-o .fa-stack-exchange, .stack-exchange.btn-social-outline,
854
+ .stack-exchange.btn-social-outline .fa-stack-exchange {
583
855
  color: #1e5397;
584
856
  }
585
- .stack-exchange.stack-square-o:hover, .stack-exchange.stack-square-o:focus {
857
+ .stack-exchange.stack-square-o:hover, .stack-exchange.stack-square-o:focus, .stack-exchange.btn-social-outline:hover, .stack-exchange.btn-social-outline:focus {
586
858
  box-shadow: inset 1px 1px 1px rgba(66, 132, 217, 0.3), inset 2px 2px 1px rgba(66, 132, 217, 0.3), inset 3px 3px 1px rgba(66, 132, 217, 0.3), inset 4px 4px 1px rgba(66, 132, 217, 0.3), inset 5px 5px 1px rgba(66, 132, 217, 0.3), inset 6px 6px 1px rgba(66, 132, 217, 0.3);
587
859
  }
588
- .stack-exchange.stack-square-o:hover .fa-stack-exchange, .stack-exchange.stack-square-o:focus .fa-stack-exchange {
860
+ .stack-exchange.stack-square-o:hover,
861
+ .stack-exchange.stack-square-o:hover .fa-stack-exchange, .stack-exchange.stack-square-o:focus,
862
+ .stack-exchange.stack-square-o:focus .fa-stack-exchange, .stack-exchange.btn-social-outline:hover,
863
+ .stack-exchange.btn-social-outline:hover .fa-stack-exchange, .stack-exchange.btn-social-outline:focus,
864
+ .stack-exchange.btn-social-outline:focus .fa-stack-exchange {
589
865
  text-shadow: 1px 1px 1px rgba(66, 132, 217, 0.3), 2px 2px 1px rgba(66, 132, 217, 0.3), 3px 3px 1px rgba(66, 132, 217, 0.3), 4px 4px 1px rgba(66, 132, 217, 0.3), 5px 5px 1px rgba(66, 132, 217, 0.3), 6px 6px 1px rgba(66, 132, 217, 0.3);
590
866
  }
591
867
 
592
- .stack-overflow.stack-circle, .stack-overflow.stack-square {
868
+ .stack-overflow.btn-social,
869
+ .stack-overflow.stack-circle,
870
+ .stack-overflow.stack-square {
593
871
  background-color: #f48024;
594
872
  }
595
- .stack-overflow.stack-circle:hover .fa-stack-overflow, .stack-overflow.stack-circle:focus .fa-stack-overflow, .stack-overflow.stack-square:hover .fa-stack-overflow, .stack-overflow.stack-square:focus .fa-stack-overflow {
873
+
874
+ .stack-overflow.btn-social:hover, .stack-overflow.btn-social:hover .fa, .stack-overflow.btn-social:focus, .stack-overflow.btn-social:focus .fa, .stack-overflow.stack-circle:hover, .stack-overflow.stack-circle:hover .fa, .stack-overflow.stack-circle:focus, .stack-overflow.stack-circle:focus .fa, .stack-overflow.stack-square:hover, .stack-overflow.stack-square:hover .fa, .stack-overflow.stack-square:focus, .stack-overflow.stack-square:focus .fa {
596
875
  color: #f69c55;
597
876
  }
598
- .stack-overflow.stack-square-o {
877
+ .stack-overflow.stack-square-o, .stack-overflow.btn-social-outline {
599
878
  border-color: #f48024;
600
879
  }
601
- .stack-overflow.stack-square-o .fa-stack-overflow {
880
+ .stack-overflow.stack-square-o,
881
+ .stack-overflow.stack-square-o .fa-stack-overflow, .stack-overflow.btn-social-outline,
882
+ .stack-overflow.btn-social-outline .fa-stack-overflow {
602
883
  color: #f48024;
603
884
  }
604
- .stack-overflow.stack-square-o:hover, .stack-overflow.stack-square-o:focus {
885
+ .stack-overflow.stack-square-o:hover, .stack-overflow.stack-square-o:focus, .stack-overflow.btn-social-outline:hover, .stack-overflow.btn-social-outline:focus {
605
886
  box-shadow: inset 1px 1px 1px rgba(249, 184, 133, 0.3), inset 2px 2px 1px rgba(249, 184, 133, 0.3), inset 3px 3px 1px rgba(249, 184, 133, 0.3), inset 4px 4px 1px rgba(249, 184, 133, 0.3), inset 5px 5px 1px rgba(249, 184, 133, 0.3), inset 6px 6px 1px rgba(249, 184, 133, 0.3);
606
887
  }
607
- .stack-overflow.stack-square-o:hover .fa-stack-overflow, .stack-overflow.stack-square-o:focus .fa-stack-overflow {
888
+ .stack-overflow.stack-square-o:hover,
889
+ .stack-overflow.stack-square-o:hover .fa-stack-overflow, .stack-overflow.stack-square-o:focus,
890
+ .stack-overflow.stack-square-o:focus .fa-stack-overflow, .stack-overflow.btn-social-outline:hover,
891
+ .stack-overflow.btn-social-outline:hover .fa-stack-overflow, .stack-overflow.btn-social-outline:focus,
892
+ .stack-overflow.btn-social-outline:focus .fa-stack-overflow {
608
893
  text-shadow: 1px 1px 1px rgba(249, 184, 133, 0.3), 2px 2px 1px rgba(249, 184, 133, 0.3), 3px 3px 1px rgba(249, 184, 133, 0.3), 4px 4px 1px rgba(249, 184, 133, 0.3), 5px 5px 1px rgba(249, 184, 133, 0.3), 6px 6px 1px rgba(249, 184, 133, 0.3);
609
894
  }
610
895
 
611
- .steam.stack-circle, .steam.stack-square {
896
+ .steam.btn-social,
897
+ .steam.stack-circle,
898
+ .steam.stack-square {
612
899
  background-color: #00adee;
613
900
  }
614
- .steam.stack-circle:hover .fa-steam, .steam.stack-circle:focus .fa-steam, .steam.stack-square:hover .fa-steam, .steam.stack-square:focus .fa-steam {
901
+
902
+ .steam.btn-social:hover, .steam.btn-social:hover .fa, .steam.btn-social:focus, .steam.btn-social:focus .fa, .steam.stack-circle:hover, .steam.stack-circle:hover .fa, .steam.stack-circle:focus, .steam.stack-circle:focus .fa, .steam.stack-square:hover, .steam.stack-square:hover .fa, .steam.stack-square:focus, .steam.stack-square:focus .fa {
615
903
  color: #22c3ff;
616
904
  }
617
- .steam.stack-square-o {
905
+ .steam.stack-square-o, .steam.btn-social-outline {
618
906
  border-color: #00adee;
619
907
  }
620
- .steam.stack-square-o .fa-steam {
908
+ .steam.stack-square-o,
909
+ .steam.stack-square-o .fa-steam, .steam.btn-social-outline,
910
+ .steam.btn-social-outline .fa-steam {
621
911
  color: #00adee;
622
912
  }
623
- .steam.stack-square-o:hover, .steam.stack-square-o:focus {
913
+ .steam.stack-square-o:hover, .steam.stack-square-o:focus, .steam.btn-social-outline:hover, .steam.btn-social-outline:focus {
624
914
  box-shadow: inset 1px 1px 1px rgba(85, 209, 255, 0.3), inset 2px 2px 1px rgba(85, 209, 255, 0.3), inset 3px 3px 1px rgba(85, 209, 255, 0.3), inset 4px 4px 1px rgba(85, 209, 255, 0.3), inset 5px 5px 1px rgba(85, 209, 255, 0.3), inset 6px 6px 1px rgba(85, 209, 255, 0.3);
625
915
  }
626
- .steam.stack-square-o:hover .fa-steam, .steam.stack-square-o:focus .fa-steam {
916
+ .steam.stack-square-o:hover,
917
+ .steam.stack-square-o:hover .fa-steam, .steam.stack-square-o:focus,
918
+ .steam.stack-square-o:focus .fa-steam, .steam.btn-social-outline:hover,
919
+ .steam.btn-social-outline:hover .fa-steam, .steam.btn-social-outline:focus,
920
+ .steam.btn-social-outline:focus .fa-steam {
627
921
  text-shadow: 1px 1px 1px rgba(85, 209, 255, 0.3), 2px 2px 1px rgba(85, 209, 255, 0.3), 3px 3px 1px rgba(85, 209, 255, 0.3), 4px 4px 1px rgba(85, 209, 255, 0.3), 5px 5px 1px rgba(85, 209, 255, 0.3), 6px 6px 1px rgba(85, 209, 255, 0.3);
628
922
  }
629
923
 
630
- .stumbleupon.stack-circle, .stumbleupon.stack-square {
924
+ .stumbleupon.btn-social,
925
+ .stumbleupon.stack-circle,
926
+ .stumbleupon.stack-square {
631
927
  background-color: #eb4924;
632
928
  }
633
- .stumbleupon.stack-circle:hover .fa-stumbleupon, .stumbleupon.stack-circle:focus .fa-stumbleupon, .stumbleupon.stack-square:hover .fa-stumbleupon, .stumbleupon.stack-square:focus .fa-stumbleupon {
929
+
930
+ .stumbleupon.btn-social:hover, .stumbleupon.btn-social:hover .fa, .stumbleupon.btn-social:focus, .stumbleupon.btn-social:focus .fa, .stumbleupon.stack-circle:hover, .stumbleupon.stack-circle:hover .fa, .stumbleupon.stack-circle:focus, .stumbleupon.stack-circle:focus .fa, .stumbleupon.stack-square:hover, .stumbleupon.stack-square:hover .fa, .stumbleupon.stack-square:focus, .stumbleupon.stack-square:focus .fa {
634
931
  color: #ef7053;
635
932
  }
636
- .stumbleupon.stack-square-o {
933
+ .stumbleupon.stack-square-o, .stumbleupon.btn-social-outline {
637
934
  border-color: #eb4924;
638
935
  }
639
- .stumbleupon.stack-square-o .fa-stumbleupon {
936
+ .stumbleupon.stack-square-o,
937
+ .stumbleupon.stack-square-o .fa-stumbleupon, .stumbleupon.btn-social-outline,
938
+ .stumbleupon.btn-social-outline .fa-stumbleupon {
640
939
  color: #eb4924;
641
940
  }
642
- .stumbleupon.stack-square-o:hover, .stumbleupon.stack-square-o:focus {
941
+ .stumbleupon.stack-square-o:hover, .stumbleupon.stack-square-o:focus, .stumbleupon.btn-social-outline:hover, .stumbleupon.btn-social-outline:focus {
643
942
  box-shadow: inset 1px 1px 1px rgba(244, 151, 129, 0.3), inset 2px 2px 1px rgba(244, 151, 129, 0.3), inset 3px 3px 1px rgba(244, 151, 129, 0.3), inset 4px 4px 1px rgba(244, 151, 129, 0.3), inset 5px 5px 1px rgba(244, 151, 129, 0.3), inset 6px 6px 1px rgba(244, 151, 129, 0.3);
644
943
  }
645
- .stumbleupon.stack-square-o:hover .fa-stumbleupon, .stumbleupon.stack-square-o:focus .fa-stumbleupon {
944
+ .stumbleupon.stack-square-o:hover,
945
+ .stumbleupon.stack-square-o:hover .fa-stumbleupon, .stumbleupon.stack-square-o:focus,
946
+ .stumbleupon.stack-square-o:focus .fa-stumbleupon, .stumbleupon.btn-social-outline:hover,
947
+ .stumbleupon.btn-social-outline:hover .fa-stumbleupon, .stumbleupon.btn-social-outline:focus,
948
+ .stumbleupon.btn-social-outline:focus .fa-stumbleupon {
646
949
  text-shadow: 1px 1px 1px rgba(244, 151, 129, 0.3), 2px 2px 1px rgba(244, 151, 129, 0.3), 3px 3px 1px rgba(244, 151, 129, 0.3), 4px 4px 1px rgba(244, 151, 129, 0.3), 5px 5px 1px rgba(244, 151, 129, 0.3), 6px 6px 1px rgba(244, 151, 129, 0.3);
647
950
  }
648
951
 
649
- .trello.stack-circle, .trello.stack-square {
952
+ .trello.btn-social,
953
+ .trello.stack-circle,
954
+ .trello.stack-square {
650
955
  background-color: #0079bf;
651
956
  }
652
- .trello.stack-circle:hover .fa-trello, .trello.stack-circle:focus .fa-trello, .trello.stack-square:hover .fa-trello, .trello.stack-square:focus .fa-trello {
957
+
958
+ .trello.btn-social:hover, .trello.btn-social:hover .fa, .trello.btn-social:focus, .trello.btn-social:focus .fa, .trello.stack-circle:hover, .trello.stack-circle:hover .fa, .trello.stack-circle:focus, .trello.stack-circle:focus .fa, .trello.stack-square:hover, .trello.stack-square:hover .fa, .trello.stack-square:focus, .trello.stack-square:focus .fa {
653
959
  color: #0099f2;
654
960
  }
655
- .trello.stack-square-o {
961
+ .trello.stack-square-o, .trello.btn-social-outline {
656
962
  border-color: #0079bf;
657
963
  }
658
- .trello.stack-square-o .fa-trello {
964
+ .trello.stack-square-o,
965
+ .trello.stack-square-o .fa-trello, .trello.btn-social-outline,
966
+ .trello.btn-social-outline .fa-trello {
659
967
  color: #0079bf;
660
968
  }
661
- .trello.stack-square-o:hover, .trello.stack-square-o:focus {
969
+ .trello.stack-square-o:hover, .trello.stack-square-o:focus, .trello.btn-social-outline:hover, .trello.btn-social-outline:focus {
662
970
  box-shadow: inset 1px 1px 1px rgba(38, 175, 255, 0.3), inset 2px 2px 1px rgba(38, 175, 255, 0.3), inset 3px 3px 1px rgba(38, 175, 255, 0.3), inset 4px 4px 1px rgba(38, 175, 255, 0.3), inset 5px 5px 1px rgba(38, 175, 255, 0.3), inset 6px 6px 1px rgba(38, 175, 255, 0.3);
663
971
  }
664
- .trello.stack-square-o:hover .fa-trello, .trello.stack-square-o:focus .fa-trello {
972
+ .trello.stack-square-o:hover,
973
+ .trello.stack-square-o:hover .fa-trello, .trello.stack-square-o:focus,
974
+ .trello.stack-square-o:focus .fa-trello, .trello.btn-social-outline:hover,
975
+ .trello.btn-social-outline:hover .fa-trello, .trello.btn-social-outline:focus,
976
+ .trello.btn-social-outline:focus .fa-trello {
665
977
  text-shadow: 1px 1px 1px rgba(38, 175, 255, 0.3), 2px 2px 1px rgba(38, 175, 255, 0.3), 3px 3px 1px rgba(38, 175, 255, 0.3), 4px 4px 1px rgba(38, 175, 255, 0.3), 5px 5px 1px rgba(38, 175, 255, 0.3), 6px 6px 1px rgba(38, 175, 255, 0.3);
666
978
  }
667
979
 
668
- .tripadvisor.stack-circle, .tripadvisor.stack-square {
980
+ .tripadvisor.btn-social,
981
+ .tripadvisor.stack-circle,
982
+ .tripadvisor.stack-square {
669
983
  background-color: #589442;
670
984
  }
671
- .tripadvisor.stack-circle:hover .fa-tripadvisor, .tripadvisor.stack-circle:focus .fa-tripadvisor, .tripadvisor.stack-square:hover .fa-tripadvisor, .tripadvisor.stack-square:focus .fa-tripadvisor {
985
+
986
+ .tripadvisor.btn-social:hover, .tripadvisor.btn-social:hover .fa, .tripadvisor.btn-social:focus, .tripadvisor.btn-social:focus .fa, .tripadvisor.stack-circle:hover, .tripadvisor.stack-circle:hover .fa, .tripadvisor.stack-circle:focus, .tripadvisor.stack-circle:focus .fa, .tripadvisor.stack-square:hover, .tripadvisor.stack-square:hover .fa, .tripadvisor.stack-square:focus, .tripadvisor.stack-square:focus .fa {
672
987
  color: #6fb356;
673
988
  }
674
- .tripadvisor.stack-square-o {
989
+ .tripadvisor.stack-square-o, .tripadvisor.btn-social-outline {
675
990
  border-color: #589442;
676
991
  }
677
- .tripadvisor.stack-square-o .fa-tripadvisor {
992
+ .tripadvisor.stack-square-o,
993
+ .tripadvisor.stack-square-o .fa-tripadvisor, .tripadvisor.btn-social-outline,
994
+ .tripadvisor.btn-social-outline .fa-tripadvisor {
678
995
  color: #589442;
679
996
  }
680
- .tripadvisor.stack-square-o:hover, .tripadvisor.stack-square-o:focus {
997
+ .tripadvisor.stack-square-o:hover, .tripadvisor.stack-square-o:focus, .tripadvisor.btn-social-outline:hover, .tripadvisor.btn-social-outline:focus {
681
998
  box-shadow: inset 1px 1px 1px rgba(141, 195, 121, 0.3), inset 2px 2px 1px rgba(141, 195, 121, 0.3), inset 3px 3px 1px rgba(141, 195, 121, 0.3), inset 4px 4px 1px rgba(141, 195, 121, 0.3), inset 5px 5px 1px rgba(141, 195, 121, 0.3), inset 6px 6px 1px rgba(141, 195, 121, 0.3);
682
999
  }
683
- .tripadvisor.stack-square-o:hover .fa-tripadvisor, .tripadvisor.stack-square-o:focus .fa-tripadvisor {
1000
+ .tripadvisor.stack-square-o:hover,
1001
+ .tripadvisor.stack-square-o:hover .fa-tripadvisor, .tripadvisor.stack-square-o:focus,
1002
+ .tripadvisor.stack-square-o:focus .fa-tripadvisor, .tripadvisor.btn-social-outline:hover,
1003
+ .tripadvisor.btn-social-outline:hover .fa-tripadvisor, .tripadvisor.btn-social-outline:focus,
1004
+ .tripadvisor.btn-social-outline:focus .fa-tripadvisor {
684
1005
  text-shadow: 1px 1px 1px rgba(141, 195, 121, 0.3), 2px 2px 1px rgba(141, 195, 121, 0.3), 3px 3px 1px rgba(141, 195, 121, 0.3), 4px 4px 1px rgba(141, 195, 121, 0.3), 5px 5px 1px rgba(141, 195, 121, 0.3), 6px 6px 1px rgba(141, 195, 121, 0.3);
685
1006
  }
686
1007
 
687
- .tumblr.stack-circle, .tumblr.stack-square {
1008
+ .tumblr.btn-social,
1009
+ .tumblr.stack-circle,
1010
+ .tumblr.stack-square {
688
1011
  background-color: #35465c;
689
1012
  }
690
- .tumblr.stack-square-o {
1013
+
1014
+ .tumblr.btn-social:hover, .tumblr.btn-social:focus, .tumblr.stack-circle:hover, .tumblr.stack-circle:focus, .tumblr.stack-square:hover, .tumblr.stack-square:focus {
1015
+ background-color: #3b4d66;
1016
+ }
1017
+ .tumblr.stack-square-o, .tumblr.btn-social-outline {
691
1018
  border-color: #35465c;
692
1019
  }
693
- .tumblr.stack-square-o .fa-tumblr {
1020
+ .tumblr.stack-square-o,
1021
+ .tumblr.stack-square-o .fa-tumblr, .tumblr.btn-social-outline,
1022
+ .tumblr.btn-social-outline .fa-tumblr {
694
1023
  color: #35465c;
695
1024
  }
696
- .tumblr.stack-square-o:hover, .tumblr.stack-square-o:focus {
1025
+ .tumblr.stack-square-o:hover, .tumblr.stack-square-o:focus, .tumblr.btn-social-outline:hover, .tumblr.btn-social-outline:focus {
697
1026
  box-shadow: inset 1px 1px 1px rgba(90, 119, 157, 0.3), inset 2px 2px 1px rgba(90, 119, 157, 0.3), inset 3px 3px 1px rgba(90, 119, 157, 0.3), inset 4px 4px 1px rgba(90, 119, 157, 0.3), inset 5px 5px 1px rgba(90, 119, 157, 0.3), inset 6px 6px 1px rgba(90, 119, 157, 0.3);
698
1027
  }
699
- .tumblr.stack-square-o:hover .fa-tumblr, .tumblr.stack-square-o:focus .fa-tumblr {
1028
+ .tumblr.stack-square-o:hover,
1029
+ .tumblr.stack-square-o:hover .fa-tumblr, .tumblr.stack-square-o:focus,
1030
+ .tumblr.stack-square-o:focus .fa-tumblr, .tumblr.btn-social-outline:hover,
1031
+ .tumblr.btn-social-outline:hover .fa-tumblr, .tumblr.btn-social-outline:focus,
1032
+ .tumblr.btn-social-outline:focus .fa-tumblr {
700
1033
  text-shadow: 1px 1px 1px rgba(90, 119, 157, 0.3), 2px 2px 1px rgba(90, 119, 157, 0.3), 3px 3px 1px rgba(90, 119, 157, 0.3), 4px 4px 1px rgba(90, 119, 157, 0.3), 5px 5px 1px rgba(90, 119, 157, 0.3), 6px 6px 1px rgba(90, 119, 157, 0.3);
701
1034
  }
702
1035
 
703
- .twitter.stack-circle, .twitter.stack-square {
1036
+ .twitter.btn-social,
1037
+ .twitter.stack-circle,
1038
+ .twitter.stack-square {
704
1039
  background-color: #1da1f2;
705
1040
  }
706
- .twitter.stack-circle:hover .fa-twitter, .twitter.stack-circle:focus .fa-twitter, .twitter.stack-square:hover .fa-twitter, .twitter.stack-square:focus .fa-twitter {
1041
+
1042
+ .twitter.btn-social:hover, .twitter.btn-social:hover .fa, .twitter.btn-social:focus, .twitter.btn-social:focus .fa, .twitter.stack-circle:hover, .twitter.stack-circle:hover .fa, .twitter.stack-circle:focus, .twitter.stack-circle:focus .fa, .twitter.stack-square:hover, .twitter.stack-square:hover .fa, .twitter.stack-square:focus, .twitter.stack-square:focus .fa {
707
1043
  color: #4db5f5;
708
1044
  }
709
- .twitter.stack-square-o {
1045
+ .twitter.stack-square-o, .twitter.btn-social-outline {
710
1046
  border-color: #1da1f2;
711
1047
  }
712
- .twitter.stack-square-o .fa-twitter {
1048
+ .twitter.stack-square-o,
1049
+ .twitter.stack-square-o .fa-twitter, .twitter.btn-social-outline,
1050
+ .twitter.btn-social-outline .fa-twitter {
713
1051
  color: #1da1f2;
714
1052
  }
715
- .twitter.stack-square-o:hover, .twitter.stack-square-o:focus {
1053
+ .twitter.stack-square-o:hover, .twitter.stack-square-o:focus, .twitter.btn-social-outline:hover, .twitter.btn-social-outline:focus {
716
1054
  box-shadow: inset 1px 1px 1px rgba(125, 201, 248, 0.3), inset 2px 2px 1px rgba(125, 201, 248, 0.3), inset 3px 3px 1px rgba(125, 201, 248, 0.3), inset 4px 4px 1px rgba(125, 201, 248, 0.3), inset 5px 5px 1px rgba(125, 201, 248, 0.3), inset 6px 6px 1px rgba(125, 201, 248, 0.3);
717
1055
  }
718
- .twitter.stack-square-o:hover .fa-twitter, .twitter.stack-square-o:focus .fa-twitter {
1056
+ .twitter.stack-square-o:hover,
1057
+ .twitter.stack-square-o:hover .fa-twitter, .twitter.stack-square-o:focus,
1058
+ .twitter.stack-square-o:focus .fa-twitter, .twitter.btn-social-outline:hover,
1059
+ .twitter.btn-social-outline:hover .fa-twitter, .twitter.btn-social-outline:focus,
1060
+ .twitter.btn-social-outline:focus .fa-twitter {
719
1061
  text-shadow: 1px 1px 1px rgba(125, 201, 248, 0.3), 2px 2px 1px rgba(125, 201, 248, 0.3), 3px 3px 1px rgba(125, 201, 248, 0.3), 4px 4px 1px rgba(125, 201, 248, 0.3), 5px 5px 1px rgba(125, 201, 248, 0.3), 6px 6px 1px rgba(125, 201, 248, 0.3);
720
1062
  }
721
1063
 
722
- .viadeo.stack-circle, .viadeo.stack-square {
1064
+ .viadeo.btn-social,
1065
+ .viadeo.stack-circle,
1066
+ .viadeo.stack-square {
723
1067
  background-color: #f07355;
724
1068
  }
725
- .viadeo.stack-circle:hover .fa-viadeo, .viadeo.stack-circle:focus .fa-viadeo, .viadeo.stack-square:hover .fa-viadeo, .viadeo.stack-square:focus .fa-viadeo {
1069
+
1070
+ .viadeo.btn-social:hover, .viadeo.btn-social:hover .fa, .viadeo.btn-social:focus, .viadeo.btn-social:focus .fa, .viadeo.stack-circle:hover, .viadeo.stack-circle:hover .fa, .viadeo.stack-circle:focus, .viadeo.stack-circle:focus .fa, .viadeo.stack-square:hover, .viadeo.stack-square:hover .fa, .viadeo.stack-square:focus, .viadeo.stack-square:focus .fa {
726
1071
  color: #f49a84;
727
1072
  }
728
- .viadeo.stack-square-o {
1073
+ .viadeo.stack-square-o, .viadeo.btn-social-outline {
729
1074
  border-color: #f07355;
730
1075
  }
731
- .viadeo.stack-square-o .fa-viadeo {
1076
+ .viadeo.stack-square-o,
1077
+ .viadeo.stack-square-o .fa-viadeo, .viadeo.btn-social-outline,
1078
+ .viadeo.btn-social-outline .fa-viadeo {
732
1079
  color: #f07355;
733
1080
  }
734
- .viadeo.stack-square-o:hover, .viadeo.stack-square-o:focus {
1081
+ .viadeo.stack-square-o:hover, .viadeo.stack-square-o:focus, .viadeo.btn-social-outline:hover, .viadeo.btn-social-outline:focus {
735
1082
  box-shadow: inset 1px 1px 1px rgba(248, 192, 179, 0.3), inset 2px 2px 1px rgba(248, 192, 179, 0.3), inset 3px 3px 1px rgba(248, 192, 179, 0.3), inset 4px 4px 1px rgba(248, 192, 179, 0.3), inset 5px 5px 1px rgba(248, 192, 179, 0.3), inset 6px 6px 1px rgba(248, 192, 179, 0.3);
736
1083
  }
737
- .viadeo.stack-square-o:hover .fa-viadeo, .viadeo.stack-square-o:focus .fa-viadeo {
1084
+ .viadeo.stack-square-o:hover,
1085
+ .viadeo.stack-square-o:hover .fa-viadeo, .viadeo.stack-square-o:focus,
1086
+ .viadeo.stack-square-o:focus .fa-viadeo, .viadeo.btn-social-outline:hover,
1087
+ .viadeo.btn-social-outline:hover .fa-viadeo, .viadeo.btn-social-outline:focus,
1088
+ .viadeo.btn-social-outline:focus .fa-viadeo {
738
1089
  text-shadow: 1px 1px 1px rgba(248, 192, 179, 0.3), 2px 2px 1px rgba(248, 192, 179, 0.3), 3px 3px 1px rgba(248, 192, 179, 0.3), 4px 4px 1px rgba(248, 192, 179, 0.3), 5px 5px 1px rgba(248, 192, 179, 0.3), 6px 6px 1px rgba(248, 192, 179, 0.3);
739
1090
  }
740
1091
 
741
- .vimeo.stack-circle, .vimeo.stack-square {
1092
+ .vimeo.btn-social,
1093
+ .vimeo.stack-circle,
1094
+ .vimeo.stack-square {
742
1095
  background-color: #162221;
743
1096
  }
744
- .vimeo.stack-square-o {
1097
+
1098
+ .vimeo.btn-social:hover, .vimeo.btn-social:focus, .vimeo.stack-circle:hover, .vimeo.stack-circle:focus, .vimeo.stack-square:hover, .vimeo.stack-square:focus {
1099
+ background-color: #1c2b2a;
1100
+ }
1101
+ .vimeo.stack-square-o, .vimeo.btn-social-outline {
745
1102
  border-color: #162221;
746
1103
  }
747
- .vimeo.stack-square-o .fa-vimeo {
1104
+ .vimeo.stack-square-o,
1105
+ .vimeo.stack-square-o .fa-vimeo, .vimeo.btn-social-outline,
1106
+ .vimeo.btn-social-outline .fa-vimeo {
748
1107
  color: #162221;
749
1108
  }
750
- .vimeo.stack-square-o:hover, .vimeo.stack-square-o:focus {
1109
+ .vimeo.stack-square-o:hover, .vimeo.stack-square-o:focus, .vimeo.btn-social-outline:hover, .vimeo.btn-social-outline:focus {
751
1110
  box-shadow: inset 1px 1px 1px rgba(62, 96, 93, 0.3), inset 2px 2px 1px rgba(62, 96, 93, 0.3), inset 3px 3px 1px rgba(62, 96, 93, 0.3), inset 4px 4px 1px rgba(62, 96, 93, 0.3), inset 5px 5px 1px rgba(62, 96, 93, 0.3), inset 6px 6px 1px rgba(62, 96, 93, 0.3);
752
1111
  }
753
- .vimeo.stack-square-o:hover .fa-vimeo, .vimeo.stack-square-o:focus .fa-vimeo {
1112
+ .vimeo.stack-square-o:hover,
1113
+ .vimeo.stack-square-o:hover .fa-vimeo, .vimeo.stack-square-o:focus,
1114
+ .vimeo.stack-square-o:focus .fa-vimeo, .vimeo.btn-social-outline:hover,
1115
+ .vimeo.btn-social-outline:hover .fa-vimeo, .vimeo.btn-social-outline:focus,
1116
+ .vimeo.btn-social-outline:focus .fa-vimeo {
754
1117
  text-shadow: 1px 1px 1px rgba(62, 96, 93, 0.3), 2px 2px 1px rgba(62, 96, 93, 0.3), 3px 3px 1px rgba(62, 96, 93, 0.3), 4px 4px 1px rgba(62, 96, 93, 0.3), 5px 5px 1px rgba(62, 96, 93, 0.3), 6px 6px 1px rgba(62, 96, 93, 0.3);
755
1118
  }
756
1119
 
757
- .vine.stack-circle, .vine.stack-square {
1120
+ .vine.btn-social,
1121
+ .vine.stack-circle,
1122
+ .vine.stack-square {
758
1123
  background-color: #00b488;
759
1124
  }
760
- .vine.stack-circle:hover .fa-vine, .vine.stack-circle:focus .fa-vine, .vine.stack-square:hover .fa-vine, .vine.stack-square:focus .fa-vine {
1125
+
1126
+ .vine.btn-social:hover, .vine.btn-social:hover .fa, .vine.btn-social:focus, .vine.btn-social:focus .fa, .vine.stack-circle:hover, .vine.stack-circle:hover .fa, .vine.stack-circle:focus, .vine.stack-circle:focus .fa, .vine.stack-square:hover, .vine.stack-square:hover .fa, .vine.stack-square:focus, .vine.stack-square:focus .fa {
761
1127
  color: #00e7af;
762
1128
  }
763
- .vine.stack-square-o {
1129
+ .vine.stack-square-o, .vine.btn-social-outline {
764
1130
  border-color: #00b488;
765
1131
  }
766
- .vine.stack-square-o .fa-vine {
1132
+ .vine.stack-square-o,
1133
+ .vine.stack-square-o .fa-vine, .vine.btn-social-outline,
1134
+ .vine.btn-social-outline .fa-vine {
767
1135
  color: #00b488;
768
1136
  }
769
- .vine.stack-square-o:hover, .vine.stack-square-o:focus {
1137
+ .vine.stack-square-o:hover, .vine.stack-square-o:focus, .vine.btn-social-outline:hover, .vine.btn-social-outline:focus {
770
1138
  box-shadow: inset 1px 1px 1px rgba(27, 255, 199, 0.3), inset 2px 2px 1px rgba(27, 255, 199, 0.3), inset 3px 3px 1px rgba(27, 255, 199, 0.3), inset 4px 4px 1px rgba(27, 255, 199, 0.3), inset 5px 5px 1px rgba(27, 255, 199, 0.3), inset 6px 6px 1px rgba(27, 255, 199, 0.3);
771
1139
  }
772
- .vine.stack-square-o:hover .fa-vine, .vine.stack-square-o:focus .fa-vine {
1140
+ .vine.stack-square-o:hover,
1141
+ .vine.stack-square-o:hover .fa-vine, .vine.stack-square-o:focus,
1142
+ .vine.stack-square-o:focus .fa-vine, .vine.btn-social-outline:hover,
1143
+ .vine.btn-social-outline:hover .fa-vine, .vine.btn-social-outline:focus,
1144
+ .vine.btn-social-outline:focus .fa-vine {
773
1145
  text-shadow: 1px 1px 1px rgba(27, 255, 199, 0.3), 2px 2px 1px rgba(27, 255, 199, 0.3), 3px 3px 1px rgba(27, 255, 199, 0.3), 4px 4px 1px rgba(27, 255, 199, 0.3), 5px 5px 1px rgba(27, 255, 199, 0.3), 6px 6px 1px rgba(27, 255, 199, 0.3);
774
1146
  }
775
1147
 
776
- .wechat.stack-circle, .wechat.stack-square {
1148
+ .wechat.btn-social,
1149
+ .wechat.stack-circle,
1150
+ .wechat.stack-square {
777
1151
  background-color: #7bb32e;
778
1152
  }
779
- .wechat.stack-circle:hover .fa-wechat, .wechat.stack-circle:focus .fa-wechat, .wechat.stack-square:hover .fa-wechat, .wechat.stack-square:focus .fa-wechat {
1153
+
1154
+ .wechat.btn-social:hover, .wechat.btn-social:hover .fa, .wechat.btn-social:focus, .wechat.btn-social:focus .fa, .wechat.stack-circle:hover, .wechat.stack-circle:hover .fa, .wechat.stack-circle:focus, .wechat.stack-circle:focus .fa, .wechat.stack-square:hover, .wechat.stack-square:hover .fa, .wechat.stack-square:focus, .wechat.stack-square:focus .fa {
780
1155
  color: #95cf45;
781
1156
  }
782
- .wechat.stack-square-o {
1157
+ .wechat.stack-square-o, .wechat.btn-social-outline {
783
1158
  border-color: #7bb32e;
784
1159
  }
785
- .wechat.stack-square-o .fa-wechat {
1160
+ .wechat.stack-square-o,
1161
+ .wechat.stack-square-o .fa-wechat, .wechat.btn-social-outline,
1162
+ .wechat.btn-social-outline .fa-wechat {
786
1163
  color: #7bb32e;
787
1164
  }
788
- .wechat.stack-square-o:hover, .wechat.stack-square-o:focus {
1165
+ .wechat.stack-square-o:hover, .wechat.stack-square-o:focus, .wechat.btn-social-outline:hover, .wechat.btn-social-outline:focus {
789
1166
  box-shadow: inset 1px 1px 1px rgba(172, 218, 109, 0.3), inset 2px 2px 1px rgba(172, 218, 109, 0.3), inset 3px 3px 1px rgba(172, 218, 109, 0.3), inset 4px 4px 1px rgba(172, 218, 109, 0.3), inset 5px 5px 1px rgba(172, 218, 109, 0.3), inset 6px 6px 1px rgba(172, 218, 109, 0.3);
790
1167
  }
791
- .wechat.stack-square-o:hover .fa-wechat, .wechat.stack-square-o:focus .fa-wechat {
1168
+ .wechat.stack-square-o:hover,
1169
+ .wechat.stack-square-o:hover .fa-wechat, .wechat.stack-square-o:focus,
1170
+ .wechat.stack-square-o:focus .fa-wechat, .wechat.btn-social-outline:hover,
1171
+ .wechat.btn-social-outline:hover .fa-wechat, .wechat.btn-social-outline:focus,
1172
+ .wechat.btn-social-outline:focus .fa-wechat {
792
1173
  text-shadow: 1px 1px 1px rgba(172, 218, 109, 0.3), 2px 2px 1px rgba(172, 218, 109, 0.3), 3px 3px 1px rgba(172, 218, 109, 0.3), 4px 4px 1px rgba(172, 218, 109, 0.3), 5px 5px 1px rgba(172, 218, 109, 0.3), 6px 6px 1px rgba(172, 218, 109, 0.3);
793
1174
  }
794
1175
 
795
- .whatsapp.stack-circle, .whatsapp.stack-square {
1176
+ .whatsapp.btn-social,
1177
+ .whatsapp.stack-circle,
1178
+ .whatsapp.stack-square {
796
1179
  background-color: #075e54;
797
1180
  }
798
- .whatsapp.stack-square-o {
1181
+
1182
+ .whatsapp.btn-social:hover, .whatsapp.btn-social:focus, .whatsapp.stack-circle:hover, .whatsapp.stack-circle:focus, .whatsapp.stack-square:hover, .whatsapp.stack-square:focus {
1183
+ background-color: #086c61;
1184
+ }
1185
+ .whatsapp.stack-square-o, .whatsapp.btn-social-outline {
799
1186
  border-color: #075e54;
800
1187
  }
801
- .whatsapp.stack-square-o .fa-whatsapp {
1188
+ .whatsapp.stack-square-o,
1189
+ .whatsapp.stack-square-o .fa-whatsapp, .whatsapp.btn-social-outline,
1190
+ .whatsapp.btn-social-outline .fa-whatsapp {
802
1191
  color: #075e54;
803
1192
  }
804
- .whatsapp.stack-square-o:hover, .whatsapp.stack-square-o:focus {
1193
+ .whatsapp.stack-square-o:hover, .whatsapp.stack-square-o:focus, .whatsapp.btn-social-outline:hover, .whatsapp.btn-social-outline:focus {
805
1194
  box-shadow: inset 1px 1px 1px rgba(14, 189, 169, 0.3), inset 2px 2px 1px rgba(14, 189, 169, 0.3), inset 3px 3px 1px rgba(14, 189, 169, 0.3), inset 4px 4px 1px rgba(14, 189, 169, 0.3), inset 5px 5px 1px rgba(14, 189, 169, 0.3), inset 6px 6px 1px rgba(14, 189, 169, 0.3);
806
1195
  }
807
- .whatsapp.stack-square-o:hover .fa-whatsapp, .whatsapp.stack-square-o:focus .fa-whatsapp {
1196
+ .whatsapp.stack-square-o:hover,
1197
+ .whatsapp.stack-square-o:hover .fa-whatsapp, .whatsapp.stack-square-o:focus,
1198
+ .whatsapp.stack-square-o:focus .fa-whatsapp, .whatsapp.btn-social-outline:hover,
1199
+ .whatsapp.btn-social-outline:hover .fa-whatsapp, .whatsapp.btn-social-outline:focus,
1200
+ .whatsapp.btn-social-outline:focus .fa-whatsapp {
808
1201
  text-shadow: 1px 1px 1px rgba(14, 189, 169, 0.3), 2px 2px 1px rgba(14, 189, 169, 0.3), 3px 3px 1px rgba(14, 189, 169, 0.3), 4px 4px 1px rgba(14, 189, 169, 0.3), 5px 5px 1px rgba(14, 189, 169, 0.3), 6px 6px 1px rgba(14, 189, 169, 0.3);
809
1202
  }
810
1203
 
811
- .yahoo.stack-circle, .yahoo.stack-square {
1204
+ .yahoo.btn-social,
1205
+ .yahoo.stack-circle,
1206
+ .yahoo.stack-square {
812
1207
  background-color: #410093;
813
1208
  }
814
- .yahoo.stack-square-o {
1209
+
1210
+ .yahoo.btn-social:hover, .yahoo.btn-social:focus, .yahoo.stack-circle:hover, .yahoo.stack-circle:focus, .yahoo.stack-square:hover, .yahoo.stack-square:focus {
1211
+ background-color: #4800a2;
1212
+ }
1213
+ .yahoo.stack-square-o, .yahoo.btn-social-outline {
815
1214
  border-color: #410093;
816
1215
  }
817
- .yahoo.stack-square-o .fa-yahoo {
1216
+ .yahoo.stack-square-o,
1217
+ .yahoo.stack-square-o .fa-yahoo, .yahoo.btn-social-outline,
1218
+ .yahoo.btn-social-outline .fa-yahoo {
818
1219
  color: #410093;
819
1220
  }
820
- .yahoo.stack-square-o:hover, .yahoo.stack-square-o:focus {
1221
+ .yahoo.stack-square-o:hover, .yahoo.stack-square-o:focus, .yahoo.btn-social-outline:hover, .yahoo.btn-social-outline:focus {
821
1222
  box-shadow: inset 1px 1px 1px rgba(110, 0, 249, 0.3), inset 2px 2px 1px rgba(110, 0, 249, 0.3), inset 3px 3px 1px rgba(110, 0, 249, 0.3), inset 4px 4px 1px rgba(110, 0, 249, 0.3), inset 5px 5px 1px rgba(110, 0, 249, 0.3), inset 6px 6px 1px rgba(110, 0, 249, 0.3);
822
1223
  }
823
- .yahoo.stack-square-o:hover .fa-yahoo, .yahoo.stack-square-o:focus .fa-yahoo {
1224
+ .yahoo.stack-square-o:hover,
1225
+ .yahoo.stack-square-o:hover .fa-yahoo, .yahoo.stack-square-o:focus,
1226
+ .yahoo.stack-square-o:focus .fa-yahoo, .yahoo.btn-social-outline:hover,
1227
+ .yahoo.btn-social-outline:hover .fa-yahoo, .yahoo.btn-social-outline:focus,
1228
+ .yahoo.btn-social-outline:focus .fa-yahoo {
824
1229
  text-shadow: 1px 1px 1px rgba(110, 0, 249, 0.3), 2px 2px 1px rgba(110, 0, 249, 0.3), 3px 3px 1px rgba(110, 0, 249, 0.3), 4px 4px 1px rgba(110, 0, 249, 0.3), 5px 5px 1px rgba(110, 0, 249, 0.3), 6px 6px 1px rgba(110, 0, 249, 0.3);
825
1230
  }
826
1231
 
827
- .yelp.stack-circle, .yelp.stack-square {
1232
+ .yelp.btn-social,
1233
+ .yelp.stack-circle,
1234
+ .yelp.stack-square {
828
1235
  background-color: #af0606;
829
1236
  }
830
- .yelp.stack-circle:hover .fa-yelp, .yelp.stack-circle:focus .fa-yelp, .yelp.stack-square:hover .fa-yelp, .yelp.stack-square:focus .fa-yelp {
1237
+
1238
+ .yelp.btn-social:hover, .yelp.btn-social:hover .fa, .yelp.btn-social:focus, .yelp.btn-social:focus .fa, .yelp.stack-circle:hover, .yelp.stack-circle:hover .fa, .yelp.stack-circle:focus, .yelp.stack-circle:focus .fa, .yelp.stack-square:hover, .yelp.stack-square:hover .fa, .yelp.stack-square:focus, .yelp.stack-square:focus .fa {
831
1239
  color: #e00808;
832
1240
  }
833
- .yelp.stack-square-o {
1241
+ .yelp.stack-square-o, .yelp.btn-social-outline {
834
1242
  border-color: #af0606;
835
1243
  }
836
- .yelp.stack-square-o .fa-yelp {
1244
+ .yelp.stack-square-o,
1245
+ .yelp.stack-square-o .fa-yelp, .yelp.btn-social-outline,
1246
+ .yelp.btn-social-outline .fa-yelp {
837
1247
  color: #af0606;
838
1248
  }
839
- .yelp.stack-square-o:hover, .yelp.stack-square-o:focus {
1249
+ .yelp.stack-square-o:hover, .yelp.stack-square-o:focus, .yelp.btn-social-outline:hover, .yelp.btn-social-outline:focus {
840
1250
  box-shadow: inset 1px 1px 1px rgba(247, 36, 36, 0.3), inset 2px 2px 1px rgba(247, 36, 36, 0.3), inset 3px 3px 1px rgba(247, 36, 36, 0.3), inset 4px 4px 1px rgba(247, 36, 36, 0.3), inset 5px 5px 1px rgba(247, 36, 36, 0.3), inset 6px 6px 1px rgba(247, 36, 36, 0.3);
841
1251
  }
842
- .yelp.stack-square-o:hover .fa-yelp, .yelp.stack-square-o:focus .fa-yelp {
1252
+ .yelp.stack-square-o:hover,
1253
+ .yelp.stack-square-o:hover .fa-yelp, .yelp.stack-square-o:focus,
1254
+ .yelp.stack-square-o:focus .fa-yelp, .yelp.btn-social-outline:hover,
1255
+ .yelp.btn-social-outline:hover .fa-yelp, .yelp.btn-social-outline:focus,
1256
+ .yelp.btn-social-outline:focus .fa-yelp {
843
1257
  text-shadow: 1px 1px 1px rgba(247, 36, 36, 0.3), 2px 2px 1px rgba(247, 36, 36, 0.3), 3px 3px 1px rgba(247, 36, 36, 0.3), 4px 4px 1px rgba(247, 36, 36, 0.3), 5px 5px 1px rgba(247, 36, 36, 0.3), 6px 6px 1px rgba(247, 36, 36, 0.3);
844
1258
  }
845
1259
 
846
- .youtube.stack-circle, .youtube.stack-square {
1260
+ .youtube.btn-social,
1261
+ .youtube.stack-circle,
1262
+ .youtube.stack-square {
847
1263
  background-color: #e52d27;
848
1264
  }
849
- .youtube.stack-circle:hover .fa-youtube, .youtube.stack-circle:focus .fa-youtube, .youtube.stack-square:hover .fa-youtube, .youtube.stack-square:focus .fa-youtube {
1265
+
1266
+ .youtube.btn-social:hover, .youtube.btn-social:hover .fa, .youtube.btn-social:focus, .youtube.btn-social:focus .fa, .youtube.stack-circle:hover, .youtube.stack-circle:hover .fa, .youtube.stack-circle:focus, .youtube.stack-circle:focus .fa, .youtube.stack-square:hover, .youtube.stack-square:hover .fa, .youtube.stack-square:focus, .youtube.stack-square:focus .fa {
850
1267
  color: #ea5955;
851
1268
  }
852
- .youtube.stack-square-o {
1269
+ .youtube.stack-square-o, .youtube.btn-social-outline {
853
1270
  border-color: #e52d27;
854
1271
  }
855
- .youtube.stack-square-o .fa-youtube {
1272
+ .youtube.stack-square-o,
1273
+ .youtube.stack-square-o .fa-youtube, .youtube.btn-social-outline,
1274
+ .youtube.btn-social-outline .fa-youtube {
856
1275
  color: #e52d27;
857
1276
  }
858
- .youtube.stack-square-o:hover, .youtube.stack-square-o:focus {
1277
+ .youtube.stack-square-o:hover, .youtube.stack-square-o:focus, .youtube.btn-social-outline:hover, .youtube.btn-social-outline:focus {
859
1278
  box-shadow: inset 1px 1px 1px rgba(240, 134, 130, 0.3), inset 2px 2px 1px rgba(240, 134, 130, 0.3), inset 3px 3px 1px rgba(240, 134, 130, 0.3), inset 4px 4px 1px rgba(240, 134, 130, 0.3), inset 5px 5px 1px rgba(240, 134, 130, 0.3), inset 6px 6px 1px rgba(240, 134, 130, 0.3);
860
1279
  }
861
- .youtube.stack-square-o:hover .fa-youtube, .youtube.stack-square-o:focus .fa-youtube {
1280
+ .youtube.stack-square-o:hover,
1281
+ .youtube.stack-square-o:hover .fa-youtube, .youtube.stack-square-o:focus,
1282
+ .youtube.stack-square-o:focus .fa-youtube, .youtube.btn-social-outline:hover,
1283
+ .youtube.btn-social-outline:hover .fa-youtube, .youtube.btn-social-outline:focus,
1284
+ .youtube.btn-social-outline:focus .fa-youtube {
862
1285
  text-shadow: 1px 1px 1px rgba(240, 134, 130, 0.3), 2px 2px 1px rgba(240, 134, 130, 0.3), 3px 3px 1px rgba(240, 134, 130, 0.3), 4px 4px 1px rgba(240, 134, 130, 0.3), 5px 5px 1px rgba(240, 134, 130, 0.3), 6px 6px 1px rgba(240, 134, 130, 0.3);
863
1286
  }
864
1287
 
865
- .envelope.stack-circle, .envelope.stack-square {
1288
+ .envelope.btn-social,
1289
+ .envelope.stack-circle,
1290
+ .envelope.stack-square {
866
1291
  background-color: #333333;
867
1292
  }
868
- .envelope.stack-square-o {
1293
+
1294
+ .envelope.btn-social:hover, .envelope.btn-social:focus, .envelope.stack-circle:hover, .envelope.stack-circle:focus, .envelope.stack-square:hover, .envelope.stack-square:focus {
1295
+ background-color: #3b3b3b;
1296
+ }
1297
+ .envelope.stack-square-o, .envelope.btn-social-outline {
869
1298
  border-color: #333333;
870
1299
  }
871
- .envelope.stack-square-o .fa-envelope {
1300
+ .envelope.stack-square-o,
1301
+ .envelope.stack-square-o .fa-envelope, .envelope.btn-social-outline,
1302
+ .envelope.btn-social-outline .fa-envelope {
872
1303
  color: #333333;
873
1304
  }
874
- .envelope.stack-square-o:hover, .envelope.stack-square-o:focus {
1305
+ .envelope.stack-square-o:hover, .envelope.stack-square-o:focus, .envelope.btn-social-outline:hover, .envelope.btn-social-outline:focus {
875
1306
  box-shadow: inset 1px 1px 1px rgba(102, 102, 102, 0.3), inset 2px 2px 1px rgba(102, 102, 102, 0.3), inset 3px 3px 1px rgba(102, 102, 102, 0.3), inset 4px 4px 1px rgba(102, 102, 102, 0.3), inset 5px 5px 1px rgba(102, 102, 102, 0.3), inset 6px 6px 1px rgba(102, 102, 102, 0.3);
876
1307
  }
877
- .envelope.stack-square-o:hover .fa-envelope, .envelope.stack-square-o:focus .fa-envelope {
1308
+ .envelope.stack-square-o:hover,
1309
+ .envelope.stack-square-o:hover .fa-envelope, .envelope.stack-square-o:focus,
1310
+ .envelope.stack-square-o:focus .fa-envelope, .envelope.btn-social-outline:hover,
1311
+ .envelope.btn-social-outline:hover .fa-envelope, .envelope.btn-social-outline:focus,
1312
+ .envelope.btn-social-outline:focus .fa-envelope {
878
1313
  text-shadow: 1px 1px 1px rgba(102, 102, 102, 0.3), 2px 2px 1px rgba(102, 102, 102, 0.3), 3px 3px 1px rgba(102, 102, 102, 0.3), 4px 4px 1px rgba(102, 102, 102, 0.3), 5px 5px 1px rgba(102, 102, 102, 0.3), 6px 6px 1px rgba(102, 102, 102, 0.3);
879
1314
  }
1315
+
1316
+ .icon-stack {
1317
+ display: flex;
1318
+ justify-content: center;
1319
+ align-items: center;
1320
+ width: 2em;
1321
+ height: 2em;
1322
+ overflow: hidden;
1323
+ }
1324
+
1325
+ .icon-stack .fa {
1326
+ color: inherit;
1327
+ }
1328
+
1329
+ .stack-circle {
1330
+ border-radius: 50%;
1331
+ }
1332
+
1333
+ .stack-square {
1334
+ border-radius: 20%;
1335
+ }
1336
+
1337
+ .stack-square-o {
1338
+ border-radius: 20%;
1339
+ }
1340
+
1341
+ .btn-social {
1342
+ border: none;
1343
+ color: #fff;
1344
+ overflow: hidden;
1345
+ }
1346
+
1347
+ .btn-social,
1348
+ .btn-social-outline {
1349
+ padding: .5rem .75rem;
1350
+ border-radius: 8px;
1351
+ }
1352
+
1353
+ .btn-social.github:hover, .btn-social.github:focus, .btn-social.tumblr:hover, .btn-social.tumblr:focus, .btn-social.vimeo:hover, .btn-social.vimeo:focus, .btn-social.whatsapp:hover, .btn-social.whatsapp:focus, .btn-social.yahoo:hover, .btn-social.yahoo:focus, .btn-social.envelope:hover, .btn-social.envelope:focus {
1354
+ color: #fff;
1355
+ }