/**
* @package phpBB Extension - Font Awesome BBCode
* @copyright (c) 2019 Sniper_E - http://sniper-e.com
* @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
*/

/** Fa icon images */
#ab_font_awesome{background-image:url("./images/fa.gif")}
#pb_font_awesome{background-image:url("./images/fa.png")}

/** Force font size */
.icon.fa-15x{font-size:1.5em !important;line-height: 1.1}
.icon.fa-2x{font-size:2em !important;line-height: 1.1}
.icon.fa-25x{font-size:2.5em !important;line-height: 1.1}
.icon.fa-3x{font-size:3em !important;line-height: 1.15}
.icon.fa-35x{font-size:3.5em !important;line-height: 1.15}
.icon.fa-4x{font-size:4em !important;line-height: 1.15}
.icon.fa-45x{font-size:4.5em !important;line-height: 1.15}
.icon.fa-5x{font-size:5em !important;line-height: 1.2}

/** Color rainbow, yellow, white */
.icon.icon-rainbow{background-image:linear-gradient(to bottom,red,orange,green) !important;-webkit-background-clip:text;color:transparent}
.icon.icon-yellow{color:#eac712;font-weight:bold}
.icon.icon-white{color:#fff}

/** Added icon effects wobble,fade,rotate,blink,bounce,shake */
.icon.fa-wobble{-webkit-animation:fa-wobble 1s infinite ease-in-out alternate;animation:fa-wobble 1s infinite ease-in-out alternate}
@-webkit-keyframes fa-wobble{from{transform:rotate(-10deg);rotate(-10deg)}to{transform:rotate(10deg)}}
@keyframes fa-wobble{from{transform:rotate(-10deg);rotate(-10deg)}to{transform:rotate(10deg)}}

.icon.fa-fade{-webkit-animation:fa-fade 1s infinite ease-in-out alternate;animation:fa-fade 1s infinite ease-in-out alternate}
@-webkit-keyframes fa-fade{from{opacity:1.0}to{opacity: 0.0}}
@keyframes fa-fade{from{opacity: 1.0}to{opacity: 0.0}}

.icon.fa-rotate{-webkit-animation:fa-rotate 3s infinite linear;animation:fa-rotate 3s infinite linear}
@-webkit-keyframes fa-rotate{0%{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:rotate(-1, 1)}50%{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:rotate(1, 1)}100%{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:rotate(-1, 1)}}
@keyframes fa-rotate{0%{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:rotate(-1, 1)}50%{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:rotate(1, 1)}100%{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:rotate(-1, 1)}}

.icon.fa-blink{-webkit-animation:fa-blink 1.5s infinite linear;animation:fa-blink 1.5s infinite linear}
@-webkit-keyframes fa-blink{0%{opacity: 10}75%{opacity: 10}76%{opacity:0}100%{opacity:0}}
@keyframes fa-blink{0%{opacity:10}75%{opacity:10}76%{opacity:0}100%{opacity: 0}}

.icon.fa-bounce{-webkit-animation:fa-bounce 1s infinite linear;animation:fa-bounce 1s infinite linear}
@-webkit-keyframes fa-bounce{0%{margin:1px 0 -1px}75%{margin: -1px 0 1px}85%{margin: -1px 0 1px}100%{margin:1px 0 -1px}}
@keyframes fa-bounce{0%{margin:1px 0 -1px}75%{margin:-1px 0 1px}85%{margin:-1px 0 1px}100%{margin:1px 0 -1px}}

.icon.fa-shake{-webkit-animation:fa-shake .3s infinite linear;animation:fa-shake .3s infinite linear}
@-webkit-keyframes fa-shake{0%{margin-right: 0;margin-left: 0}25%{margin-right: 2px;margin-left: -2px}50%{margin-right: 0;margin-left: 0}75%{margin-right: -2px;margin-left: 2px}100%{margin-right: 0;margin-left: 0}}
@keyframes fa-shake{0%{margin-right: 0;margin-left: 0}25%{margin-right: 2px;margin-left: -2px}50%{margin-right: 0;margin-left: 0}75%{margin-right: -2px;margin-left: 2px}100%{margin-right: 0;margin-left: 0}}