/* ===== LANGUAGE ===== */

.language-selector{
background:var(--navy-light);
color:rgb(244, 241, 247);
position:relative;
cursor:pointer;
}

.lang-current{
padding:8px 14px;
background:rgba(0, 0, 0, 0.15);
border-radius:8px;
}

.lang-list{
position:absolute;
top:40px;
right:0;
background:var(--cream);
color:black;
list-style:none;
padding:6px 0;
border-radius:8px;
box-shadow:0 10px 20px rgba(0,0,0,.2);
display:none;
}

.language-selector.open .lang-list{
display:block;
}

.lang-list li{
padding:6px 12px;
cursor:pointer;
}

.lang-list li:hover{
background:#eadda2;
}

.arrow{
font-size:10px;
margin-left:4px;
}