/* @todo remove and rely on core theme icon font */

@font-face {
	font-family: "social";
	src: url("https://thewoksoflife.com/wp-content/themes/once-coupled-the-woks-of-life/lib/components/acf/social/assets/fonts/social.eot");
	src: url("https://thewoksoflife.com/wp-content/themes/once-coupled-the-woks-of-life/lib/components/acf/social/assets/fonts/social.eot#iefix") format("embedded-opentype"),
		url("https://thewoksoflife.com/wp-content/themes/once-coupled-the-woks-of-life/lib/components/acf/social/assets/fonts/social.woff2") format("woff2"),
		url("https://thewoksoflife.com/wp-content/themes/once-coupled-the-woks-of-life/lib/components/acf/social/assets/fonts/social.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

.bssb-icon::before {
	font-family: "social";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0.2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: 0.2em;

	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.bssb-phone::before {
	content: "\e800";
}
.bssb-heart::before {
	content: "\e802";
}
.bssb-basket::before {
	content: "\e803";
}
.bssb-twitter::before {
	content: "\f099";
}
.bssb-facebook::before {
	content: "\f09a";
}
.bssb-gplus::before {
	content: "\f0d5";
}
.bssb-mail::before {
	content: "\f0e0";
}
.bssb-linkedin:before {
	content: "\f0e1";
}
.bssb-youtube::before {
	content: "\f167";
}
.bssb-instagram::before {
	content: "\f16d";
}
.bssb-pinterest::before {
	content: "\f231";
}
.bssb-etsy::before {
	content: "\f2d7";
}