/********************************
* Style setting for user region
*********************************/
#block-locale-language {
  width: auto;
  float: left;
  margin-right: 20px;
  position: relative;
  height: 22px;
}
  
.language-switcher-locale-url {
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
  height: 100%
}

.language-switcher-locale-url li {
  display: inline-block;
  font-size: 14px;
  /*padding: 1.5px 5px;*/
}

.language-switcher-locale-url li a,
.locale-untranslated {
  color: #fff;
  padding: 3px 10px;
  text-transform: uppercase;
  display: inline-block;
  height: 22px;
}

.locale-untranslated {
  opacity: 0.7;
}

.language-switcher-locale-url li.active a {
  position: relative;
  background: rgba(0, 0, 0, 0.22);
}

.language-switcher-locale-url li a:hover {
  background: rgba(255, 255, 255, 0.3);
}

.language-switcher-locale-url li a:hover {
  color: #fff !important;
}

.locale-untranslated:hover {
  background: transparent;
}

@media (max-width: 359px) {
  #block-locale-language {
    margin-right: 0px;
  }
}

@media (max-width: 768px) {
  
  .language-switcher-locale-url li {
    font-size: 14px;
    /*padding: 5.25px 5px;*/
  }

  .language-switcher-locale-url li a {
    padding: 5.25px 5px;
  }
  
  #block-locale-language {
    height: 30px;
  }
  
  .language-switcher-locale-url li a,
  .locale-untranslated {
    height: 30px;
  }
}