.sharebuttons {
	overflow:hidden;
}

.sharebuttons > ul.theme {
	list-style-type:none;
	margin:-4px;
	padding:0;
}

.sharebuttons > ul.theme:after {
	content:"";
	display:block;
	clear:both;
}

.sharebuttons > ul.theme > li {
	float:left;
}

.sharebuttons > ul.theme > li > a {
	margin:4px;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-indent:101%;
	background-repeat:no-repeat;
	background-position:center;
}

.sharebuttons > ul.text > li > a {
	text-indent:0;
}

/* source: http://simpleicons.org/ */

.sharebuttons > ul.simpleicons_black > li > a {
	width:32px;
	height:32px;
	background-image:url('../../system/modules/sharebuttons/assets/simpleicons/sprites-black-32.png');
}

.sharebuttons > ul.simpleicons_black > li > a.facebook {
	background-position:-40px 0;
}

.sharebuttons > ul.simpleicons_black > li > a.twitter {
	background-position:-160px 0;
}

.sharebuttons > ul.simpleicons_black > li > a.gplus {
	background-position:-80px 0;
}

.sharebuttons > ul.simpleicons_black > li > a.linkedin {
	background-position:-120px 0;
}

.sharebuttons > ul.simpleicons_black > li > a.xing {
	background-position:-200px 0;
}

.sharebuttons > ul.simpleicons_black > li > a.mail {
	background-position:0 0;
}

.sharebuttons > ul.simpleicons_black > li > a.tumblr {
	background-position:-240px 0;
}

.sharebuttons > ul.simpleicons_black > li > a.pinterest {
	background-position:-280px 0;
}

.sharebuttons > ul.simpleicons_black > li > a.reddit {
	background-position:-320px 0;
}

.sharebuttons > ul.simpleicons_black > li > a.whatsapp {
	background-position:-360px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (-o-min-device-pixel-ratio: 13/10),
       only screen and (min-resolution: 120dpi) 
{
	.sharebuttons > ul.simpleicons_black > li > a {
		background-size:auto 32px;
		background-image:url('../../system/modules/sharebuttons/assets/simpleicons/sprites-black-64.png');
	}
}

.sharebuttons > ul.fontawesome > li > a {
	text-indent:0;
	text-decoration:none;
	font-size:24px;
	width:32px;
	height:32px;
	line-height:32px;
	text-align:center;
	color:#606060;
	transition:0.4s;
}

.sharebuttons > ul.fontawesome > li > a:hover {
	color:#000;
}

