/* General
/************************************************************/
.novashare-buttons {
  position: relative;
}
.novashare-buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.novashare-columns.novashare-has-total-share-count-before .novashare-buttons-wrapper {
  margin-left: 50px;
}
.novashare-columns.novashare-has-total-share-count-after .novashare-buttons-wrapper {
  margin-right: 50px;
}

/* Social Network Buttons
/************************************************************/
body a.novashare-button {
  display: inline-flex;
  height: 40px;
  line-height: 40px;
  margin: 0px 10px 10px 0px;
  padding: 0px;
  font-size: 14px;
  overflow: hidden;
  text-decoration: none;
  border: none;
  --novashare-button-color: #333;
}
.novashare-button * {
  pointer-events: none;
}
.novashare-button-block {
  display: inline-flex;
  align-items: center;
  background: #333;
  background: var(--novashare-button-color);
}
.novashare-button-wrapper {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
.novashare-button:not(.novashare-hover-swap):hover .novashare-button-wrapper>span:not(.novashare-inverse) {
   box-shadow: inset 0 0 0 50px rgba(0,0,0,0.1);
}
.novashare-button:not(.novashare-hover-swap):hover .novashare-button-wrapper>span.novashare-inverse {
  filter: brightness(0.9);
}

/* button icon */
.novashare-button-icon {
  color: #fff;
  height: 40px;
  width: 40px;
  min-width: 40px;
  box-sizing: border-box;
}
.novashare-button-icon > * {
  height: 50%;
  margin: 0 auto;
}

/* button share count */
.novashare-button-share-count {
  display: none;
  font-size: 12px;
  align-items: center;
}
.novashare-button.novashare-share-count:hover svg {
  display: none;
}
.novashare-button.novashare-share-count:hover .novashare-button-share-count {
  display: flex;
}

/* button label */
.novashare-button-label {
  color: #fff;
  height: 100%;
  box-sizing: border-box;
  flex-grow: 1;
  padding: 0px 15px 0px 0px;
  overflow: hidden;
}
.novashare-button-label-wrapper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.novashare-button-icon.novashare-inverse + .novashare-button-label:not(.novashare-inverse), .novashare-button-icon:not(.novashare-inverse) + .novashare-button-label.novashare-inverse, .novashare-button-icon.novashare-border + .novashare-button-label.novashare-inverse {
  padding-left: 10px;
}

/* Social Network Defaults
/************************************************************/
.novashare-button.twitter {
  --novashare-button-color: #1DA1F2;
}
.novashare-button.facebook {
  --novashare-button-color: #3b5998;
}
.novashare-button.linkedin {
  --novashare-button-color: #0077B5;
}
.novashare-button.pinterest {
  --novashare-button-color: #C92228;
}
.novashare-button.buffer {
  --novashare-button-color: #323b43;
}
.novashare-button.reddit {
  --novashare-button-color: #ff4500;
}
.novashare-button.hackernews {
  --novashare-button-color: #F0652F;
}
.novashare-button.pocket {
  --novashare-button-color: #ef4056;
}
.novashare-button.whatsapp {
  --novashare-button-color: #25d366;
}
.novashare-button.tumblr {
  --novashare-button-color: #35465c;
}
.novashare-button.vkontakte {
  --novashare-button-color: #45668e;
}
.novashare-button.xing {
  --novashare-button-color: #026466;
}
.novashare-button.flipboard {
  --novashare-button-color: #e12828;
}
.novashare-button.mix {
  --novashare-button-color: #fd8235;
}
.novashare-button.yummly {
  --novashare-button-color: #e16120;
}
.novashare-button.sms {
  --novashare-button-color: #218AFF;
}
.novashare-button.email {
  --novashare-button-color: #319324;
}
.novashare-button.print {
  --novashare-button-color: #d34836;
}
.novashare-button.\35 00px {
  --novashare-button-color: #0099E5;
}
.novashare-button.bandcamp {
  --novashare-button-color: #408294;
}
.novashare-button.behance {
  --novashare-button-color: #1769FF;
}
.novashare-button.bitbucket {
  --novashare-button-color: #0052CC;
}
.novashare-button.copy {
  --novashare-button-color: #816B5B;
}
.novashare-button.deviantart {
  --novashare-button-color: #05CC47;
}
.novashare-button.discord {
  --novashare-button-color: #7289da;
}
.novashare-button.dribbble {
  --novashare-button-color: #EA4C89;
}
.novashare-button.dropbox {
  --novashare-button-color: #0061FF;
}
.novashare-button.flickr {
  --novashare-button-color: #0063DC;
}
.novashare-button.foursquare {
  --novashare-button-color: #F94877;
}
.novashare-button.github {
  --novashare-button-color: #181717;
}
.novashare-button.goodreads {
  --novashare-button-color: #553b08;
}
.novashare-button.houzz {
  --novashare-button-color: #4DBC15;
}
.novashare-button.instagram {
  --novashare-button-color: #E4405F;
}
.novashare-button.jsfiddle {
  --novashare-button-color: #0084FF;
}
.novashare-button.lastfm {
  --novashare-button-color: #D51007;
}
.novashare-button.line {
  --novashare-button-color: #00B900;
}
.novashare-button.messenger {
  --novashare-button-color: #0078FF;
}
.novashare-button.mixcloud {
  --novashare-button-color: #314359;
}
.novashare-button.phone {
  --novashare-button-color: #512DA8;
}
.novashare-button.rss {
  --novashare-button-color: #FFA500;
}
.novashare-button.share {
  --novashare-button-color: #2A2A2C;
}
.novashare-button.skype {
  --novashare-button-color: #00AFF0;
}
.novashare-button.snapchat {
  --novashare-button-color: #FFFC00;
}
.novashare-button.soundcloud {
  --novashare-button-color: #FF3300;
}
.novashare-button.spotify {
  --novashare-button-color: #1ED760;
}
.novashare-button.stackoverflow {
  --novashare-button-color: #FE7A16;
}
.novashare-button.subscribe {
  --novashare-button-color: #7A5189;
}
.novashare-button.telegram {
  --novashare-button-color: #0088cc;
}
.novashare-button.tripadvisor {
  --novashare-button-color: #34E0A1;
}
.novashare-button.vimeo {
  --novashare-button-color: #1AB7EA;
}
.novashare-button.wordpress {
  --novashare-button-color: #21759B;
}
.novashare-button.yelp {
  --novashare-button-color: #D32323;
}
.novashare-button.youtube {
  --novashare-button-color: #FF0000;
}
.novashare-button.angellist, .novashare-button.applemusic, .novashare-button.codepen, .novashare-button.digg, .novashare-button.steam, .novashare-button.tiktok {
  --novashare-button-color: #000;
}

/* Button Styles
/************************************************************/
.novashare-border {
  border: 2px solid var(--novashare-button-color);
}
body .novashare-button .novashare-button-block.novashare-inverse, body .novashare-button:hover .novashare-button-block.novashare-inverse, body a.novashare-button.novashare-hover-swap .novashare-button-block.novashare-button-wrapper {
  background: transparent;
  color: var(--novashare-button-color);
}

/* button layout */
.novashare-1-col .novashare-buttons-wrapper > a {
  flex-basis: 100%;
  margin-right: 0;
}
.novashare-2-col .novashare-buttons-wrapper > a {
  flex-basis: calc(50% - 5px);
}
.novashare-2-col .novashare-buttons-wrapper > a:nth-of-type(2n) {
  margin-right: 0;
}
.novashare-3-col .novashare-buttons-wrapper > a {
  flex-basis: calc(33.333333% - 6.666666px);
}
.novashare-3-col .novashare-buttons-wrapper > a:nth-of-type(3n) {
  margin-right: 0;
}
.novashare-4-col .novashare-buttons-wrapper > a {
  flex-basis: calc(25% - 7.5px);
}
.novashare-4-col .novashare-buttons-wrapper > a:nth-of-type(4n) {
  margin-right: 0;
}
.novashare-5-col .novashare-buttons-wrapper > a {
  flex-basis: calc(20% - 8px);
}
.novashare-5-col .novashare-buttons-wrapper > a:nth-of-type(5n) {
  margin-right: 0;
}
.novashare-6-col .novashare-buttons-wrapper > a {
  flex-basis: calc(16.666666% - 8.333333px);
}
.novashare-6-col .novashare-buttons-wrapper > a:nth-of-type(6n) {
  margin-right: 0;
}

/* button size */
.novashare-columns.small.novashare-has-total-share-count-before .novashare-buttons-wrapper {
  margin-left: 40px;
}
.novashare-columns.small.novashare-has-total-share-count-after .novashare-buttons-wrapper {
  margin-right: 40px;
}
.novashare-columns.large.novashare-has-total-share-count-before .novashare-buttons-wrapper {
  margin-left: 60px;
}
.novashare-columns.large.novashare-has-total-share-count-after .novashare-buttons-wrapper {
  margin-right: 60px;
}
.novashare-buttons.small .novashare-button {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.novashare-buttons.small .novashare-button-icon {
  height: 30px;
  width: 30px;
  min-width: 30px;
}
.novashare-buttons.small .novashare-button-share-count {
  font-size: 10px;
}
.novashare-buttons.large .novashare-button {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
}
.novashare-buttons.large .novashare-button-icon {
  height: 50px;
  width: 50px;
  min-width: 50px;
}
.novashare-buttons.large .novashare-button-share-count {
  font-size: 16px;
}

/* button shape */
.novashare-rounded {
  border-radius: 5px;
}
.novashare-rounded .novashare-button-label {
  border-radius: 0px 5px 5px 0px;
}
.novashare-circular {
  border-radius: 50px;
}
.novashare-circular .novashare-button-label {
  border-radius: 0px 50px 50px 0px;
}

/* button alignment */
.novashare-align-right {
  justify-content: flex-end;
}
.novashare-align-right .novashare-button {
  margin: 0px 0px 10px 10px;
}
.novashare-align-center {
  justify-content: center;
}
.novashare-align-center .novashare-button {
  margin-left: 5px;
  margin-right: 5px;
}

/* Total Share Count Box
/************************************************************/
.novashare-total-share-count {
  font-size: 15px;
  line-height: normal;
  text-align: center;
  display: inline-table;
  height: 40px;
  width: 40px;
  margin: 0px 0px 10px 0px;
}
.novashare-total-share-count-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.novashare-total-share-count-amount {
  font-weight: bold;
}
.novashare-total-share-count-text {
  font-size: 8px;
  line-height: 11px;
}
.novashare-columns .novashare-total-share-count {
  position: absolute;
  right: 0;
  margin: 0px !important;
}
.novashare-columns.novashare-has-total-share-count-before .novashare-total-share-count {
  right: unset;
  left: 0;
}

/* button sizes */
.novashare-buttons.small .novashare-total-share-count {
  height: 30px;
  width: 30px;
  font-size: 13px;
}
.novashare-buttons.small .novashare-total-share-count-text {
  font-size: 7px;
  line-height: 10px;
}
.novashare-buttons.large .novashare-total-share-count {
  height: 50px;
  width: 50px;
  font-size: 19px;
}
.novashare-buttons.large .novashare-total-share-count-text {
  font-size: 9px;
  line-height: 12px;
}

/* Inline Content
/************************************************************/
.novashare-inline {
  margin-bottom: 10px;
}
.novashare-inline-below {
  margin-top: 20px;
}
.novashare-inline-cta {
  margin-bottom: 10px;
  font-size: 20px;
}

/* Floating Bar
/************************************************************/
.novashare-floating {
  position: fixed;
  top: 25%;
  left: 5px;
  z-index: 999;
  height: 75%;
}
.novashare-floating .novashare-buttons-wrapper {
  flex-direction: column;
  height: 100%;
}

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