/*
-----------------
DROPDOWN
-----------------
*/ 

.dropdown ul {
	list-style:none;
}

.dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 15px 10px;
  text-decoration: none;
}

li.dropdown {
  display: inline-block;

}

nav li.dropdown {
  display: flex-item;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 15px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}





/* dropdown langs */


.langs a {
	background-repeat:no-repeat;
	background-position: 10px center;
	padding-left:35px;
    background-size: 24px;
}

.langs > a.lang-en,
.langs li.lang-en a {
	background-image:url('../img/flags/default-svg/4x3/en.svg');
}

.langs > a.lang-es,
.langs li.lang-es a {
	background-image:url('../img/flags/default-svg/4x3/es.svg');
}

.langs > a.lang-ca,
.langs li.lang-ca a {
	background-image:url('../img/flags/default-svg/4x3/ca.svg');
}

.langs > a.lang-fr,
.langs li.lang-fr a {
	background-image:url('../img/flags/default-svg/4x3/fr.svg');
}

.langs > a.lang-it,
.langs li.lang-it a {
	background-image:url('../img/flags/default-svg/4x3/it.svg');
}

.langs > a.lang-nl,
.langs li.lang-nl a {
	background-image:url('../img/flags/default-svg/4x3/nl.svg');
}

.langs > a.lang-de,
.langs li.lang-de a {
	background-image:url('../img/flags/default-svg/4x3/de.svg');
}

.langs > a.lang-ru,
.langs li.lang-ru a {
	background-image:url('../img/flags/default-svg/4x3/ru.svg');
}




@media only screen and (max-width: 768px){
	
	body.menu-opened nav .dropbtn {
		display:block;
		text-align:left;
	}
	
	body.menu-opened .dropdown-content {
		min-width: calc(100% - 40px);
	}
	
}

/*	
body.menu-opened nav ul a *:first-child {
	padding-left:0;
}
*/