/* English | हिन्दी toggle in the top bar (see js/iica-lang.js) */
.iica-lang-switch { display: inline-flex; align-items: center; white-space: nowrap; vertical-align: middle; }
.iica-lang-btn { background: transparent; border: 0; color: #fff; padding: 0 4px; font-size: 13px; line-height: 20px; cursor: pointer; opacity: .75; }
.iica-lang-btn:hover { opacity: 1; text-decoration: underline; }
.iica-lang-btn:focus { outline: 2px solid #ffd400; outline-offset: 1px; }
.iica-lang-btn[aria-pressed="true"] { opacity: 1; font-weight: 700; text-decoration: underline; cursor: default; }
.iica-lang-sep { color: #ccc; padding: 0 2px; }
@media (max-width: 640px) { .iica-lang-btn { font-size: 11px; padding: 0 2px; } }

/* The Google widget is only used under the hood; hide its UI */
#google_translate_element { display: none !important; }
/* Hide Google's top banner and stop it from pushing the page down */
body > .skiptranslate, iframe.skiptranslate, .goog-te-banner-frame,
.VIpgJd-ZVi9od-ORHb-OEVmcd, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf { display: none !important; }
body { top: 0 !important; }
/* Hide the "original text" hover tooltip and highlight */
#goog-gt-tt, .goog-te-balloon-frame, .VIpgJd-yAWNEb-L7lbkb { display: none !important; }
.goog-text-highlight { background-color: transparent !important; box-shadow: none !important; }
/* Letter-spacing splits Devanagari letters from their vowel signs, so drop it while translated */
html.translated-ltr [style*="letter-spacing"] { letter-spacing: normal !important; }

/* The main menu is left-aligned inside a 10% side padding (css/style.css). Hindi labels are
   shorter than English ones, so the menu ends up off-centre; centre it while translated.
   Desktop only, so the collapsed mobile menu is untouched. */
@media (min-width: 768px) {
    html.translated-ltr .navbar-default #fresponsive {
        float: none;
        display: flex;
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
    }
}
