/* Webicons by Adam Fairhead at Fairhead Creative http://fairheadcreative.com */
.webicon {
  display: inline-block;
  background-size: 100%;
  width: 30px;
  height: 30px;
  text-indent: -999em;
  text-align: left;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 5px; }

.webicon:hover {
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }

.webicon.small {
  width: 20px;
  height: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.webicon.large {
  width: 48px;
  height: 48px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px; }

/* restore webicons accessibility for print */
@media print {
  * {
      background: transparent !important;
      color: #000 !important;
      -moz-box-shadow: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      text-shadow: none !important;
  }
  .webicon {
    text-indent: 0;
    width: auto !important;
    height: auto !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
  }
}

.no-svg .webicon.facebook {
  background: url("webicons/webicon-facebook-m.png"); }

.no-svg .webicon.facebook.large {
  background: url("webicons/webicon-facebook.png"); }

.no-svg .webicon.facebook.small {
  background: url("webicons/webicon-facebook-s.png"); }

.svg .webicon.facebook {
  background: url("webicons/webicon-facebook.svg"); }

.no-svg .webicon.googleplus {
  background: url("webicons/webicon-googleplus-m.png"); }

.no-svg .webicon.googleplus.large {
  background: url("webicons/webicon-googleplus.png"); }

.no-svg .webicon.googleplus.small {
  background: url("webicons/webicon-googleplus-s.png"); }

.svg .webicon.googleplus {
  background: url("webicons/webicon-googleplus.svg"); }

.no-svg .webicon.twitter {
  background: url("webicons/webicon-twitter-m.png"); }

.no-svg .webicon.twitter.large {
  background: url("webicons/webicon-twitter.png"); }

.no-svg .webicon.twitter.small {
  background: url("webicons/webicon-twitter-s.png"); }

.svg .webicon.twitter {
  background: url("webicons/webicon-twitter.svg"); }