@import 'library.less';

.shares {
	font-size: 14px!important;

	.b-share {
		padding: 0px!important;
		
		.b-share-btn__wrap {
			display: block !important;
			float: none;
			margin: 0;
			margin-bottom: 20px !important;
		}
		
		.b-share__link {
			display: block !important;
			float: none;
			width: 50px;
			height: 50px!important;
			background: none;
			.border-radius();
			
			.b-share-icon {
				height: 100%;
				width: 100%;
				background: url(../images/shares.png);
				
				&.b-share-icon_vkontakte {
					background-position: 0px -100px;
				}
				
				&.b-share-icon_facebook {
					background-position: 0px 0px;
				}
				
				&.b-share-icon_twitter {
					background-position: 0px -50px;
				}
			}
			
			.b-share-counter {
				display: none !important;
				/*display: inline-block!important;*/
				line-height: 30px;
				font-family: trivia-grotesk;
				font-size: 13px;
				width: 45%;
				margin: 0;
				text-align: center;
			}
			
			&:hover {
				background: none;
				
				.b-share-icon_vkontakte {
					background-position: -50px -100px;
				}
				
				.b-share-icon_facebook {
					background-position: -50px 0px;
				}
				
				.b-share-icon_twitter {
					background-position: -50px -50px;
				}
			}
			
			&:active {
				background: none;
				border: none;
				
				.b-share-icon {
					top: 1px;
				}
			}
		}
	}
}

.mobile {
	.social-shares {
		.b-share-btn__wrap {
			
		}
	}
}