/* DE/EN language toggle in the main navigation and the off-canvas menu.
   The theme styles menu links via high-specificity `#header-outer #top nav > ul > li > a`
   rules, so the overrides below need !important to take effect. */

.menu-item-language {
	white-space: nowrap;
}

.menu-item-language > a,
.menu-item-language > .lang-sep {
	display: inline-block !important;
	vertical-align: baseline;
}

#header-outer #top nav > ul > .menu-item-language > a {
	margin-left: 3px !important;
	margin-right: 3px !important;
}

.menu-item-language > .lang-sep {
	opacity: .4;
	pointer-events: none;
}

/* Dim the languages you are not currently reading. */
.menu-item-language > a {
	opacity: .5 !important;
	transition: opacity .2s ease;
}

.menu-item-language > a:hover,
.menu-item-language > a:focus,
.menu-item-language > a[aria-current="true"] {
	opacity: 1 !important;
}

#slide-out-widget-area .menu-item-language,
.off-canvas-menu-container .menu-item-language {
	margin-top: .4em;
}

#slide-out-widget-area .menu-item-language > .lang-sep,
.off-canvas-menu-container .menu-item-language > .lang-sep {
	margin: 0 .3em;
}

/* Notice that the German original of a legal page is the binding version.
   Empty in the German build, so the paragraph disappears there. */
.jaai-translation-note {
	margin-top: 1em;
	max-width: 46em;
	font-size: 14px !important;
	line-height: 1.5 !important;
	opacity: .7;
}

.jaai-translation-note:empty {
	display: none;
}

/* Pseudo-headings.
   Two elements were marked up as <h4> purely for their look, which produced
   heading-level jumps (h2 -> h4 on the careers page, h1 -> h4 on the contact
   page). They now carry the level the document structure calls for, and this
   class keeps the h4 appearance so nothing moves. */
.jaai-subheading {
	font-size: 23px !important;
	line-height: 1.4 !important;
	font-weight: 600 !important;
	letter-spacing: 1px !important;
	padding-top: 0 !important;
	padding-bottom: 4px !important;
}

@media (max-width: 768px) {
	.jaai-subheading {
		font-size: 16px !important;
	}
}
