1@font-face {
2    font-family: 'scriptless-socialbuttons';
3    src:    url('fonts/scriptless-socialbuttons.eot?bjwlwc');
4    src:    url('fonts/scriptless-socialbuttons.eot?bjwlwc#iefix') format('embedded-opentype'),
5        url('fonts/scriptless-socialbuttons.ttf?bjwlwc') format('truetype'),
6        url('fonts/scriptless-socialbuttons.woff?bjwlwc') format('woff'),
7        url('fonts/scriptless-socialbuttons.svg?bjwlwc#scriptless-socialbuttons') format('svg');
8    font-weight: normal;
9    font-style: normal;
10}
11
12[class^="sharingicon-"], [class*=" sharingicon-"] {
13    /* use !important to prevent issues with browser extensions that change fonts */
14    font-family: 'scriptless-socialbuttons' !important;
15    speak: none;
16    font-style: normal;
17    font-weight: normal;
18    font-variant: normal;
19    text-transform: none;
20    line-height: 1;
21
22    /* Better Font Rendering =========== */
23    -webkit-font-smoothing: antialiased;
24    -moz-osx-font-smoothing: grayscale;
25}
26
27.sharingicon-evernote:before {
28    content: "\e901";
29}
30.sharingicon-stack:before {
31    content: "\e900";
32}
33.sharingicon-envelope-o:before {
34    content: "\f003";
35}
36.sharingicon-pencil:before {
37    content: "\f040";
38}
39.sharingicon-twitter:before {
40    content: "\f099";
41}
42.sharingicon-facebook:before {
43    content: "\f09a";
44}
45.sharingicon-facebook-f:before {
46    content: "\f09a";
47}
48.sharingicon-google-plus:before {
49    content: "\f0d5";
50}
51.sharingicon-linkedin:before {
52    content: "\f0e1";
53}
54.sharingicon-xing:before {
55    content: "\f168";
56}
57.sharingicon-tumblr:before {
58    content: "\f173";
59}
60.sharingicon-wordpress:before {
61    content: "\f19a";
62}
63.sharingicon-stumbleupon:before {
64    content: "\f1a4";
65}
66.sharingicon-delicious:before {
67    content: "\f1a5";
68}
69.sharingicon-digg:before {
70    content: "\f1a6";
71}
72.sharingicon-pinterest-p:before {
73    content: "\f231";
74}
75.sharingicon-whatsapp:before {
76    content: "\f232";
77}
78.sharingicon-get-pocket:before {
79    content: "\f265";
80}
81.sharingicon-reddit-alien:before {
82    content: "\f281";
83}
84
85/*
86* Button styles
87*/
88
89ul.scriptless_socialsharing {
90	margin: 0 0 20px 0 !Important;
91	padding: 0 !Important;
92	min-height: 60px;
93	display: block;
94	clear: both;
95}
96ul.scriptless_socialsharing li {
97	display: inline;
98	margin: 0 0 0px 0;
99	padding: 0;
100	min-height: 20px;
101}
102
103ul.scriptless_socialsharing a {
104  padding: 0.4em 0.6em 0.6em 0.6em;
105  margin: 5px 5px 5px 5px;
106  display:block;
107  color: white;
108  background: blue;
109	min-width: 12px;
110  min-height: auto;
111  float: left;
112  font-size: 1em;
113	text-align: center;
114}
115
116ul.scriptless_socialsharing a:before {
117	margin: 5px 0px 0 0px !important;
118	position: relative;
119	top: 1px;
120}
121
122ul.scriptless_socialsharing li a:before{
123	font-weight: 300;
124}
125
126ul.scriptless_socialsharing a.sharingicon-facebook-f {
127  background: #3B5998;
128}
129
130ul.scriptless_socialsharing a.sharingicon-twitter {
131  background: #55acee;
132}
133
134ul.scriptless_socialsharing a.sharingicon-google-plus {
135  background: #d34836;
136}
137
138ul.scriptless_socialsharing a.sharingicon-xing {
139  background: #005b5f;
140}
141
142ul.scriptless_socialsharing a.sharingicon-pinterest-p {
143  background: #cc2127;
144}
145
146ul.scriptless_socialsharing a.sharingicon-linkedin {
147	background: #0177b5;
148}
149
150ul.scriptless_socialsharing a.sharingicon-reddit-alien {
151	background: #55acee;
152}
153
154ul.scriptless_socialsharing a.sharingicon-stumbleupon {
155	background: #d34836;
156}
157
158ul.scriptless_socialsharing a.sharingicon-tumblr {
159	background: #35465c;
160}
161
162ul.scriptless_socialsharing a.sharingicon-whatsapp {
163	background: #4dc247;
164}
165
166ul.scriptless_socialsharing a.sharingicon-digg {
167	background: black;
168}
169
170/* livejournal */
171ul.scriptless_socialsharing a.sharingicon-pencil {
172	background: #55acee;
173}
174
175/* buffer */
176ul.scriptless_socialsharing a.sharingicon-stack {
177	background: black;
178}
179
180ul.scriptless_socialsharing a.sharingicon-delicious {
181	background: #0082f9;
182}
183
184ul.scriptless_socialsharing a.sharingicon-evernote {
185	background: #04B45F;
186}
187
188ul.scriptless_socialsharing a.sharingicon-wordpress {
189	background: #21759b;
190}
191
192ul.scriptless_socialsharing a.sharingicon-get-pocket {
193	background: #DF013A;
194}
195
196/* mail */
197ul.scriptless_socialsharing a.sharingicon-envelope-o {
198	background: gray;
199}
200
201ul.scriptless_socialsharing li a {
202	margin-left: 3px;
203	color: white !important;
204}
205
206ul.scriptless_socialsharing li a:hover,
207ul.scriptless_socialsharing li a:active {
208	margin-left: 3px;
209	color: black !important;
210}
211
212ul.scriptless_socialsharing li:before {
213  margin-right: 0px;
214}
215
216ul.scriptless_socialsharing li.hidden {
217	display: none;
218}