/* for Drupal 9 specific css changes */

/* language switcher */
#menu-lang > ul {
	float: right!important;
	display: flex;
	flex-direction: column;
	margin: 0;
	list-style: none;
	z-index: 999999999;
}
#menu-lang > ul > li {
	position: relative;
	order: 5;
	max-height: 0px;
	overflow: hidden;
	transition-duration: 0.2s;
	background-color: #FFF;
	z-index: 999999999;
}
#menu-lang > ul:hover > li {
	max-height: 40px;
}
#menu-lang > ul > li.is-active {
	max-height: 40px;
	order: 0;
}
#menu-lang > ul > li.is-active:before {
	content: ' ';
	display: block;
	position: absolute;
	top: 18px;
	right: 7px;
	width: 0;
	height: 0;
	color: #f3901d;
	border-top: 6px dashed;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}
#menu-lang > ul > li a {
	position: relative;
	display: block;
	font-size: 14px;
	font-weight: 700;
	font-family: 'Roboto Slab', serif;
	color: #241b5c;
	text-transform: uppercase;
	padding: 0 24px 0 36px;
	border: 1px solid rgb(243,144,29);
	border: 1px solid rgba(243,144,29,.2);
	z-index: 999999999;
	line-height: 38px;
	text-decoration: none;
}
#menu-lang > ul > li a:before {
	content: ' ';
	display: block;
	position: absolute;
	left: 14px;
	top: 11px;
	width: 18px;
	height: 14px;
	background-size: cover;
}
#menu-lang > ul > li a.lang-nl:before {
	background-image: url('../images/flag-nl.png');
}
#menu-lang > ul > li a.lang-pap-cw:before {
	background-image: url('../images/flag-cw.png');
}
#menu-lang > ul > li a.lang-pap-aw:before {
	background-image: url('../images/flag-aw.png');
}
#menu-lang > ul > li a.lang-en:before,
#menu-lang > ul > li a.lang-en-gb:before {
	background-image: url('../images/flag-en.png');
}
	
@media (max-width: 991px) {
	#menu-lang > ul {
    position: absolute;
    left: 16px;
    top: 4px;
	}
	#menu-lang > ul > li a {
		border: 0;
		font-size: 16px;
	}
	#menu-lang > ul > li a:before {
		left: 12px;
		width: 20px;
		height: 16px;
	}
	#menu-lang > ul:hover li {
		max-height: 0;
	}
	#menu-lang > ul.open li {
		max-height: 40px!important;
	}
	#menu-lang > ul li:first-child {
		max-height: 40px!important;
	}
}