* Contains styles for modules, containers, buttons
/* Overall Sharedaddy block title */
div.sharedaddy h3.sd-title {
body.highlander-light h3.sd-title::before {
border-top: 1px solid rgba(0, 0, 0, 0.2);
body.highlander-dark h3.sd-title::before {
border-top: 1px solid rgba(255, 255, 255, 0.4);
/* Sharing services list */
list-style: none !important;
.sd-content ul li.share-deprecated {
.sd-content ul li.share-deprecated a span {
text-decoration: line-through;
/* Sharing email errors */
.sd-content .share-email-error .share-email-error-title {
.sd-content .share-email-error .share-email-error-text {
font-family: "Open Sans", sans-serif;
.sd-social-icon .sd-content ul li a.sd-button,
.sd-social-text .sd-content ul li a.sd-button,
.sd-content ul li a.sd-button,
.sd-content ul li .option a.share-ustom, /* Ugh. */
.sd-content ul li.preview-item div.option.option-smart-off a,
.sd-content ul li.advanced a.share-more,
.sd-social-icon-text .sd-content ul li a.sd-button,
.sd-social-official .sd-content > ul > li > a.sd-button,
#sharing_email .sharing_send,
.sd-social-official .sd-content > ul > li .digg_button > a { /* official Digg button no longer works, needs cleaning */
text-decoration: none !important;
font-family: "Open Sans", sans-serif;
color: #2c3338 !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12);
padding: 4px 11px 3px 9px;
.sd-social-official .sd-content ul li a.sd-button,
.sd-social-official .sd-content ul li.preview-item div.option.option-smart-off a {
.sd-social-official .sd-content ul.preview li a.sd-button,
.sd-social-official .sd-content ul.preview li.preview-item div.option.option-smart-off a {
.sd-content ul li a.sd-button > span,
.sd-content ul li .option a.share-ustom span, /* Ugh. */
.sd-content ul li.preview-item div.option.option-smart-off a span,
.sd-content ul li.advanced a.share-more span,
.sd-social-icon-text .sd-content ul li a.sd-button > span,
.sd-social-official .sd-content > ul > li > a.sd-button span,
.sd-social-official .sd-content > ul > li .digg_button > a span { /* official Digg button no longer works, needs cleaning */
.sd-social-icon .sd-content ul li a.sd-button > span {
body .sd-social-icon .sd-content ul li[class*="share-"] a.sd-button.share-icon.no-text span:not(.custom-sharing-span) {
.sd-social-text .sd-content ul li a.sd-button span {
.sd-social-official .sd-content ul li a.sd-button > span,
.sd-social-official .sd-content ul li.preview-item div.option.option-smart-off a span {
.sd-social-official .sd-content > ul > li > a.sd-button::before,
.sd-social-official .sd-content > ul > li .digg_button > a::before,
.sd-social-official .sd-content .sharing-hidden .inner > ul > li > a.sd-button::before,
.sd-social-official .sd-content .sharing-hidden .inner > ul > li .digg_button > a::before {
.sd-social-icon .sd-content ul li a.sd-button:hover,
.sd-social-icon .sd-content ul li a.sd-button:active,
.sd-social-text .sd-content ul li a.sd-button:hover,
.sd-social-text .sd-content ul li a.sd-button:active,
.sd-social-icon-text .sd-content ul li a.sd-button:hover,
.sd-social-icon-text .sd-content ul li a.sd-button:active,
.sd-social-official .sd-content > ul > li > a.sd-button:hover,
.sd-social-official .sd-content > ul > li > a.sd-button:active,
.sd-social-official .sd-content > ul > li .digg_button > a:hover,
.sd-social-official .sd-content > ul > li .digg_button > a:active {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.22);
.sd-social-icon .sd-content ul li a.sd-button:active,
.sd-social-text .sd-content ul li a.sd-button:active,
.sd-social-icon-text .sd-content ul li a.sd-button:active,
.sd-social-official .sd-content > ul > li > a.sd-button:active,
.sd-social-official .sd-content > ul > li .digg_button > a:active {
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.16);
.sd-content ul li a.sd-button::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font: 400 18px/1 social-logos;
/* text + icon styles should have relative and top position */
.sd-social-icon-text ul li a.sd-button::before {
/* Make it look great in Chrome and Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.sd-content ul li a.sd-button::before {
.sd-social-official ul li a.sd-button::before {
/* Make it look great in Chrome and Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.sd-social-official ul li a.sd-button::before {
/* Add more pading on touch devices */
.jp-sharing-input-touch .sd-content ul li {
.sd-content ul li.preview-item.no-icon a.sd-button span {
.sd-social-text .sd-content ul li a::before,
.sd-content ul li.no-icon a::before {
body .sd-social-text .sd-content ul li.share-custom a span,
body .sd-content ul li.share-custom.no-icon a span {
background-position: -500px -500px !important; /* hack to work around !important inline style */
background-repeat: no-repeat !important;
.sd-social-icon .sd-content ul li a.share-more {
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.sd-social-icon .sd-content ul li a.share-more {
/* Hack to make the share more button look better on Firefox. */
@-moz-document url-prefix() {
.sd-social-icon .sd-content ul li a.share-more {
.sd-social-icon .sd-content ul li a.share-more span {
.sd-social-icon .sd-content ul li.share-print a::before,
.sd-social-text .sd-content ul li.share-print a::before,
.sd-content ul li.share-print div.option.option-smart-off a::before,
.sd-social-icon-text .sd-content li.share-print a::before,
.sd-social-official .sd-content li.share-print a::before {
.sd-social-icon .sd-content ul li.share-email a::before,
.sd-social-text .sd-content ul li.share-email a::before,
.sd-content ul li.share-email div.option.option-smart-off a::before,
.sd-social-icon-text .sd-content li.share-email a::before,
.sd-social-official .sd-content li.share-email a::before {
.sd-social-icon .sd-content ul li.share-linkedin a::before,
.sd-social-text .sd-content ul li.share-linkedin a::before,
.sd-content ul li.share-linkedin div.option.option-smart-off a::before,
.sd-social-icon-text .sd-content li.share-linkedin a::before {
.sd-social-icon .sd-content ul li.share-twitter a::before,
.sd-social-text .sd-content ul li.share-twitter a::before,
.sd-content ul li.share-twitter div.option.option-smart-off a::before,
.sd-social-icon-text .sd-content li.share-twitter a::before,
.sd-social-icon .sd-content ul li.share-x a::before,
.sd-social-text .sd-content ul li.share-x a::before,
.sd-content ul li.share-x div.option.option-smart-off a::before,
.sd-social-icon-text .sd-content li.share-x a::before {
.sd-social-icon .sd-content ul li.share-reddit a::before,
.sd-social-text .sd-content ul li.share-reddit a::before,
.sd-content ul li.share-reddit div.option.option-smart-off a::before,
.sd-social-icon-text .sd-content li.share-reddit a::before,
.sd-social-official .sd-content li.share-reddit a::before {
.sd-social-icon .sd-content ul li.share-tumblr a::before,
.sd-social-text .sd-content ul li.share-tumblr a::before,
.sd-content ul li.share-tumblr div.option.option-smart-off a::before,
.sd-social-icon-text .sd-content li.share-tumblr a::before {
.sd-social-icon .sd-content ul li.share-pocket a::before,
.sd-social-text .sd-content ul li.share-pocket a::before,
.sd-content ul li.share-pocket div.option.option-smart-off a::before,
.sd-social-icon-text .sd-content li.share-pocket a::before {
.sd-social-icon .sd-content ul li.share-pinterest a::before,
.sd-social-text .sd-content ul li.share-pinterest a::before,
.sd-content ul li.share-pinterest div.option.option-smart-off a::before,
.sd-social-icon-text .sd-content li.share-pinterest a::before {
.sd-social-icon .sd-content ul li.share-facebook a::before,
.sd-social-text .sd-content ul li.share-facebook a::before,
.sd-content ul li.share-facebook div.option.option-smart-off a::before,
.sd-social-icon-text .sd-content li.share-facebook a::before {
.sd-social-icon .sd-content ul li.share-press-this a::before,
.sd-social-text .sd-content ul li.share-press-this a::before,
.sd-content ul li.share-press-this div.option.option-smart-off a::before,
.sd-social-icon-text .sd-content li.share-press-this a::before,
.sd-social-official .sd-content li.share-press-this a::before {
.sd-social-official .sd-content li.share-press-this a::before {
.sd-social-icon .sd-content ul li.share-telegram a::before,
.sd-social-text .sd-content ul li.share-telegram a::before,
.sd-content ul li.share-telegram div.option.option-smart-off a::before,
.sd-social-icon-text .sd-content li.share-telegram a::before,
.sd-social-official .sd-content li.share-telegram a::before {
.sd-social-official .sd-content li.share-telegram a::before {
.sd-social-icon .sd-content ul li.share-threads a::before,
.sd-social-text .sd-content ul li.share-threads a::before,
.sd-content ul li.share-threads div.option.option-smart-off a::before,
.sd-social-icon-text .sd-content li.share-threads a::before,
.sd-social-official .sd-content li.share-threads a::before {
.sd-social-official .sd-content li.share-threads a::before {
.sd-social-icon .sd-content ul li[class*="share-"].share-threads a.sd-button {
.sd-social-icon .sd-content ul li.share-mastodon a::before,
.sd-social-text .sd-content ul li.share-mastodon a::before,
.sd-content ul li.share-mastodon div.option.option-smart-off a::before,
.sd-social-icon-text .sd-content li.share-mastodon a::before,
.sd-social-official .sd-content li.share-mastodon a::before {
.sd-social-official .sd-content li.share-mastodon a::before {
.sd-social-icon .sd-content ul a.share-more::before,
.sd-social-text .sd-content ul a.share-more::before,
.sd-content ul li.advanced a.share-more::before,
.sd-social-icon-text .sd-content a.share-more::before,
.sd-social-official .sd-content a.share-more::before {
.sd-social-official .sd-content a.share-more::before {
.sd-social-icon .sd-content ul li.share-jetpack-whatsapp a::before,
.sd-social-text .sd-content ul li.share-jetpack-whatsapp a::before,
.sd-content ul li.share-jetpack-whatsapp div.option.option-smart-off a::before,
.sd-social-icon-text .sd-content li.share-jetpack-whatsapp a::before,
.sd-social-official .sd-content li.share-jetpack-whatsapp a::before {
.sd-social-official .sd-content li.share-jetpack-whatsapp a::before {
.sd-social-icon .sd-content ul li[class*="share-"].share-jetpack-whatsapp a.sd-button {
.sd-social-icon .sd-content ul li.share-nextdoor a::before,
.sd-social-text .sd-content ul li.share-nextdoor a::before,
.sd-content ul li.share-nextdoor div.option.option-smart-off a::before,
.sd-social-icon-text .sd-content li.share-nextdoor a::before,
.sd-social-official .sd-content li.share-nextdoor a::before {
.sd-social-official .sd-content li.share-nextdoor a::before {
.sd-social-icon .sd-content ul li[class*="share-"].share-nextdoor a.sd-button {
.sd-social-icon .sd-content ul li.share-bluesky a::before,
.sd-social-text .sd-content ul li.share-bluesky a::before,
.sd-content ul li.share-bluesky div.option.option-smart-off a::before,
.sd-social-icon-text .sd-content li.share-bluesky a::before,
.sd-social-official .sd-content li.share-bluesky a::before {
.sd-social-official .sd-content li.share-bluesky a::before {
.sd-social-icon .sd-content ul li[class*="share-"].share-bluesky a.sd-button {
.sd-social-icon .sd-content ul li.share-deprecated a::before,
.sd-social-icon-text .sd-content li.share-deprecated a::before,
.sd-social-official .sd-content li.share-deprecated a::before,
.sd-content ul li.share-deprecated div.option.option-smart-off a::before {
.sd-social .sd-button .share-count {
.sd-social-official .sd-content > ul > li > a.sd-button span {
.sd-social-official .sd-content ul {
.sd-social-official .sd-content ul::after {
.sd-social-official .sd-content li.share-press-this a {