/*! SocialCount - v0.1.10 - 2015-01-29
* https://github.com/filamentgroup/SocialCount
* Copyright (c) 2015 zachleat; Licensed MIT 
*/
/* Socicon Font - v2.0 - Nov 2014 
* http://socicon.com.
* Socicon is released under SIL Open Font License 1.1 (http://scripts.sil.org/OFL).
*
* Modified by Russell Jamieson in April 2015
* use Socicon and Dashicons for icons instead of images 
* remove social buttons
* add support for horizontal and vertical panels
*/

@font-face {
    font-family: "socicon";
    src: url("fonts/socicon-webfont.eot");
    src: url("fonts/socicon-webfont.eot?#iefix") format("embedded-opentype"),
         url("fonts/socicon-webfont.woff") format("woff"),
         url("fonts/socicon-webfont.ttf") format("truetype"),
         url("fonts/socicon-webfont.svg#sociconregular") format("svg");
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
}

.socicon {
  font-family: "socicon"!important;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  width: 20px;
  height: 20px;
  line-height: 1;
  vertical-align: bottom;
  display: inline-block;  
  text-align: center;
  transition: color .1s ease-in 0;
  -webkit-font-smoothing: antialiased;
}

.socicon-twitter:before { content: "a"; }
.socicon-facebook:before { content: "b"; }
.socicon-google:before { content: "c"; }
.socicon-pinterest:before { content: "d"; }
.socicon-feedburner:before { content: "i"; }
.socicon-linkedin:before { content: "j"; }
.socicon-stumbleupon:before { content: "E"; }
.socicon-delicious:before { content: "I"; }
.socicon-buffer:before { content: "9"; }
.socicon-rss:before { content: ","; }
.socicon-vkontakte:before { content: ";"; }
.socicon-mail:before { content: "@"; }
.socicon-windows:before { content: "Z"; }

.socialcount.colors li.twitter, .socialcount.gray li.hover.twitter { background-color: #6DB7F0;}
.socialcount.colors li.facebook, .socialcount.gray li.hover.facebook { background-color: #3a5795; }
.socialcount.colors li.plusone, .socialcount.gray li.hover.plusone { background-color: #d73d32; }
.socialcount.colors li.pinterest,  .socialcount.gray li.hover.pinterest { background-color: #ae3118 ; }
.socialcount.colors li.linkedin, .socialcount.gray li.hover.linkedin { background-color:#007BB7;}
.socialcount.colors li.stumbleupon, .socialcount.gray li.hover.stumbleupon { background-color: #ea4b24; }
.socialcount.colors li.buffer, .socialcount.gray li.hover.buffer { background-color: #383838; }
.socialcount.colors li.email, .socialcount.gray li.hover.email { background-color: green; }
.socialcount.colors li.print, .socialcount.gray li.hover.print { background-color: purple;}
.socialcount.colors li.total, .socialcount.gray li.hover.total { background-color: darkgray;}

.socialcount li.total a:hover {
   cursor : default;
}

.socialcount li.buffer .count { font-size: smaller; }
.socialcount li.stumbleupon .count { font-size: xx-small; }

.socialcount.gray > li {
	background-color: #999;
}
.socialcount.colors li.hover  {
   filter: saturate(2);
   -webkit-filter: saturate(2);
}
.socialcount.colors li.buffer.hover  {
   filter: contrast(0.5);
   -webkit-filter: contrast(0.5);
}

.socialcount.gray > li.hover {
   border: none;
}

socialcount .socicon {
    font-size: 16px;   
    vertical-align:bottom;
} 

.socialcount .dashicons {
    font-size: 16px;   
    vertical-align:middle;
} 

.socialcount > li,
.socialcount > li > a:focus {
	border-radius: 5px;
   transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;	
}

.socialcount > li > a:hover {
   color : inherit;
}

.socialcount, .entry-content ul.socialcount  {
	color: #fff;
	font-size: .6em;
	line-height: 2.2em;
	list-style: none;
	padding-left: 0;
	margin: 0.2em 0;
	overflow: hidden;
}

.socialcount :link,
.socialcount :visited {
	color: inherit;
}
.gcpps-panel .socialcount li {
	color: inherit;
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: relative;
	vertical-align: top;
	min-width: 68px;
	min-height: 24px;
	text-align: left;
	white-space: nowrap;
	padding: 0;
	margin: 2px;
	*margin-right: 4px;
}

.counter-below .socialcount  li {
   min-width: 50px;
}

.gcpps-panel .socialcount li a {
	display: block;
	padding: 0 5px;
	text-decoration: none;
	color: inherit;
}

.counter-below a span {
    display: block;
    width: 100%;
    text-align: center;
}

.counter-below a span:first-child {
    margin-top: 5px;
}

.socialcount .count, .socialcount .shares {
	color: inherit;
	position: relative;
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-align: center;
	margin-left: 6px;
	font-family: Tahoma;
	font-size: 11px;
   line-height: 16px;	
}

.counter-below .socialcount .count, .counter-below .socialcount .shares {
    display: block;
    margin-left: 0;
    width: 100%
}

.counter-below span.count {
    font-size:smaller;
}


.socialcount .loading {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	background-color: #aaa;
	background-color: rgba(170, 170, 170, 0.7);
	color: #000;
	text-transform: uppercase;
	font-size: .75em;
	text-align: center;
	border-radius: 5px;
}

.socialcount .loading .dot {
	display: inline-block;
	/* no ie7 compat needed here, just shows the text links */
	width: 6px;
	height: 6px;
	margin: 0 3px;
	background: #fff;
	opacity: 0;
	border-radius: 50%;
	-webkit-animation: socialCountLoadingFade .6s infinite;
	-moz-animation: socialCountLoadingFade .6s infinite;
	animation: socialCountLoadingFade .6s infinite;
}

.socialcount .loading .dot:nth-child(1) {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	animation-delay: 0s;
}

.socialcount .loading .dot:nth-child(2) {
	-webkit-animation-delay: .05s;
	-moz-animation-delay: .05s;
	animation-delay: .05s;
}

.socialcount .loading .dot:nth-child(3) {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	animation-delay: .1s;
}

@-webkit-keyframes socialCountLoadingFade {
	0% { opacity: 0; }
	50% { opacity: 0.8; }
	100% { opacity: 0; }
}

@-moz-keyframes socialCountLoadingFade {
	0% { opacity: 0;  }
	50% { opacity: 0.8; }
	100% { opacity: 0; }
}

@keyframes socialCountLoadingFade {
	0% { opacity: 0; }
	50% { opacity: 0.8; }
	100% { opacity: 0; }
}

.socialcount.grade-a.activate-on-hover > li.hover.loaded > a,
.socialcount.grade-a.activate-on-click > li.hover.loaded > a {
	cursor: default;
}

.gcpps-panel {
	text-align: center;
}

.gcpps-panel.gcpp-border {
	padding: 10px 7px 2px 7px;
	border: 1px solid #ccc;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
}

.gcpps-floating {
	position: fixed;
	z-index: 1000;
}

.gcpps-vertical {
	width: 80px;
	text-align: left;
}

.gcpps-horizontal {
	width: auto;
	margin: 0 auto 20px;
	text-align:center;
}

.gcpps-panel.gcpps-horizontal .socialcount li {
   padding: 3px 0;
}