.lang-picker .dropdown-menu {
  top: 27px;
  padding: 9px 0;
}
.lang-picker .dropdown-toggle .flag {
  filter: grayscale(90%);
  opacity: .5;
  transition: filter .25s ease, opacity .25s ease;
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
  bottom: 15px;
  width: 20px;
  height: 15px;
  margin: 0 18px 0 15px;
}
body.hasContrast .lang-picker .dropdown-toggle .flag,
.lang-picker.open .dropdown-toggle .flag,
.lang-picker a:focus .flag,
.lang-picker a:hover .flag,
.lang-picker:hover .dropdown-toggle .flag {
    filter: grayscale(0);
    opacity: 1;
}

.lang-picker ul .flag,
.lang-picker:hover .dropdown-toggle .flag {
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
.lang-picker ul a {
	display: block;
  padding: 10px 10px 9.6px;
  margin: 1px 0;
}
.lang-picker ul {
  left: 5px;
	min-width: 1px;
	width: 41px;
	border: none;
	border-radius: 0;
	box-shadow: 0 3px 8px rgba(0,0,0,.3);
}

/* general flag css */
.flag {
	width: 21.33px;
 	 height: 16px;
	display: inline-block;
	position: relative;
	margin-right: 5px;
	transform: translateY(10%);
}
.flag:before {
	content: "";
    display: block;
    margin-top: 66.66%;
}
.flag-nl {
	background: linear-gradient(to bottom, #AE1C28 calc(100% / 3), white calc(100% / 3), white calc(100% / 3 * 2), #21468B calc(100% / 3 * 2))
}
.flag-fr {
	background: linear-gradient(to right, #002395 calc(100% / 3), white calc(100% / 3), white calc(100% / 3 * 2), #ED2939 calc(100% / 3 * 2));
}
.flag-de {
	background: linear-gradient(to bottom, black calc(100% / 3), #DD0000 calc(100% / 3), #DD0000 calc(100% / 3 * 2), #FFCE00 calc(100% / 3 * 2));
}
.flag-be {
	background: linear-gradient(to right, black, black calc(100% / 3), #FAE042 calc(100% / 3), #FAE042 calc(100% / 3 *2), #ED2939 calc(100% / 3 *2), #ED2939 100%);
}
.flag-it {
	background: linear-gradient(to right, #059246, #059246 calc(100% / 3), #fff calc(100% / 3), #fff calc(100% / 3 *2), #CE2C37 calc(100% / 3 *2), #CE2C37 100%);
}
.flag-lu {
	background: linear-gradient(to bottom, #ED2939 calc(100% / 3), white calc(100% / 3), white calc(100% / 3 * 2), #00A1DE calc(100% / 3 * 2));
}
.flag-pl {
	background: linear-gradient(to bottom, white 50%, #DC143C 50%);
}
.flag-es {
    background: linear-gradient(to bottom, #EC1C24 calc(100% / 3), #FFD100 calc(100% / 3), #FFD100 calc(100% / 3 * 2), #EC1C24 calc(100% / 3 * 2));
}
.flag-en,
.flag-gb {
	/* https://stackoverflow.com/a/10768631 */
	/* https://raw.githubusercontent.com/lipis/flag-icon-css/master/flags/4x3/gb.svg */
	/* https://base64.guru/converter/encode/image/svg */
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLWdiIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iIzAxMjE2OSIgZD0iTTAgMGg2NDB2NDgwSDB6Ii8+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTc1IDBsMjQ0IDE4MUw1NjIgMGg3OHY2Mkw0MDAgMjQxbDI0MCAxNzh2NjFoLTgwTDMyMCAzMDEgODEgNDgwSDB2LTYwbDIzOS0xNzhMMCA2NFYwaDc1eiIvPgogIDxwYXRoIGZpbGw9IiNDODEwMkUiIGQ9Ik00MjQgMjgxbDIxNiAxNTl2NDBMMzY5IDI4MWg1NXptLTE4NCAyMGw2IDM1TDU0IDQ4MEgwbDI0MC0xNzl6TTY0MCAwdjNMMzkxIDE5MWwyLTQ0TDU5MCAwaDUwek0wIDBsMjM5IDE3NmgtNjBMMCA0MlYweiIvPgogIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yNDEgMHY0ODBoMTYwVjBIMjQxek0wIDE2MHYxNjBoNjQwVjE2MEgweiIvPgogIDxwYXRoIGZpbGw9IiNDODEwMkUiIGQ9Ik0wIDE5M3Y5Nmg2NDB2LTk2SDB6TTI3MyAwdjQ4MGg5NlYwaC05NnoiLz4KPC9zdmc+Cg==");
}