/* Custom flag-icons CSS for Pontian Lyrics - Only includes flags actually used */

.fib {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}

.fi:before {
  content: '\00a0';
}

.fi.fis {
  width: 1em;
}

/* Only include flags that are actually used in the Pontian Lyrics app */
.fi-gr { background-image: url(./flags/4x3/gr.svg); }
.fi-gr.fis { background-image: url(./flags/4x3/gr.svg); }

.fi-tr { background-image: url(./flags/4x3/tr.svg); }
.fi-tr.fis { background-image: url(./flags/4x3/tr.svg); }

.fi-ir { background-image: url(./flags/4x3/ir.svg); }
.fi-ir.fis { background-image: url(./flags/4x3/ir.svg); }

.fi-it { background-image: url(./flags/4x3/it.svg); }
.fi-it.fis { background-image: url(./flags/4x3/it.svg); }

.fi-ru { background-image: url(./flags/4x3/ru.svg); }
.fi-ru.fis { background-image: url(./flags/4x3/ru.svg); }

.fi-ae { background-image: url(./flags/4x3/ae.svg); }
.fi-ae.fis { background-image: url(./flags/4x3/ae.svg); }

.fi-am { background-image: url(./flags/4x3/am.svg); }
.fi-am.fis { background-image: url(./flags/4x3/am.svg); }

.fi-fr { background-image: url(./flags/4x3/fr.svg); }
.fi-fr.fis { background-image: url(./flags/4x3/fr.svg); }

.fi-ge { background-image: url(./flags/4x3/ge.svg); }
.fi-ge.fis { background-image: url(./flags/4x3/ge.svg); }

.fi-in { background-image: url(./flags/4x3/in.svg); }
.fi-in.fis { background-image: url(./flags/4x3/in.svg); }

.fi-gb { background-image: url(./flags/4x3/gb.svg); }
.fi-gb.fis { background-image: url(./flags/4x3/gb.svg); }

.fi-il { background-image: url(./flags/4x3/il.svg); }
.fi-il.fis { background-image: url(./flags/4x3/il.svg); }

.fi-mn { background-image: url(./flags/4x3/mn.svg); }
.fi-mn.fis { background-image: url(./flags/4x3/mn.svg); }

.fi-bg { background-image: url(./flags/4x3/bg.svg); }
.fi-bg.fis { background-image: url(./flags/4x3/bg.svg); }

.fi-de { background-image: url(./flags/4x3/de.svg); }
.fi-de.fis { background-image: url(./flags/4x3/de.svg); }

/* Special styling for flag icons in annotations */
.originFlags {
  width: 20px;
  height: 15px;
  display: inline-block;
  margin: 0 2px;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}