bootstrap-social.css

/*
* @preserve brand-colors 2.0.1
* http://reimertz.github.io/brand-colors
* (c) 2017 Pierre Reimertz
* may be freely distributed under the MIT license.
*/
.btn-social, .btn-social-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn-social > :first-child, .btn-social-icon > :first-child {
  -ms-flex: 0 0 1em;
      flex: 0 0 1em;
  padding: 0;
  margin-right: 0.75rem;
}

.btn-social > :last-child, .btn-social-icon > :last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn-social.btn-block, .btn-block.btn-social-icon {
  display: -ms-flexbox;
  display: flex;
}

.btn-social.btn-lg > :first-child, .btn-lg.btn-social-icon > :first-child {
  margin-right: 1rem;
}

.btn-social.btn-sm > :first-child, .btn-sm.btn-social-icon > :first-child {
  margin-right: 0.5rem;
}

.btn-social-icon {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  box-sizing: content-box;
}

.btn-social-icon > :first-child {
  margin: 0;
  padding: 0;
  padding-right: 0;
  margin-right: 0;
}

.btn-social-icon.btn-lg {
  width: 2.875rem;
  height: 2.875rem;
  margin-right: 0;
}

.btn-social-icon.btn-lg > :first-child {
  margin-right: 0;
}

.btn-social-icon.btn-sm {
  width: 1.8125rem;
  height: 1.8125rem;
}

.btn-social-icon.btn-sm > :first-child {
  margin-right: 0;
}

.btn-bitbucket {
  color: #fff;
  background-color: #205081;
  border-color: #205081;
  color: #ffffff;
}

.btn-bitbucket:hover {
  color: #fff;
  background-color: #183d62;
  border-color: #163758;
}

.btn-bitbucket:focus, .btn-bitbucket.focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 80, 129, 0.5);
}

.btn-bitbucket.disabled, .btn-bitbucket:disabled {
  color: #fff;
  background-color: #205081;
  border-color: #205081;
}

.btn-bitbucket:not(:disabled):not(.disabled):active, .btn-bitbucket:not(:disabled):not(.disabled).active,
.show > .btn-bitbucket.dropdown-toggle {
  color: #fff;
  background-color: #163758;
  border-color: #13304e;
}

.btn-bitbucket:not(:disabled):not(.disabled):active:focus, .btn-bitbucket:not(:disabled):not(.disabled).active:focus,
.show > .btn-bitbucket.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 80, 129, 0.5);
}

.btn-dropbox {
  color: #fff;
  background-color: #007ee5;
  border-color: #007ee5;
  color: #ffffff;
}

.btn-dropbox:hover {
  color: #fff;
  background-color: #0069bf;
  border-color: #0062b2;
}

.btn-dropbox:focus, .btn-dropbox.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 126, 229, 0.5);
}

.btn-dropbox.disabled, .btn-dropbox:disabled {
  color: #fff;
  background-color: #007ee5;
  border-color: #007ee5;
}

.btn-dropbox:not(:disabled):not(.disabled):active, .btn-dropbox:not(:disabled):not(.disabled).active,
.show > .btn-dropbox.dropdown-toggle {
  color: #fff;
  background-color: #0062b2;
  border-color: #005ba5;
}

.btn-dropbox:not(:disabled):not(.disabled):active:focus, .btn-dropbox:not(:disabled):not(.disabled).active:focus,
.show > .btn-dropbox.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 126, 229, 0.5);
}

.btn-facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: #3b5998;
  color: #ffffff;
}

.btn-facebook:hover {
  color: #fff;
  background-color: #30497c;
  border-color: #2d4373;
}

.btn-facebook:focus, .btn-facebook.focus {
  box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5);
}

.btn-facebook.disabled, .btn-facebook:disabled {
  color: #fff;
  background-color: #3b5998;
  border-color: #3b5998;
}

.btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active,
.show > .btn-facebook.dropdown-toggle {
  color: #fff;
  background-color: #2d4373;
  border-color: #293e6a;
}

.btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus,
.show > .btn-facebook.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5);
}

.btn-flickr {
  color: #fff;
  background-color: #0063dc;
  border-color: #0063dc;
  color: #ffffff;
}

.btn-flickr:hover {
  color: #fff;
  background-color: #0052b6;
  border-color: #004ca9;
}

.btn-flickr:focus, .btn-flickr.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 99, 220, 0.5);
}

.btn-flickr.disabled, .btn-flickr:disabled {
  color: #fff;
  background-color: #0063dc;
  border-color: #0063dc;
}

.btn-flickr:not(:disabled):not(.disabled):active, .btn-flickr:not(:disabled):not(.disabled).active,
.show > .btn-flickr.dropdown-toggle {
  color: #fff;
  background-color: #004ca9;
  border-color: #00469c;
}

.btn-flickr:not(:disabled):not(.disabled):active:focus, .btn-flickr:not(:disabled):not(.disabled).active:focus,
.show > .btn-flickr.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 99, 220, 0.5);
}

.btn-foursquare {
  color: #fff;
  background-color: #f94877;
  border-color: #f94877;
  color: #ffffff;
}

.btn-foursquare:hover {
  color: #fff;
  background-color: #f8235b;
  border-color: #f71752;
}

.btn-foursquare:focus, .btn-foursquare.focus {
  box-shadow: 0 0 0 0.2rem rgba(249, 72, 119, 0.5);
}

.btn-foursquare.disabled, .btn-foursquare:disabled {
  color: #fff;
  background-color: #f94877;
  border-color: #f94877;
}

.btn-foursquare:not(:disabled):not(.disabled):active, .btn-foursquare:not(:disabled):not(.disabled).active,
.show > .btn-foursquare.dropdown-toggle {
  color: #fff;
  background-color: #f71752;
  border-color: #f70a49;
}

.btn-foursquare:not(:disabled):not(.disabled):active:focus, .btn-foursquare:not(:disabled):not(.disabled).active:focus,
.show > .btn-foursquare.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(249, 72, 119, 0.5);
}

.btn-github {
  color: #fff;
  background-color: #333;
  border-color: #333;
  color: #ffffff;
}

.btn-github:hover {
  color: #fff;
  background-color: #202020;
  border-color: #1a1a1a;
}

.btn-github:focus, .btn-github.focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5);
}

.btn-github.disabled, .btn-github:disabled {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.btn-github:not(:disabled):not(.disabled):active, .btn-github:not(:disabled):not(.disabled).active,
.show > .btn-github.dropdown-toggle {
  color: #fff;
  background-color: #1a1a1a;
  border-color: #131313;
}

.btn-github:not(:disabled):not(.disabled):active:focus, .btn-github:not(:disabled):not(.disabled).active:focus,
.show > .btn-github.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5);
}

.btn-google {
  color: #fff;
  background-color: #4285f4;
  border-color: #4285f4;
  color: #ffffff;
}

.btn-google:hover {
  color: #fff;
  background-color: #1e6ef2;
  border-color: #1266f1;
}

.btn-google:focus, .btn-google.focus {
  box-shadow: 0 0 0 0.2rem rgba(66, 133, 244, 0.5);
}

.btn-google.disabled, .btn-google:disabled {
  color: #fff;
  background-color: #4285f4;
  border-color: #4285f4;
}

.btn-google:not(:disabled):not(.disabled):active, .btn-google:not(:disabled):not(.disabled).active,
.show > .btn-google.dropdown-toggle {
  color: #fff;
  background-color: #1266f1;
  border-color: #0e60e9;
}

.btn-google:not(:disabled):not(.disabled):active:focus, .btn-google:not(:disabled):not(.disabled).active:focus,
.show > .btn-google.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(66, 133, 244, 0.5);
}

.btn-instagram {
  color: #fff;
  background-color: #405de6;
  border-color: #405de6;
  color: #ffffff;
}

.btn-instagram:hover {
  color: #fff;
  background-color: #1e40e2;
  border-color: #1c3dd7;
}

.btn-instagram:focus, .btn-instagram.focus {
  box-shadow: 0 0 0 0.2rem rgba(64, 93, 230, 0.5);
}

.btn-instagram.disabled, .btn-instagram:disabled {
  color: #fff;
  background-color: #405de6;
  border-color: #405de6;
}

.btn-instagram:not(:disabled):not(.disabled):active, .btn-instagram:not(:disabled):not(.disabled).active,
.show > .btn-instagram.dropdown-toggle {
  color: #fff;
  background-color: #1c3dd7;
  border-color: #1b3acc;
}

.btn-instagram:not(:disabled):not(.disabled):active:focus, .btn-instagram:not(:disabled):not(.disabled).active:focus,
.show > .btn-instagram.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(64, 93, 230, 0.5);
}

.btn-linkedin {
  color: #fff;
  background-color: #0077b5;
  border-color: #0077b5;
  color: #ffffff;
}

.btn-linkedin:hover {
  color: #fff;
  background-color: #005e8f;
  border-color: #005582;
}

.btn-linkedin:focus, .btn-linkedin.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 119, 181, 0.5);
}

.btn-linkedin.disabled, .btn-linkedin:disabled {
  color: #fff;
  background-color: #0077b5;
  border-color: #0077b5;
}

.btn-linkedin:not(:disabled):not(.disabled):active, .btn-linkedin:not(:disabled):not(.disabled).active,
.show > .btn-linkedin.dropdown-toggle {
  color: #fff;
  background-color: #005582;
  border-color: #004d75;
}

.btn-linkedin:not(:disabled):not(.disabled):active:focus, .btn-linkedin:not(:disabled):not(.disabled).active:focus,
.show > .btn-linkedin.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 119, 181, 0.5);
}

.btn-microsoft {
  color: #fff;
  background-color: #f65314;
  border-color: #f65314;
  color: #ffffff;
}

.btn-microsoft:hover {
  color: #fff;
  background-color: #db4308;
  border-color: #cf3f08;
}

.btn-microsoft:focus, .btn-microsoft.focus {
  box-shadow: 0 0 0 0.2rem rgba(246, 83, 20, 0.5);
}

.btn-microsoft.disabled, .btn-microsoft:disabled {
  color: #fff;
  background-color: #f65314;
  border-color: #f65314;
}

.btn-microsoft:not(:disabled):not(.disabled):active, .btn-microsoft:not(:disabled):not(.disabled).active,
.show > .btn-microsoft.dropdown-toggle {
  color: #fff;
  background-color: #cf3f08;
  border-color: #c33c07;
}

.btn-microsoft:not(:disabled):not(.disabled):active:focus, .btn-microsoft:not(:disabled):not(.disabled).active:focus,
.show > .btn-microsoft.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(246, 83, 20, 0.5);
}

.btn-odnoklassniki {
  color: #212529;
  background-color: #ed812b;
  border-color: #ed812b;
  color: #ffffff;
}

.btn-odnoklassniki:hover {
  color: #fff;
  background-color: #df6d13;
  border-color: #d36812;
}

.btn-odnoklassniki:focus, .btn-odnoklassniki.focus {
  box-shadow: 0 0 0 0.2rem rgba(237, 129, 43, 0.5);
}

.btn-odnoklassniki.disabled, .btn-odnoklassniki:disabled {
  color: #212529;
  background-color: #ed812b;
  border-color: #ed812b;
}

.btn-odnoklassniki:not(:disabled):not(.disabled):active, .btn-odnoklassniki:not(:disabled):not(.disabled).active,
.show > .btn-odnoklassniki.dropdown-toggle {
  color: #fff;
  background-color: #d36812;
  border-color: #c76211;
}

.btn-odnoklassniki:not(:disabled):not(.disabled):active:focus, .btn-odnoklassniki:not(:disabled):not(.disabled).active:focus,
.show > .btn-odnoklassniki.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(237, 129, 43, 0.5);
}

.btn-openid {
  color: #212529;
  background-color: #f7931e;
  border-color: #f7931e;
  color: #ffffff;
}

.btn-openid:hover {
  color: #fff;
  background-color: #e78008;
  border-color: #da7908;
}

.btn-openid:focus, .btn-openid.focus {
  box-shadow: 0 0 0 0.2rem rgba(247, 147, 30, 0.5);
}

.btn-openid.disabled, .btn-openid:disabled {
  color: #212529;
  background-color: #f7931e;
  border-color: #f7931e;
}

.btn-openid:not(:disabled):not(.disabled):active, .btn-openid:not(:disabled):not(.disabled).active,
.show > .btn-openid.dropdown-toggle {
  color: #fff;
  background-color: #da7908;
  border-color: #ce7207;
}

.btn-openid:not(:disabled):not(.disabled):active:focus, .btn-openid:not(:disabled):not(.disabled).active:focus,
.show > .btn-openid.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(247, 147, 30, 0.5);
}

.btn-pinterest {
  color: #fff;
  background-color: #bd081c;
  border-color: #bd081c;
  color: #ffffff;
}

.btn-pinterest:hover {
  color: #fff;
  background-color: #980617;
  border-color: #8c0615;
}

.btn-pinterest:focus, .btn-pinterest.focus {
  box-shadow: 0 0 0 0.2rem rgba(189, 8, 28, 0.5);
}

.btn-pinterest.disabled, .btn-pinterest:disabled {
  color: #fff;
  background-color: #bd081c;
  border-color: #bd081c;
}

.btn-pinterest:not(:disabled):not(.disabled):active, .btn-pinterest:not(:disabled):not(.disabled).active,
.show > .btn-pinterest.dropdown-toggle {
  color: #fff;
  background-color: #8c0615;
  border-color: #800513;
}

.btn-pinterest:not(:disabled):not(.disabled):active:focus, .btn-pinterest:not(:disabled):not(.disabled).active:focus,
.show > .btn-pinterest.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(189, 8, 28, 0.5);
}

.btn-reddit {
  color: #212529;
  background-color: #cee3f8;
  border-color: #cee3f8;
  color: #000;
}

.btn-reddit:hover {
  color: #212529;
  background-color: #add0f3;
  border-color: #a1caf2;
}

.btn-reddit:focus, .btn-reddit.focus {
  box-shadow: 0 0 0 0.2rem rgba(206, 227, 248, 0.5);
}

.btn-reddit.disabled, .btn-reddit:disabled {
  color: #212529;
  background-color: #cee3f8;
  border-color: #cee3f8;
}

.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active,
.show > .btn-reddit.dropdown-toggle {
  color: #212529;
  background-color: #a1caf2;
  border-color: #96c3f0;
}

.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus,
.show > .btn-reddit.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(206, 227, 248, 0.5);
}

.btn-soundcloud {
  color: #212529;
  background-color: #ff8800;
  border-color: #ff8800;
  color: #ffffff;
}

.btn-soundcloud:hover {
  color: #fff;
  background-color: #d97400;
  border-color: #cc6d00;
}

.btn-soundcloud:focus, .btn-soundcloud.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
}

.btn-soundcloud.disabled, .btn-soundcloud:disabled {
  color: #212529;
  background-color: #ff8800;
  border-color: #ff8800;
}

.btn-soundcloud:not(:disabled):not(.disabled):active, .btn-soundcloud:not(:disabled):not(.disabled).active,
.show > .btn-soundcloud.dropdown-toggle {
  color: #fff;
  background-color: #cc6d00;
  border-color: #bf6600;
}

.btn-soundcloud:not(:disabled):not(.disabled):active:focus, .btn-soundcloud:not(:disabled):not(.disabled).active:focus,
.show > .btn-soundcloud.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.5);
}

.btn-tumblr {
  color: #fff;
  background-color: #35465c;
  border-color: #35465c;
  color: #ffffff;
}

.btn-tumblr:hover {
  color: #fff;
  background-color: #273444;
  border-color: #222d3c;
}

.btn-tumblr:focus, .btn-tumblr.focus {
  box-shadow: 0 0 0 0.2rem rgba(53, 70, 92, 0.5);
}

.btn-tumblr.disabled, .btn-tumblr:disabled {
  color: #fff;
  background-color: #35465c;
  border-color: #35465c;
}

.btn-tumblr:not(:disabled):not(.disabled):active, .btn-tumblr:not(:disabled):not(.disabled).active,
.show > .btn-tumblr.dropdown-toggle {
  color: #fff;
  background-color: #222d3c;
  border-color: #1e2734;
}

.btn-tumblr:not(:disabled):not(.disabled):active:focus, .btn-tumblr:not(:disabled):not(.disabled).active:focus,
.show > .btn-tumblr.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(53, 70, 92, 0.5);
}

.btn-twitter {
  color: #fff;
  background-color: #1da1f2;
  border-color: #1da1f2;
  color: #ffffff;
}

.btn-twitter:hover {
  color: #fff;
  background-color: #0d8ddc;
  border-color: #0c85d0;
}

.btn-twitter:focus, .btn-twitter.focus {
  box-shadow: 0 0 0 0.2rem rgba(29, 161, 242, 0.5);
}

.btn-twitter.disabled, .btn-twitter:disabled {
  color: #fff;
  background-color: #1da1f2;
  border-color: #1da1f2;
}

.btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active,
.show > .btn-twitter.dropdown-toggle {
  color: #fff;
  background-color: #0c85d0;
  border-color: #0b7ec4;
}

.btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus,
.show > .btn-twitter.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(29, 161, 242, 0.5);
}

.btn-vimeo {
  color: #fff;
  background-color: #162221;
  border-color: #162221;
  color: #ffffff;
}

.btn-vimeo:hover {
  color: #fff;
  background-color: #070b0a;
  border-color: #020303;
}

.btn-vimeo:focus, .btn-vimeo.focus {
  box-shadow: 0 0 0 0.2rem rgba(22, 34, 33, 0.5);
}

.btn-vimeo.disabled, .btn-vimeo:disabled {
  color: #fff;
  background-color: #162221;
  border-color: #162221;
}

.btn-vimeo:not(:disabled):not(.disabled):active, .btn-vimeo:not(:disabled):not(.disabled).active,
.show > .btn-vimeo.dropdown-toggle {
  color: #fff;
  background-color: #020303;
  border-color: black;
}

.btn-vimeo:not(:disabled):not(.disabled):active:focus, .btn-vimeo:not(:disabled):not(.disabled).active:focus,
.show > .btn-vimeo.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(22, 34, 33, 0.5);
}

.btn-vk {
  color: #fff;
  background-color: #45668e;
  border-color: #45668e;
  color: #ffffff;
}

.btn-vk:hover {
  color: #fff;
  background-color: #385474;
  border-color: #344d6c;
}

.btn-vk:focus, .btn-vk.focus {
  box-shadow: 0 0 0 0.2rem rgba(69, 102, 142, 0.5);
}

.btn-vk.disabled, .btn-vk:disabled {
  color: #fff;
  background-color: #45668e;
  border-color: #45668e;
}

.btn-vk:not(:disabled):not(.disabled):active, .btn-vk:not(:disabled):not(.disabled).active,
.show > .btn-vk.dropdown-toggle {
  color: #fff;
  background-color: #344d6c;
  border-color: #304763;
}

.btn-vk:not(:disabled):not(.disabled):active:focus, .btn-vk:not(:disabled):not(.disabled).active:focus,
.show > .btn-vk.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(69, 102, 142, 0.5);
}

.btn-yahoo {
  color: #fff;
  background-color: #410093;
  border-color: #410093;
  color: #ffffff;
}

.btn-yahoo:hover {
  color: #fff;
  background-color: #30006d;
  border-color: #2a0060;
}

.btn-yahoo:focus, .btn-yahoo.focus {
  box-shadow: 0 0 0 0.2rem rgba(65, 0, 147, 0.5);
}

.btn-yahoo.disabled, .btn-yahoo:disabled {
  color: #fff;
  background-color: #410093;
  border-color: #410093;
}

.btn-yahoo:not(:disabled):not(.disabled):active, .btn-yahoo:not(:disabled):not(.disabled).active,
.show > .btn-yahoo.dropdown-toggle {
  color: #fff;
  background-color: #2a0060;
  border-color: #250053;
}

.btn-yahoo:not(:disabled):not(.disabled):active:focus, .btn-yahoo:not(:disabled):not(.disabled).active:focus,
.show > .btn-yahoo.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(65, 0, 147, 0.5);
}
/*# sourceMappingURL=bootstrap-social.css.map */