/* Social Network Buttons
/************************************************************/
a.novashare-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  background: #333333;
  color: #ffffff;
  height: 50px;
  width: 50px;
  line-height: 50px;
  margin: 0px 10px 10px 0px;
  vertical-align: top;
  overflow: hidden;
}
.novashare-buttons a.novashare-button {
  border: none;
}
a.novashare-button svg, a.novashare-button .novashare-button-share-count {
  height: 50%;
  margin: 0 auto;
  z-index: 1;
}
a.novashare-button:hover, a.novashare-button:focus, a.novashare-button:active, a.novashare-button:visited {
  color: #ffffff;
}
a.novashare-button:hover::before {
  content: "";
  background: rgba(0,0,0,0.1);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
a.novashare-button .novashare-button-share-count {
  display: none;
  font-size: 16px;
  align-items: center;
}
a.novashare-button.novashare-share-count:hover svg {
  display: none;
}
a.novashare-button.novashare-share-count:hover .novashare-button-share-count {
  display: flex;
}

/* Button Sizes */
.novashare-buttons.small a.novashare-button {
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 14px;
}
.novashare-buttons.small a.novashare-button .novashare-button-share-count {
  font-size: 12px;
}
.novashare-buttons.large a.novashare-button {
  height: 60px;
  width: 60px;
  line-height: 60px;
  font-size: 26px;
}
.novashare-buttons.large a.novashare-button .novashare-button-share-count {
  font-size: 18px;
}

/* Button Shape */
.novashare-buttons.rounded a.novashare-button, .novashare-buttons.rounded .novashare-total-share-count {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.novashare-buttons.circular a.novashare-button, .novashare-buttons.circular .novashare-total-share-count {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* Total Share Count Box
/************************************************************/
.novashare-total-share-count {
  font-size: 14px;
  text-align: center;
  display: inline-table;
  height: 50px;
  width: 50px;
  margin: 0px 0px 10px 0px;
  background: #ffffff;
  position: relative;
  box-shadow: 0 0 40px 5px rgba(47,47,47,.1);
  -webkit-box-shadow: 0 0 40px 5px rgba(47,47,47,.1);
  -moz-box-shadow: 0 0 40px 5px rgba(47,47,47,.1);
}
.novashare-total-share-count-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.novashare-total-share-count-details {
  max-width: 50px;
  max-height: 50px;
  overflow: hidden;
}
.novashare-total-share-count-amount {
  display: inline;
}
.novashare-total-share-count-amount {
  font-weight: bold;
}
.novashare-total-share-count-text {
  font-size: 9px;
  line-height: normal;
}

/* Button Sizes */
.novashare-buttons.small .novashare-total-share-count {
  height: 40px;
  width: 40px;
  font-size: 11px;
}
.novashare-buttons.small .novashare-total-share-count-details {
  max-width: 40px;
  max-height: 40px;
}
.novashare-buttons.small .novashare-total-share-count-text {
  font-size: 8px;
}
.novashare-buttons.large .novashare-total-share-count {
  height: 60px;
  width: 60px;
  font-size: 16px;
}
.novashare-buttons.large .novashare-total-share-count-details {
  max-width: 60px;
  max-height: 60px;
}
.novashare-buttons.large .novashare-total-share-count-text {
  font-size: 10px;
}

/* Social Networks
/************************************************************/
.novashare-button.twitter {
  background: #1DA1F2;
}
.novashare-button.facebook {
  background: #3b5998;
}
.novashare-button.linkedin {
  background: #0077B5;
}
.novashare-button.pinterest {
  background: #C92228;
}
.novashare-button.buffer {
  background: #323b43;
}
.novashare-button.reddit {
  background: #ff4500;
}
.novashare-button.pocket {
  background: #ef4056;
}
.novashare-button.whatsapp {
  background: #25d366;
}
.novashare-button.tumblr {
  background: #35465c;
}
.novashare-button.vkontakte {
  background: #45668e;
}
.novashare-button.xing {
  background: #026466;
}
.novashare-button.flipboard {
  background: #e12828;
}
.novashare-button.telegram {
  background: #0088cc;
}
.novashare-button.mix {
  background: #fd8235;
}
.novashare-button.yummly {
  background: #e16120;
}
.novashare-button.email {
  background: #319324;
}
.novashare-button.print {
  background: #d34836;
}

/* Inline Content
/************************************************************/
.novashare-inline {
  margin-bottom: 10px;
}
.novashare-inline.novashare-share-count {
  position: relative;
}
.novashare-inline.small a.novashare-button {
  margin-right: 7px;
}

/* Floating Bar
/************************************************************/
.novashare-floating {
  position: fixed;
  top: 25%;
  left: 0;
  padding-left: 5px;
  z-index: 9999;
  height: 75%;
}
.novashare-floating .novashare-buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 100%;
}
.novashare-floating a.novashare-button {
  display: flex;
  margin: 0px 7px 7px 0px;
}
.novashare-floating .novashare-total-share-count {
  display: table;
}

/* Misc
/************************************************************/
@media print {    
  .novashare-no-print, .novashare-no-print * {
    display: none !important;
  }
}