.lang-button {
  background-color: #23396b; /* dark blue */ /* main button color */
  color: white;
  padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  border: none;
}

.lang-dropdown {
  position: absolute;
  display: inline-block;
}

.lang-dropdown-content {
  display: none;
  position: absolute;        /* relative makes it go below, absolute goes to where top/left say */
  top: 0px;
  left: 0px;       
  background-color: #516eb0; /* light blue */ /* default color of menu items */
/* background-image: url(art/clouds1+2_faded.jpg); /* image instead of background-color */
  border: 1px #008 solid;    /* top, right, bottom, left */
  min-width: 138px;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  box-shadow: 0 8px 16px 5px rgba(0,0,0,0.7); /* horiz offset, vert offset, blur radius, spread, color+opacity */
  z-index: 1;                /* keep on top */
}

.lang-dropdown-content a {      
  color: white;               /* text color of menu text  */
  padding: 1px 0px 1px 0px;    /* top, right, bottom, left - So it aligns with flags already there */
  text-decoration: none;
  display: block;
}

.lang-dropdown-content a:hover {background-color: #23396b;} /* dark blue */ /* highlighting of menu items */

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

/* comment out so color of main language button doesn't change on hover */
/* .lang-dropdown:hover .lang-button {background-color: #95a5c7;} /* light blue */ /* main button hover color*/