/*! afontgarde - v0.1.6 - 2015-03-13
 * https://github.com/filamentgroup/a-font-garde
 * Copyright (c) 2015 Filament Group c/o Zach Leatherman
 * MIT License */

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

.FONT_NAME.supports-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.supports-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) */
.supports-no-generatedcontent .icon-fallback-glyph .text,
.supports-no-generatedcontent .icon-fallback-img .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 .icon {
    display: inline-block;
}

// Necessary for xblocks and xmodules, but works across the board
html:not('.afontgarde') .icon-fallback-img .icon: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. */
.fontawesome .icon-fallback-img .icon {
    background-image: none;
}