/* SharePage 1.1.1 styles by Michael Hohlovich */

/* Common styles */

.share-page {
  font-family: "Arial", sans-serif;
  font-weight: 400;
}
.share-page .network {
  position: relative;
  cursor: pointer;
  font-size: 14px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

/* Buttons design */

.share-page.share-buttons .network {
  color: #fff;
  border-radius: 4px;
  padding: 7px 8px 8px 34px;
  -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow:    1px 1px 0px 0px rgba(0, 0, 0, 0.15);
  box-shadow:         1px 1px 0px 0px rgba(0, 0, 0, 0.15);
}
.share-page.share-buttons .network:before {
  background-image: url("../images/social-icons-white.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 30px 150px;
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
}
.share-page.share-buttons .network:hover,
.share-page.share-buttons .network:active {
  box-shadow: none;
}
.share-page.share-buttons .network .counter {
  float: right;
  background-color: #fff;
  border-radius: 3px;
  padding: 0 3px;
  color: #333;
  min-width: 20px;
  display: inherit;
  text-align: center;
  font-size: 13px;
  text-shadow: none;
}
.share-page.share-buttons .network + .network {
  margin-top: 10px;
}
.share-page.share-buttons .network.linkedin {
  background-color: #007AB9;
}
.share-page.share-buttons .network.linkedin:before {
  background-position: left top;
}
.share-page.share-buttons .network.facebook {
  background-color: #3C5A98;
}
.share-page.share-buttons .network.facebook:before {
  background-position: left -30px;
}
.share-page.share-buttons .network.twitter {
  background-color: #54ABEE;
}
.share-page.share-buttons .network.twitter:before {
  background-position: left -60px;
}
.share-page.share-buttons .network.googleplus {
  background-color: #D6492F;
}
.share-page.share-buttons .network.googleplus:before {
  background-position: left -90px;
}
.share-page.share-buttons .network.vk {
  background-color: #4B73A4;
}
.share-page.share-buttons .network.vk:before {
  background-position: left -120px;
}

/* Icons design */

.share-page.share-icons .network {
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  padding: 7px 8px 8px 34px;
  min-height: 15px;
}
.share-page.share-icons .network:before {
  background-image: url("../images/social-icons-color.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 30px 150px;
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
}
.share-page.share-icons .network .counter {
  float: right;
  padding: 0 3px;
  color: #333;
  min-width: 20px;
  display: inherit;
  text-align: center;
  font-size: 13px;
  text-shadow: none;
}
.share-page.share-icons .network .title {
  display: none;
}
.share-page.share-icons .network + .network {
  margin-top: 10px;
}
.share-page.share-icons .network.linkedin:before {
  background-position: left top;
}
.share-page.share-icons .network.facebook:before {
  background-position: left -30px;
}
.share-page.share-icons .network.twitter:before {
  background-position: left -60px;
}
.share-page.share-icons .network.googleplus:before {
  background-position: left -90px;
}
.share-page.share-icons .network.vk:before {
  background-position: left -120px;
}