/* language switcher: a dropdown (eleven languages), loaded on every page by base.html.twig */
.langswitcher-dd {
  position: relative;
  display: inline-block;
}
.langswitcher-current {
  border: 0;
  background: transparent;
  color: #0a7fb0;
  font: inherit;
  cursor: pointer;
}
.langswitcher-dd ul.langswitcher {
  display: none;
  position: absolute;
  z-index: 1000;
  /* the plugin centres its inline list with translateY(-50%): the dropdown opens below the button */
  top: 100%;
  left: 0;
  transform: none;
  margin-left: 0 !important;
  max-height: calc(100vh - 5rem);
  overflow-y: auto;
  min-width: 11rem;
  margin: 0;
  padding: .4rem 0;
  list-style: none;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(0, 81, 121, .18);
}
.langswitcher-dd:hover ul.langswitcher,
.langswitcher-dd:focus-within ul.langswitcher {
  display: block;
}
.langswitcher-dd ul.langswitcher li {
  display: block;
  margin: 0;
}
.langswitcher-dd ul.langswitcher a {
  display: block;
  padding: .35rem 1rem;
}
.langswitcher-dd ul.langswitcher a.active {
  font-weight: 600;
  text-decoration: none;
}

/* right-to-left languages */
[dir="rtl"] .c18-landing-items,
[dir="rtl"] .c18-pillar .c18-landing-items {
  text-align: right;
}
[dir="rtl"] .langswitcher-dd ul.langswitcher {
  left: auto;
  right: 0;
}
[dir="rtl"] .c18-landing-link .fa-arrow-right,
[dir="rtl"] .c18-post-back .fa-arrow-left {
  transform: scaleX(-1);
}