/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 6, 2012 */
@font-face {
    font-family: 'BONS Social Icons';
    src: url('b-social-icons.eot');
    src: url('b-social-icons.eot?#iefix') format('embedded-opentype'),
         url('b-social-icons.woff') format('woff'),
         url('b-social-icons.ttf') format('truetype'),
         url('b-social-icons.svg#social_networksregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**
 * Inspired by:
 * 	[+] http://css-tricks.com/examples/IconFont/
 * 	[+] http://css-tricks.com/html-for-icon-font-usage/
 */
.b-social-icon {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none !important;
}

.b-social-icon [data-icon]:before {
	display: block;
	font-family: "BONS Social Icons";
	font-size: 32px;
	line-height: 1em;
	color: attr(data-color) !important; /* [?] Esto funciona? */
	content: attr(data-icon);
	speak: none; /* Not to be trusted, but hey. */
}

.b-social-icon.small { font-size: 16px; }
.b-social-icon.large { font-size: 64px; }

.b-social-icon .screen-text {
	position: absolute;
	left: -9999px;
	top: -9999px;
}