.icon-fallback-text .icon {
	display: none;
}
/*
ADDED BY afontgarde.js:
Note: sure .FONT_NAME comes first for adjoining classes bug in IE7.

.FONT_NAME.{{cssprefix}}generatedcontent .icon-fallback-text .icon {
	display: inline-block;
}*/

.icon-fallback-img .text,
.icon-fallback-glyph .text/*,
ADDED BY afontgarde.js:
Note: sure .FONT_NAME comes first for adjoining classes bug in IE7.

.FONT_NAME.{{cssprefix}}generatedcontent .icon-fallback-text .text*/ {
	/* visually hide but accessible (h5bp.com) */
	clip: rect(0 0 0 0);
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 1px;
}

/* Careful, don’t use adjoining classes here (IE7) */
.{{cssprefix}}no-generatedcontent .icon-fallback-glyph .text {
	clip: auto;
	overflow: visible;
	position: static;
	height: auto;
	width: auto;
}
/*
ADDED BY afontgarde.js:
.FONT_NAME .icon-fallback-glyph .icon:before {
	// inherit for font-size, line-height was not working on IE8
	font-size: 1em;
	font-size: inherit;
	line-height: 1;
	line-height: inherit;
}*/
.icon-fallback-img .{{iconclass}} {
	display: inline-block;
}
.icon-fallback-img .{{iconclass}}:before {
	content: "";
}
/* The img fallback version is not as reliable since it does not check to make sure the fontloaded font has loaded. If we did add the .fontloaded class, it would unnecessarily request the fallback image. */
.{{cssprefix}}fontface.{{cssprefix}}generatedcontent .icon-fallback-img .{{iconclass}} {
	background-image: none;
}