@charset "UTF-8";
/**
 */
.socialbar {
  font-size: 1rem;
  margin-top: 0.4em;
}
.socialbar .social-icons ul {
  display: grid;
  grid-column-gap: calc(var(--size__block-margin) / 2);
  grid-row-gap: calc(var(--size__inner-block-margin) / 2);
  grid-template-columns: repeat(auto-fill, minmax(2em, 1fr));
  grid-auto-flow: row;
  max-width: 100%;
  margin: 0;
}
.socialbar .social-icons ul li.social {
  display: block;
  padding: 0;
}
.socialbar .social-icons ul li.social a {
  -webkit-transition: all 0.2s ease 0s;
  /* Safari, Chrome */
  -moz-transition: all 0.2s ease 0s;
  /* Firefox 4.0~16.0 */
  transition: all 0.2s ease 0s;
  /* IE >9, FF >15, Opera >12.0 */
  display: block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  position: relative;
  border-radius: var(--size__block-border-radius);
  text-decoration: none;
  background-color: #cccccc;
}
.socialbar .social-icons ul li.social a:after {
  font-family: FontAwesome;
  font-size: 1.2em;
  width: 100%;
  height: 100%;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
.socialbar .social-icons ul li.social:before {
  content: "";
  position: static;
  top: auto;
  left: auto;
  font-family: "FontAwesome";
  font-size: 1em;
}
.socialbar .social-icons li.social.social-facebook a {
  background-color: #fff;
}
.socialbar .social-icons li.social.social-facebook a:hover {
  background-color: #3b5998;
}
.socialbar .social-icons li.social.social-facebook a:hover:after {
  color: #fff;
}
.socialbar .social-icons li.social.social-facebook a:after {
  color: #3b5998;
  content: "";
}
.socialbar .social-icons li.social.social-twitter a {
  background-color: #fff;
}
.socialbar .social-icons li.social.social-twitter a:hover {
  background-color: #48c4d2;
}
.socialbar .social-icons li.social.social-twitter a:hover:after {
  color: #fff;
}
.socialbar .social-icons li.social.social-twitter a:after {
  color: #48c4d2;
  content: "";
}
.socialbar .social-icons li.social.social-email a {
  background-color: #fff;
}
.socialbar .social-icons li.social.social-email a:hover {
  background-color: #666666;
}
.socialbar .social-icons li.social.social-email a:hover:after {
  color: #fff;
}
.socialbar .social-icons li.social.social-email a:after {
  color: #666666;
  content: "";
}
.socialbar .social-icons li.social.social-instagram a {
  background-color: #fff;
}
.socialbar .social-icons li.social.social-instagram a:hover {
  background-color: #46759c;
}
.socialbar .social-icons li.social.social-instagram a:hover:after {
  color: #fff;
}
.socialbar .social-icons li.social.social-instagram a:after {
  color: #46759c;
  content: "";
}
.socialbar .social-icons li.social.social-skype a {
  background-color: #fff;
}
.socialbar .social-icons li.social.social-skype a:hover {
  background-color: #18b7f1;
}
.socialbar .social-icons li.social.social-skype a:hover:after {
  color: #fff;
}
.socialbar .social-icons li.social.social-skype a:after {
  color: #18b7f1;
  content: "";
}
.socialbar .social-icons li.social.social-whatsapp a {
  background-color: #fff;
}
.socialbar .social-icons li.social.social-whatsapp a:hover {
  background-color: #64d448;
}
.socialbar .social-icons li.social.social-whatsapp a:hover:after {
  color: #fff;
}
.socialbar .social-icons li.social.social-whatsapp a:after {
  color: #64d448;
  content: "";
}
.socialbar .social-icons li.social.social-youtube a {
  background-color: #fff;
}
.socialbar .social-icons li.social.social-youtube a:hover {
  background-color: #f45750;
}
.socialbar .social-icons li.social.social-youtube a:hover:after {
  color: #fff;
}
.socialbar .social-icons li.social.social-youtube a:after {
  color: #f45750;
  content: "";
}
.socialbar .social-icons li.social.social-xing a {
  background-color: #fff;
}
.socialbar .social-icons li.social.social-xing a:hover {
  background-color: #006466;
}
.socialbar .social-icons li.social.social-xing a:hover:after {
  color: #fff;
}
.socialbar .social-icons li.social.social-xing a:after {
  color: #006466;
  content: "";
}
.socialbar .social-icons li.social.social-rss a {
  background-color: #fff;
}
.socialbar .social-icons li.social.social-rss a:hover {
  background-color: #fe9900;
}
.socialbar .social-icons li.social.social-rss a:hover:after {
  color: #fff;
}
.socialbar .social-icons li.social.social-rss a:after {
  color: #fe9900;
  content: "";
}
.socialbar .social-icons li.social.social-linkedin a {
  background-color: #fff;
}
.socialbar .social-icons li.social.social-linkedin a:hover {
  background-color: #71b2d0;
}
.socialbar .social-icons li.social.social-linkedin a:hover:after {
  color: #fff;
}
.socialbar .social-icons li.social.social-linkedin a:after {
  color: #71b2d0;
  content: "";
}
.socialbar .social-icons li.social.social-pinterest a {
  background-color: #fff;
}
.socialbar .social-icons li.social.social-pinterest a:hover {
  background-color: #cb2027;
}
.socialbar .social-icons li.social.social-pinterest a:hover:after {
  color: #fff;
}
.socialbar .social-icons li.social.social-pinterest a:after {
  color: #cb2027;
  content: "";
}
.socialbar .social-icons li.social.social-phone a {
  background-color: #fff;
}
.socialbar .social-icons li.social.social-phone a:hover {
  background-color: #cb2027;
}
.socialbar .social-icons li.social.social-phone a:hover:after {
  color: #fff;
}
.socialbar .social-icons li.social.social-phone a:after {
  color: #cb2027;
  content: "";
}

/*# sourceMappingURL=socialbar.css.map */