.shared-counts-wrap.style-fancy .shared-counts-button, .shared-counts-wrap.style-slim .shared-counts-button, .shared-counts-wrap.style-classic .shared-counts-button, .shared-counts-wrap.style-block .shared-counts-button, .shared-counts-wrap.style-rounded .shared-counts-button, .shared-counts-wrap.style-buttons .shared-counts-button, .shared-counts-wrap.style-bar .shared-counts-button:not(.included_total) {         }
.shared-counts-wrap.style-fancy .facebook.shared-counts-button, .shared-counts-wrap.style-slim .facebook.shared-counts-button, .shared-counts-wrap.style-classic .facebook.shared-counts-button, .shared-counts-wrap.style-block .facebook.shared-counts-button, .shared-counts-wrap.style-rounded .facebook.shared-counts-button, .shared-counts-wrap.style-buttons .facebook.shared-counts-button, .shared-counts-wrap.style-bar .facebook.shared-counts-button:not(.included_total), .shared-counts-wrap.style-fancy .facebook_likes.shared-counts-button, .shared-counts-wrap.style-slim .facebook_likes.shared-counts-button, .shared-counts-wrap.style-classic .facebook_likes.shared-counts-button, .shared-counts-wrap.style-block .facebook_likes.shared-counts-button, .shared-counts-wrap.style-rounded .facebook_likes.shared-counts-button, .shared-counts-wrap.style-buttons .facebook_likes.shared-counts-button, .shared-counts-wrap.style-bar .facebook_likes.shared-counts-button:not(.included_total), .shared-counts-wrap.style-fancy .facebook_shares.shared-counts-button, .shared-counts-wrap.style-slim .facebook_shares.shared-counts-button, .shared-counts-wrap.style-classic .facebook_shares.shared-counts-button, .shared-counts-wrap.style-block .facebook_shares.shared-counts-button, .shared-counts-wrap.style-rounded .facebook_shares.shared-counts-button, .shared-counts-wrap.style-buttons .facebook_shares.shared-counts-button, .shared-counts-wrap.style-bar .facebook_shares.shared-counts-button:not(.included_total), .shared-counts-wrap.style-fancy .facebook_comments.shared-counts-button, .shared-counts-wrap.style-slim .facebook_comments.shared-counts-button, .shared-counts-wrap.style-classic .facebook_comments.shared-counts-button, .shared-counts-wrap.style-block .facebook_comments.shared-counts-button, .shared-counts-wrap.style-rounded .facebook_comments.shared-counts-button, .shared-counts-wrap.style-buttons .facebook_comments.shared-counts-button, .shared-counts-wrap.style-bar .facebook_comments.shared-counts-button:not(.included_total) {
background-color: #3B5998;
}
.shared-counts-wrap.style-fancy .facebook.shared-counts-button:hover, .shared-counts-wrap.style-slim .facebook.shared-counts-button:hover, .shared-counts-wrap.style-classic .facebook.shared-counts-button:hover, .shared-counts-wrap.style-block .facebook.shared-counts-button:hover, .shared-counts-wrap.style-rounded .facebook.shared-counts-button:hover, .shared-counts-wrap.style-buttons .facebook.shared-counts-button:hover, .shared-counts-wrap.style-bar .facebook.shared-counts-button:hover:not(.included_total), .shared-counts-wrap.style-fancy .facebook_likes.shared-counts-button:hover, .shared-counts-wrap.style-slim .facebook_likes.shared-counts-button:hover, .shared-counts-wrap.style-classic .facebook_likes.shared-counts-button:hover, .shared-counts-wrap.style-block .facebook_likes.shared-counts-button:hover, .shared-counts-wrap.style-rounded .facebook_likes.shared-counts-button:hover, .shared-counts-wrap.style-buttons .facebook_likes.shared-counts-button:hover, .shared-counts-wrap.style-bar .facebook_likes.shared-counts-button:hover:not(.included_total), .shared-counts-wrap.style-fancy .facebook_shares.shared-counts-button:hover, .shared-counts-wrap.style-slim .facebook_shares.shared-counts-button:hover, .shared-counts-wrap.style-classic .facebook_shares.shared-counts-button:hover, .shared-counts-wrap.style-block .facebook_shares.shared-counts-button:hover, .shared-counts-wrap.style-rounded .facebook_shares.shared-counts-button:hover, .shared-counts-wrap.style-buttons .facebook_shares.shared-counts-button:hover, .shared-counts-wrap.style-bar .facebook_shares.shared-counts-button:hover:not(.included_total), .shared-counts-wrap.style-fancy .facebook_comments.shared-counts-button:hover, .shared-counts-wrap.style-slim .facebook_comments.shared-counts-button:hover, .shared-counts-wrap.style-classic .facebook_comments.shared-counts-button:hover, .shared-counts-wrap.style-block .facebook_comments.shared-counts-button:hover, .shared-counts-wrap.style-rounded .facebook_comments.shared-counts-button:hover, .shared-counts-wrap.style-buttons .facebook_comments.shared-counts-button:hover, .shared-counts-wrap.style-bar .facebook_comments.shared-counts-button:hover:not(.included_total) {
background-color: #2d4373;
}
.shared-counts-wrap.style-fancy .twitter.shared-counts-button, .shared-counts-wrap.style-slim .twitter.shared-counts-button, .shared-counts-wrap.style-classic .twitter.shared-counts-button, .shared-counts-wrap.style-block .twitter.shared-counts-button, .shared-counts-wrap.style-rounded .twitter.shared-counts-button, .shared-counts-wrap.style-buttons .twitter.shared-counts-button, .shared-counts-wrap.style-bar .twitter.shared-counts-button:not(.included_total) {
background-color: #00B6F1;
}
.shared-counts-wrap.style-fancy .twitter.shared-counts-button:hover, .shared-counts-wrap.style-slim .twitter.shared-counts-button:hover, .shared-counts-wrap.style-classic .twitter.shared-counts-button:hover, .shared-counts-wrap.style-block .twitter.shared-counts-button:hover, .shared-counts-wrap.style-rounded .twitter.shared-counts-button:hover, .shared-counts-wrap.style-buttons .twitter.shared-counts-button:hover, .shared-counts-wrap.style-bar .twitter.shared-counts-button:hover:not(.included_total) {
background-color: #008fbe;
}
.shared-counts-wrap.style-fancy .pinterest.shared-counts-button, .shared-counts-wrap.style-slim .pinterest.shared-counts-button, .shared-counts-wrap.style-classic .pinterest.shared-counts-button, .shared-counts-wrap.style-block .pinterest.shared-counts-button, .shared-counts-wrap.style-rounded .pinterest.shared-counts-button, .shared-counts-wrap.style-buttons .pinterest.shared-counts-button, .shared-counts-wrap.style-bar .pinterest.shared-counts-button:not(.included_total) {
background-color: #CB2027;
}
.shared-counts-wrap.style-fancy .pinterest.shared-counts-button:hover, .shared-counts-wrap.style-slim .pinterest.shared-counts-button:hover, .shared-counts-wrap.style-classic .pinterest.shared-counts-button:hover, .shared-counts-wrap.style-block .pinterest.shared-counts-button:hover, .shared-counts-wrap.style-rounded .pinterest.shared-counts-button:hover, .shared-counts-wrap.style-buttons .pinterest.shared-counts-button:hover, .shared-counts-wrap.style-bar .pinterest.shared-counts-button:hover:not(.included_total) {
background-color: #9f191f;
}
.shared-counts-wrap.style-fancy .stumbleupon.shared-counts-button, .shared-counts-wrap.style-slim .stumbleupon.shared-counts-button, .shared-counts-wrap.style-classic .stumbleupon.shared-counts-button, .shared-counts-wrap.style-block .stumbleupon.shared-counts-button, .shared-counts-wrap.style-rounded .stumbleupon.shared-counts-button, .shared-counts-wrap.style-buttons .stumbleupon.shared-counts-button, .shared-counts-wrap.style-bar .stumbleupon.shared-counts-button:not(.included_total) {
background-color: #eb4924;
}
.shared-counts-wrap.style-fancy .stumbleupon.shared-counts-button:hover, .shared-counts-wrap.style-slim .stumbleupon.shared-counts-button:hover, .shared-counts-wrap.style-classic .stumbleupon.shared-counts-button:hover, .shared-counts-wrap.style-block .stumbleupon.shared-counts-button:hover, .shared-counts-wrap.style-rounded .stumbleupon.shared-counts-button:hover, .shared-counts-wrap.style-buttons .stumbleupon.shared-counts-button:hover, .shared-counts-wrap.style-bar .stumbleupon.shared-counts-button:hover:not(.included_total) {
background-color: #ca3412;
}
.shared-counts-wrap.style-fancy .linkedin.shared-counts-button, .shared-counts-wrap.style-slim .linkedin.shared-counts-button, .shared-counts-wrap.style-classic .linkedin.shared-counts-button, .shared-counts-wrap.style-block .linkedin.shared-counts-button, .shared-counts-wrap.style-rounded .linkedin.shared-counts-button, .shared-counts-wrap.style-buttons .linkedin.shared-counts-button, .shared-counts-wrap.style-bar .linkedin.shared-counts-button:not(.included_total) {
background-color: #007BB6;
}
.shared-counts-wrap.style-fancy .linkedin.shared-counts-button:hover, .shared-counts-wrap.style-slim .linkedin.shared-counts-button:hover, .shared-counts-wrap.style-classic .linkedin.shared-counts-button:hover, .shared-counts-wrap.style-block .linkedin.shared-counts-button:hover, .shared-counts-wrap.style-rounded .linkedin.shared-counts-button:hover, .shared-counts-wrap.style-buttons .linkedin.shared-counts-button:hover, .shared-counts-wrap.style-bar .linkedin.shared-counts-button:hover:not(.included_total) {
background-color: #005983;
}
.shared-counts-wrap.style-fancy .google.shared-counts-button, .shared-counts-wrap.style-slim .google.shared-counts-button, .shared-counts-wrap.style-classic .google.shared-counts-button, .shared-counts-wrap.style-block .google.shared-counts-button, .shared-counts-wrap.style-rounded .google.shared-counts-button, .shared-counts-wrap.style-buttons .google.shared-counts-button, .shared-counts-wrap.style-bar .google.shared-counts-button:not(.included_total) {
background-color: #dd4b39;
}
.shared-counts-wrap.style-fancy .google.shared-counts-button:hover, .shared-counts-wrap.style-slim .google.shared-counts-button:hover, .shared-counts-wrap.style-classic .google.shared-counts-button:hover, .shared-counts-wrap.style-block .google.shared-counts-button:hover, .shared-counts-wrap.style-rounded .google.shared-counts-button:hover, .shared-counts-wrap.style-buttons .google.shared-counts-button:hover, .shared-counts-wrap.style-bar .google.shared-counts-button:hover:not(.included_total) {
background-color: #c23321;
}
.shared-counts-wrap.style-fancy .yummly.shared-counts-button, .shared-counts-wrap.style-slim .yummly.shared-counts-button, .shared-counts-wrap.style-classic .yummly.shared-counts-button, .shared-counts-wrap.style-block .yummly.shared-counts-button, .shared-counts-wrap.style-rounded .yummly.shared-counts-button, .shared-counts-wrap.style-buttons .yummly.shared-counts-button, .shared-counts-wrap.style-bar .yummly.shared-counts-button:not(.included_total) {
background-color: #E16120;
}
.shared-counts-wrap.style-fancy .yummly.shared-counts-button:hover, .shared-counts-wrap.style-slim .yummly.shared-counts-button:hover, .shared-counts-wrap.style-classic .yummly.shared-counts-button:hover, .shared-counts-wrap.style-block .yummly.shared-counts-button:hover, .shared-counts-wrap.style-rounded .yummly.shared-counts-button:hover, .shared-counts-wrap.style-buttons .yummly.shared-counts-button:hover, .shared-counts-wrap.style-bar .yummly.shared-counts-button:hover:not(.included_total) {
background-color: #b64d18;
}
.shared-counts-wrap.style-fancy .included_total.shared-counts-button, .shared-counts-wrap.style-slim .included_total.shared-counts-button, .shared-counts-wrap.style-classic .included_total.shared-counts-button, .shared-counts-wrap.style-block .included_total.shared-counts-button, .shared-counts-wrap.style-rounded .included_total.shared-counts-button, .shared-counts-wrap.style-buttons .included_total.shared-counts-button, .shared-counts-wrap.style-bar .included_total.shared-counts-button:not(.included_total) {
background-color: #999999;
}
.shared-counts-wrap.style-fancy .email.shared-counts-button, .shared-counts-wrap.style-slim .email.shared-counts-button, .shared-counts-wrap.style-classic .email.shared-counts-button, .shared-counts-wrap.style-block .email.shared-counts-button, .shared-counts-wrap.style-rounded .email.shared-counts-button, .shared-counts-wrap.style-buttons .email.shared-counts-button, .shared-counts-wrap.style-bar .email.shared-counts-button:not(.included_total) {
background-color: #424345;
}
.shared-counts-wrap.style-fancy .email.shared-counts-button:hover, .shared-counts-wrap.style-slim .email.shared-counts-button:hover, .shared-counts-wrap.style-classic .email.shared-counts-button:hover, .shared-counts-wrap.style-block .email.shared-counts-button:hover, .shared-counts-wrap.style-rounded .email.shared-counts-button:hover, .shared-counts-wrap.style-buttons .email.shared-counts-button:hover, .shared-counts-wrap.style-bar .email.shared-counts-button:hover:not(.included_total) {
background-color: #292a2b;
}
.shared-counts-wrap.style-fancy .print.shared-counts-button, .shared-counts-wrap.style-slim .print.shared-counts-button, .shared-counts-wrap.style-classic .print.shared-counts-button, .shared-counts-wrap.style-block .print.shared-counts-button, .shared-counts-wrap.style-rounded .print.shared-counts-button, .shared-counts-wrap.style-buttons .print.shared-counts-button, .shared-counts-wrap.style-bar .print.shared-counts-button:not(.included_total) {
background-color: #4D4D4D;
}
.shared-counts-wrap.style-fancy .print.shared-counts-button:hover, .shared-counts-wrap.style-slim .print.shared-counts-button:hover, .shared-counts-wrap.style-classic .print.shared-counts-button:hover, .shared-counts-wrap.style-block .print.shared-counts-button:hover, .shared-counts-wrap.style-rounded .print.shared-counts-button:hover, .shared-counts-wrap.style-buttons .print.shared-counts-button:hover, .shared-counts-wrap.style-bar .print.shared-counts-button:hover:not(.included_total) {
background-color: #343434;
} .shared-counts-wrap {
margin: 0 0 20px 0;
overflow: hidden;
width: 100%;
}
.shared-counts-wrap .shared-counts-label {
letter-spacing: normal;
} .shared-counts-wrap.style-fancy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 92px;
position: relative;
}
.shared-counts-wrap.style-fancy .shared-counts-button {
border-radius: 4px;
color: #fff;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 10px;
line-height: 0;
text-align: center;
}
.shared-counts-wrap.style-fancy .shared-counts-button:hover {
text-decoration: none;
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
}
@media only screen and (min-width: 768px) {
.shared-counts-wrap.style-fancy .shared-counts-button:hover .shared-counts-label {
width: 80px;
opacity: 1;
}
}
.shared-counts-wrap.style-fancy .shared-counts-button .shared-counts-count {
display: inline-block;
line-height: 32px;
font-size: 14px;
}
.shared-counts-wrap.style-fancy .shared-counts-button .shared-counts-icon {
display: block;
float: left;
width: 30px;
height: 32px;
text-align: center;
}
.shared-counts-wrap.style-fancy .shared-counts-button svg {
fill: #fff;
width: 18px;
height: 18px;
margin-top: 7px;
}
.shared-counts-wrap.style-fancy .shared-counts-button .shared-counts-label {
display: block;
float: left;
font-size: 14px;
font-weight: 400;
height: 32px;
margin: 0 0 0 6px;
vertical-align: middle;
line-height: 32px;
color: #fff;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
width: 1px;
max-width: calc( 100% - 40px);
overflow: hidden;
opacity: 0;
text-align: left;
}
.shared-counts-wrap.style-fancy .shared-counts-button.included_total {
position: absolute;
top: 0;
right: 0;
width: 76px;
background: transparent;
color: #999999;
}
.shared-counts-wrap.style-fancy .shared-counts-button.included_total:hover {
background: transparent;
}
.shared-counts-wrap.style-fancy .shared-counts-button.included_total svg {
fill: #999999;
}
.shared-counts-wrap.style-fancy .shared-counts-button.included_total .shared-counts-count,
.shared-counts-wrap.style-fancy .shared-counts-button.included_total .shared-counts-label {
line-height: 16px;
position: absolute;
top: 0;
right: 0;
width: calc( 100% - 32px);
text-align: center;
}
.shared-counts-wrap.style-fancy .shared-counts-button.included_total .shared-counts-label {
color: #999999;
top: 16px;
opacity: 1;
font-size: 10px;
text-transform: uppercase;
height: 16px;
} .shared-counts-wrap.style-slim .shared-counts-button {
border-radius: 2px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;
display: inline-block;
line-height: 0;
margin-right: 8px;
}
.shared-counts-wrap.style-slim .shared-counts-button:last-child {
margin-right: 0;
}
.shared-counts-wrap.style-slim .shared-counts-button:hover .shared-counts-label {
width: auto;
max-width: 100px;
margin-right: 14px;
opacity: 1;
}
.shared-counts-wrap.style-slim .shared-counts-button .shared-counts-icon {
float: left;
display: block;
margin: 5px 10px;
}
.shared-counts-wrap.style-slim .shared-counts-button .shared-counts-icon svg {
fill: #fff;
width: 12px;
height: 12px;
}
.shared-counts-wrap.style-slim .shared-counts-button .shared-counts-label {
color: #fff;
display: block;
float: left;
font-size: 12px;
margin: 4px 0 0 0;
line-height: 14px;
transition: all 0.4s ease-in-out;
max-width: 1px;
overflow: hidden;
opacity: 0;
}
.shared-counts-wrap.style-slim .shared-counts-button .shared-counts-count {
background-color: #fff;
border: 1px solid #AAAAAA;
border-radius: 0 2px 2px 0;
color: #4D4D4D;
display: block;
float: right;
font-size: 12px;
height: 22px;
line-height: 20px;
margin-right: -2px;
min-width: 25px;
padding: 0 8px;
position: relative;
} .shared-counts-wrap.style-classic .shared-counts-button {
border-radius: 2px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;
display: inline-block;
line-height: 0;
margin-right: 8px;
}
.shared-counts-wrap.style-classic .shared-counts-button:last-child {
margin-right: 0;
}
.shared-counts-wrap.style-classic .shared-counts-button .shared-counts-icon {
float: left;
display: block;
margin: 6px 8px 6px 6px;
}
.shared-counts-wrap.style-classic .shared-counts-button .shared-counts-icon svg {
fill: #fff;
width: 10px;
height: 10px;
}
.shared-counts-wrap.style-classic .shared-counts-button .shared-counts-label {
color: #fff;
display: block;
float: left;
font-size: 12px;
margin: 4px 11px 0 0;
line-height: 14px;
}
.shared-counts-wrap.style-classic .shared-counts-button .shared-counts-count {
background-color: #fff;
border: 1px solid #AAAAAA;
border-radius: 0 2px 2px 0;
color: #4D4D4D;
display: block;
float: right;
font-size: 12px;
height: 22px;
line-height: 20px;
margin-right: -2px;
min-width: 25px;
padding: 0 8px;
position: relative;
}
.shared-counts-wrap.style-classic .shared-counts-button .shared-counts-count:after, .shared-counts-wrap.style-classic .shared-counts-button .shared-counts-count:before {
content: '';
display: block;
position: absolute;
top: 50%;
margin-top: -6px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid;
}
.shared-counts-wrap.style-classic .shared-counts-button .shared-counts-count:after {
left: -5px;
border-right-color: #fff;
}
.shared-counts-wrap.style-classic .shared-counts-button .shared-counts-count:before {
left: -6px;
border-right-color: #fff;
} .shared-counts-wrap.style-icon .shared-counts-button {
float: left;
display: block;
margin: 0;
}
.shared-counts-wrap.style-icon .shared-counts-button .shared-counts-icon {
display: block;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
}
.shared-counts-wrap.style-icon .shared-counts-button .shared-counts-icon svg {
fill: #999999;
width: 16px;
height: 16px;
}
.shared-counts-wrap.style-icon .shared-counts-button:hover {
text-decoration: none;
}
.shared-counts-wrap.style-icon .shared-counts-button:hover.facebook svg {
fill: #3B5998;
}
.shared-counts-wrap.style-icon .shared-counts-button:hover.twitter svg {
fill: #00B6F1;
}
.shared-counts-wrap.style-icon .shared-counts-button:hover.google svg {
fill: #dd4b39;
}
.shared-counts-wrap.style-icon .shared-counts-button:hover.linkedin svg {
fill: #007BB6;
}
.shared-counts-wrap.style-icon .shared-counts-button:hover.pinterest svg {
fill: #CB2027;
}
.shared-counts-wrap.style-icon .shared-counts-button:hover.stumbleupon svg {
fill: #eb4924;
}
.shared-counts-wrap.style-icon .shared-counts-button:hover.yummly svg {
fill: #E16120;
}
.shared-counts-wrap.style-icon .shared-counts-button:hover.email svg {
fill: #424345;
}
.shared-counts-wrap.style-icon .shared-counts-button:hover.print svg {
fill: #4D4D4D;
}
.shared-counts-wrap.style-icon .shared-counts-button.included_total {
color: #424345;
font-size: 20px;
line-height: 32px;
}
.shared-counts-wrap.style-icon .shared-counts-button.included_total .shared-counts-icon {
display: none;
}
.shared-counts-wrap.style-icon .shared-counts-button.included_total .shared-counts-icon-label {
float: right;
padding-left: 5px;
}
.shared-counts-wrap.style-icon .shared-counts-button:not(.included_total) .shared-counts-label,
.shared-counts-wrap.style-icon .shared-counts-button:not(.included_total) .shared-counts-count {
display: none;
} .shared-counts-wrap.style-block .shared-counts-button, .shared-counts-wrap.style-rounded .shared-counts-button, .shared-counts-wrap.style-buttons .shared-counts-button {
display: block;
float: left;
margin: 0;
width: 32px;
height: 32px;
line-height: 0;
text-align: center;
}
.shared-counts-wrap.style-block .shared-counts-button svg, .shared-counts-wrap.style-rounded .shared-counts-button svg, .shared-counts-wrap.style-buttons .shared-counts-button svg {
fill: #fff;
width: 16px;
height: 16px;
margin-top: 8px;
}
.shared-counts-wrap.style-block .shared-counts-button .shared-counts-label, .shared-counts-wrap.style-rounded .shared-counts-button .shared-counts-label, .shared-counts-wrap.style-buttons .shared-counts-button .shared-counts-label,
.shared-counts-wrap.style-block .shared-counts-button .shared-counts-count,
.shared-counts-wrap.style-rounded .shared-counts-button .shared-counts-count,
.shared-counts-wrap.style-buttons .shared-counts-button .shared-counts-count {
display: none;
}
.shared-counts-wrap.style-block .shared-counts-button.included_total, .shared-counts-wrap.style-rounded .shared-counts-button.included_total, .shared-counts-wrap.style-buttons .shared-counts-button.included_total {
background: transparent;
width: auto;
padding: 0 10px;
font-size: 22px;
line-height: 32px;
}
.shared-counts-wrap.style-block .shared-counts-button.included_total:hover, .shared-counts-wrap.style-rounded .shared-counts-button.included_total:hover, .shared-counts-wrap.style-buttons .shared-counts-button.included_total:hover {
background: transparent;
}
.shared-counts-wrap.style-block .shared-counts-button.included_total .shared-counts-label, .shared-counts-wrap.style-rounded .shared-counts-button.included_total .shared-counts-label, .shared-counts-wrap.style-buttons .shared-counts-button.included_total .shared-counts-label,
.shared-counts-wrap.style-block .shared-counts-button.included_total .shared-counts-count,
.shared-counts-wrap.style-rounded .shared-counts-button.included_total .shared-counts-count,
.shared-counts-wrap.style-buttons .shared-counts-button.included_total .shared-counts-count {
display: block;
}
.shared-counts-wrap.style-block .shared-counts-button.included_total .shared-counts-count,
.shared-counts-wrap.style-rounded .shared-counts-button.included_total .shared-counts-count,
.shared-counts-wrap.style-buttons .shared-counts-button.included_total .shared-counts-count {
float: left;
padding-right: 3px;
}
.shared-counts-wrap.style-block .shared-counts-button.included_total .shared-counts-icon-label, .shared-counts-wrap.style-rounded .shared-counts-button.included_total .shared-counts-icon-label, .shared-counts-wrap.style-buttons .shared-counts-button.included_total .shared-counts-icon-label {
float: right;
}
.shared-counts-wrap.style-block .shared-counts-button.included_total .shared-counts-icon, .shared-counts-wrap.style-rounded .shared-counts-button.included_total .shared-counts-icon, .shared-counts-wrap.style-buttons .shared-counts-button.included_total .shared-counts-icon {
display: none;
} .shared-counts-wrap.style-bar a:first-of-type {
border-radius: 5px 0 0 5px;
}
.shared-counts-wrap.style-bar a:last-of-type {
border-radius: 0 5px 5px 0;
}
.shared-counts-wrap.style-bar .shared-counts-button:not(.included_total) {
color: #fff;
display: block;
float: left;
font-size: 13px;
font-weight: 700;
line-height: 0;
padding: 4px 10px;
margin: 0;
text-align: center;
}
.shared-counts-wrap.style-bar .shared-counts-button:not(.included_total) .shared-counts-icon {
line-height: 0;
display: block;
float: left;
padding-right: 10px;
}
.shared-counts-wrap.style-bar .shared-counts-button:not(.included_total) svg {
fill: #fff;
width: 16px;
height: 16px;
}
.shared-counts-wrap.style-bar .shared-counts-button:not(.included_total) .shared-counts-label {
display: block;
float: left;
line-height: 16px;
}
.shared-counts-wrap.style-bar .shared-counts-button:not(.included_total) .shared-counts-count {
display: none;
}
.shared-counts-wrap.style-bar .shared-counts-button.included_total {
background: transparent;
display: block;
float: left;
padding: 0 10px;
font-size: 18px;
line-height: 24px;
}
.shared-counts-wrap.style-bar .shared-counts-button.included_total:hover {
background: transparent;
}
.shared-counts-wrap.style-bar .shared-counts-button.included_total .shared-counts-label,
.shared-counts-wrap.style-bar .shared-counts-button.included_total .shared-counts-count {
display: block;
}
.shared-counts-wrap.style-bar .shared-counts-button.included_total .shared-counts-count {
float: left;
padding-right: 3px;
}
.shared-counts-wrap.style-bar .shared-counts-button.included_total .shared-counts-icon-label {
float: right;
}
.shared-counts-wrap.style-bar .shared-counts-button.included_total .shared-counts-icon {
display: none;
} .shared-counts-wrap.style-rounded a.shared-counts-button {
width: 64px;
}
.shared-counts-wrap.style-rounded a.shared-counts-button:first-of-type {
border-radius: 100px 0 0 100px;
}
.shared-counts-wrap.style-rounded a.shared-counts-button:last-of-type {
border-radius: 0 100px 100px 0;
} .shared-counts-wrap.style-buttons .shared-counts-button {
margin-right: 12px;
}
.shared-counts-wrap.style-buttons .shared-counts-button:last-child {
margin-right: 0;
}
.shared-counts-wrap.style-buttons a.shared-counts-button {
border-radius: 16px;
width: 64px;
} #shared-counts-modal-wrap {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
background: rgba(0, 0, 0, 0.4);
z-index: 999;
overflow: hidden;
}
.shared-counts-modal {
background: #fff;
border-radius: 4px;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 350px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -175px;
transform: translateY(-50%);
overflow: hidden;
}
#shared-counts-modal-close {
position: absolute;
top: 8px;
right: 8px;
height: 8px;
width: 8px;
display: block;
line-height: 0;
z-index: 2;
}
.shared-counts-modal-header {
background: #3B5897;
color: #fff;
line-height: 1.2;
position: relative;
padding: 24px;
padding-left: 88px;
z-index: 1;
}
.shared-counts-modal-icon {
position: absolute;
left: 24px;
top: 50%;
margin-top: -24px;
width: 48px;
height: 48px;
fill: #fff;
}
.shared-counts-modal-title {
display: block;
font-size: 20px;
margin-bottom: 4px;
}
.shared-counts-modal-subtitle {
font-size: 14px;
}
.shared-counts-modal-content {
padding: 24px;
position: relative;
}
.shared-counts-modal-content label {
display: none;
}
.shared-counts-modal-content input[type="text"],
.shared-counts-modal-content input[type="email"] {
background: #fff;
border: 1px solid #D9D9D9;
border-radius: 4px;
box-shadow: none;
font-size: 14px;
line-height: 16px;
padding: 8px;
width: 100%;
}
.shared-counts-modal-content p {
margin-bottom: 12px;
}
.shared-counts-modal-content .shared-counts-modal-submit {
margin-bottom: 0;
text-align: center;
}
.shared-counts-modal-content .shared-counts-modal-submit button {
background: #3B5897;
border: none;
border-radius: 16px;
box-shadow: none;
color: #fff;
font-size: 13px;
font-weight: 700;
line-height: 16px;
padding: 8px 32px;
}
.shared-counts-modal-content .shared-counts-modal-submit button:hover {
background: #2d4372;
color: #fff;
}
.shared-counts-modal-validation {
display: none;
}
#shared-counts-modal-recaptcha {
margin: 16px 0 18px;
}
#shared-counts-modal-sent {
position: absolute;
width: calc( 100% - 48px);
text-align: center;
top: 50%;
transform: translateY(-50%);
display: none;
}