/*!*****************************************************

Freak Flags, Copyright ©2025 Michael P. Cohen. Freak flags is licensed under the MIT license.  

For complete information visit: www.freakflagsprite.com 

******************************************************/

.fflag {
    background-image:url(../images/flag.png);
    background-repeat:no-repeat;
    background-size: 100% auto;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    box-sizing: content-box;
}
.fflag-KE {background-position:center 0.2287%}
.fflag-MZ {background-position:left 0.4524%}
.fflag-RW {background-position:right 0.6721%}
.fflag-UG {background-position:center 0.8958%}
.fflag-TZ {background-position:center 1.1162%}
.fflag-ZM {background-position:center 1.3379%}
.fflag-ZW {background-position:left 1.5589%}
.fflag-FR {background-position:center 1.7805%}
.fflag-DE {background-position:center 2.0047%}
.fflag-GB {background-position:center 2.2247%}
.fflag-AE {background-position:center 2.4467%}

.fflag.ff-sm {width: 18px;height: 11.5px}
.fflag.ff-md {width: 27px;height: 17px}
.fflag.ff-lg {width: 42px;height: 27px}
.fflag.ff-xl {width: 60px;height: 37px}

/* ff-wave = waving flag look */
.ff-wave:before {
	content: '';
	display: inline-block;
	width: inherit;
	height: inherit;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(106deg, rgba(255,255,255,.75) 0%, rgba(255,255,255,.2) 24%, rgba(255,255,255,0.3) 36%, rgba(0,0,0,0.15) 56%, rgba(255,255,255,0.2) 70%, rgba(0,0,0,0.2) 78%, rgba(255,255,255,0.1) 86%, rgba(0,0,0,.4) 100%)
}