/* CSS base do compartilhador */
.sharer_people { position: fixed; left: 0; top: 20%; font-size: 0;}

.sharer_people a { display: inline-block; width: 100%; -webkit-transition: all .5s; transition: all .5s; }
.sharer_people a:hover { padding-left: 10px; }

.sharer_people a span { display: block; }

.sharer_people a.sp_facebook,
.sharer_people_horizontal a.sp_facebook,
.sharer_box a.sp_facebook 	{ 
	background-color: #3C5B9B; 
}

.sharer_people a.sp_gplus,
.sharer_people_horizontal a.sp_gplus,
.sharer_box a.sp_gplus		{ 
	background-color: #F63E28; 
}

.sharer_people a.sp_linkedin,
.sharer_people_horizontal a.sp_linkedin,
.sharer_box a.sp_linkedin	{ 
	background-color: #0073B2;
	display:none;
}

.sharer_people a.sp_pinterest,
.sharer_people_horizontal a.sp_pinterest,
.sharer_box a.sp_pinterest { 
	background-color: #CB2027; 
}

.sharer_people a.sp_twitter,
.sharer_people_horizontal a.sp_twitter,
.sharer_box a.sp_twitter	{ 
	background-color: #2DAAE1; 
}

.sharer_people a.sp_whatsapp,
.sharer_people_horizontal a.sp_whatsapp,
.sharer_box a.sp_whatsapp	{ 
	background-color: #169552; 
}
.sharer_people_horizontal a.sp_facebook, .sharer_people_horizontal a.sp_twitter, .sharer_people_horizontal a.sp_gplus, .sharer_people_horizontal a.sp_linkedin, .sharer_people_horizontal a.sp_whatsapp{background:none;}
/* Opções do compartilhador */
.sharer_people.rounded a {  margin-bottom: 10px; margin-left: 5px; border-radius: 50%; }
.sharer_people.rounded a:hover { padding: 5px; }

.sharer_people.halfrounded a {  margin-bottom: 5px; border-top-right-radius: 50%; border-bottom-right-radius: 50%; }
.sharer_people.halfrounded a:hover { padding-left: 10px; }

/* CSS base do compartilhador 64x64 */
// .sharer_people_64 { width: 64px; }
.sharer_people_64 a span { background: url('../images/sharer_sprite_64.png') no-repeat; width: 64px; height: 64px; }
.sharer_people_64 a.sp_facebook span 	{ background-position: 0 0; }
.sharer_people_64 a.sp_gplus span 		{ background-position: 0 -64px; }
.sharer_people_64 a.sp_linkedin span 	{ background-position: -192px 0; }
.sharer_people_64 a.sp_pinterest span 	{ background-position: -128px 0; }
.sharer_people_64 a.sp_twitter span 	{ background-position: -64px 0; }
.sharer_people_64 a.sp_whatsapp span 	{ background-position: -64px -64px; }

/* CSS base do compartilhador 48x48 */
// .sharer_people_48 { width: 48px; }
.sharer_people_48 a span { background: url('../images/sharer_sprite_48.png') no-repeat; width: 48px; height: 48px; }
.sharer_people_48 a.sp_facebook span 	{ background-position: 0 0; }
.sharer_people_48 a.sp_gplus span 		{ background-position: 0 -48px; }
.sharer_people_48 a.sp_linkedin span 	{ background-position: -144px 0; }
.sharer_people_48 a.sp_pinterest span 	{ background-position: -96px 0; }
.sharer_people_48 a.sp_twitter span 	{ background-position: -48px 0; }
.sharer_people_48 a.sp_whatsapp span 	{ background-position: -48px -48px; }

/* CSS base do compartilhador 32x32 */
// .sharer_people_32 { width: 32px; }
.sharer_people_32 a span { background: url('../images/sharer_sprite_32.png') no-repeat; width: 32px; height: 32px; }
.sharer_people_32 a.sp_facebook span 	{ background-position: 0 0; }
.sharer_people_32 a.sp_gplus span 		{ background-position: 0 -32px; }
.sharer_people_32 a.sp_linkedin span 	{ background-position: -96px 0; }
.sharer_people_32 a.sp_pinterest span 	{ background-position: -64px 0; }
.sharer_people_32 a.sp_twitter span 	{ background-position: -32px 0; }
.sharer_people_32 a.sp_whatsapp span 	{ background-position: -32px -32px; }

/* BARRA COMPARTILHE HORIZONTAL */

.sharer_people_horizontal {
    margin: 20px 0;
    clear: both;
}

.sharer_people_horizontal a { padding: 5px; margin-right: 5px; display: inline-block; border-radius: 3px; vertical-align: top; }
.sharer_people_horizontal a span { display: block; background: url('../images/sharer_sprite_32.png') no-repeat; width: 32px; height: 32px; }

.sharer_people_horizontal a.sp_facebook span 	{ background-position: 0 0; }
.sharer_people_horizontal a.sp_gplus span 		{ background-position: 0 -32px; }
.sharer_people_horizontal a.sp_linkedin span 	{ background-position: -96px 0; }
.sharer_people_horizontal a.sp_pinterest span 	{ background-position: -64px 0; }
.sharer_people_horizontal a.sp_twitter span 	{ background-position: -32px 0; }
.sharer_people_horizontal a.sp_whatsapp span 	{ background-position: -32px -32px; }

.sharer_people_horizontal .sp_viewed,
.sharer_people_horizontal .sp_shared {
    display: inline-block;
    height: 42px;
    line-height: 32px;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 1px solid #efefef;
    border-radius: 3px;
}

.sharer_people_48 .sp_shared { 
	/*background: url('../images/icon_eye.png') no-repeat; 
	width: 32px; 
	height: 32px;*/
}


.sharer_people_horizontal .sp_shared {
	background: url('../images/icon_fire.png') 10px 50% no-repeat;
	padding-left: 30px;
}

/* Compartilhamento de texto */

.sharer_box {
	display: none;
	position: absolute;
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #efefef;
	font-size: 0;
}

.sharer_box a span { display: block; }

.sharer_opener {
	display: none;
}

/* CSS base do compartilhador 16x16 (APENAS PARA COMPARTILHAMENTO DE TEXTO) */
.sharer_people_16 a { padding: 5px; margin-right: 2px; display: inline-block; vertical-align: top; }			
.sharer_people_16 a span { background: url('../images/sharer_sprite_16.png') no-repeat; width: 16px; height: 16px; }
.sharer_people_16 a.sp_facebook span 	{ background-position: 0 0; }
.sharer_people_16 a.sp_gplus span 		{ background-position: 0 -16px; }
.sharer_people_16 a.sp_linkedin span 	{ background-position: -48px 0; }
.sharer_people_16 a.sp_pinterest span 	{ background-position: -16px 0; }
.sharer_people_16 a.sp_twitter span 	{ background-position: -16px 0; }
.sharer_people_16 a.sp_whatsapp span 	{ background-position: -16px -16px; }

@media screen and (max-width: 721px) {

	.sharer_opener {
		display: block;
		float: right;
		width: 48px;
		height: 48px;
		background: url('../images/icon_share.png') no-repeat 50% 50%;
		border: 0;
    	outline: 0;
	}

	.sharer_people {
	    top: 0;
	    width: 100%;
	}

	.sharer_people.sharer_opened {
		background: rgba(255, 255, 255, .95);
	}

	.sharer_people.sharer_closed {
		background: none;
	}

	.sharer_people a {
		width: 48px;
	}

}