/* S440 B4: language menu + language-host header items. Same shape and look as the header's
   My Account dropdown (#user-menu in gausa.css): a top-nav-item whose toggle opens a white panel with
   the orange top rule. main.js already binds #language-menu-toggle -> #language-menu-dropdown and
   writes the current language code into #currentLanguage (setDefaultLanguage), so no new JS. */
#language-menu { position: relative; margin-right: 4px; }
#language-menu:hover { cursor: pointer; }
#language-menu #language-menu-toggle { white-space: nowrap; }
#language-menu .glyphicon { font-size: 9px; margin-right: 2px; top: 0; }
#language-menu .glyphicon-globe { font-size: 15px; top: 3px; margin-right: 4px; }
#language-menu #language-menu-dropdown {
  display: none; position: absolute; z-index: 99; background: #fff; padding: 0; border: none;
  top: 34px; right: -10px; border-top: 2px solid #f9a441; min-width: 190px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); text-align: left; }
#language-menu #language-menu-dropdown a {
  display: block; padding: 10px 14px; color: #555; text-transform: none; letter-spacing: 0;
  font-size: 14px; font-weight: 500; white-space: nowrap; }
#language-menu #language-menu-dropdown a:hover { background: #f0f0f0; color: #4c9bd4; opacity: 1; }
#language-menu #language-menu-dropdown a[aria-current="true"] { color: #4c9bd4; }
#language-menu #language-menu-dropdown .lm-sep { border-top: 1px solid #e6e6e6; margin: 4px 0; }
#language-menu #language-menu-dropdown .lm-hf { white-space: normal; max-width: 260px; font-size: 13px; }
@media screen and (max-width: 767px) {
  #language-menu #language-menu-toggle { padding: 10px; margin-top: -4px; margin-right: -10px; }
  #language-menu .lm-code { display: none; }
  #language-menu .glyphicon-globe { font-size: 22px; top: -2px; }
  #language-menu .glyphicon-triangle-bottom { top: -7px; }
  #language-menu #language-menu-dropdown { top: 46px; right: -10px; }
  #language-menu #language-menu-dropdown a { padding: 15px 20px; font-size: 16px; } }

/* language-host primary nav: "FOR AU PAIRS" dropdown (desktop only - the primary nav is hidden < 991px,
   where the hamburger carries the same links) */
#top-nav-primary .lh-drop { position: relative; }
#top-nav-primary .lh-drop > ul {
  display: none; position: absolute; z-index: 99; left: 0; top: 100%; margin: 0; padding: 0; list-style: none;
  background: #fff; border-top: 2px solid #f9a441; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); min-width: 260px; text-align: left; }
#top-nav-primary .lh-drop:hover > ul, #top-nav-primary .lh-drop:focus-within > ul { display: block; }
#top-nav-primary .lh-drop > ul a { color: #555; text-transform: none; letter-spacing: 0; font-size: 14px; font-weight: 500; padding: 10px 14px; white-space: nowrap; }
#top-nav-primary .lh-drop > ul a:hover { background: #f0f0f0; color: #4c9bd4; opacity: 1; }

/* translated CMS pages: embedded media never wider than the column (the English pages get this from
   video.js "fluid"; keep a CSS floor so a poster image can never overflow the viewport) */
#langCmsPage #main-content video, #langCmsPage #main-content img, #langCmsPage #main-content iframe { max-width: 100%; height: auto; }