ul.dd-social-links {
  padding: 0;
  font-size: 0;
  list-style: none;
}

.dd-social-links li {
  display: inline-block;
}

.dd-social-links span.ext {
  display: none;
}

.dd-social-links .social {
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.dd-social-links .last .social {
  margin-right: 0;
}

.dd-social-links a.facebook {
  background-color: #3c5a9b;
  background-image: url(img/facebook.png);
  background-image: url(img/facebook.svg);
}

.dd-social-links a.google {
  background-color: #db4c3f;
  background-image: url(img/googleplus.png);
  background-image: url(img/googleplus.svg);
}

.dd-social-links a.linkedin {
  background-color: #1879b3;
  background-image: url(img/linkedin.png);
  background-image: url(img/linkedin.svg);
}

.dd-social-links a.twitter {
  background-color: #30aade;
  background-image: url(img/twitter.png);
  background-image: url(img/twitter.svg);
}

.dd-social-links .social span {
  display: none;
}

/*
 * Social media icons for DD Hover. They are targeted to the active state and
 * re-positioned so that they will hide the throbber image.
 */
.dd-hover-links .dd-facebook-share a {
  background: url('img/facebook-16.gif') 10px center no-repeat;
}

.dd-hover-links .dd-twitter-share a {
  background: url('img/twitter-16.png') 10px center no-repeat;
}