/*
 * cassiopeia_jbzeco: adjustments for Joomla 5's markup, which differs from
 * the Joomla 3 markup Beez3's stylesheets were written for.
 */

/* Bootstrap 5's screen-reader-only helper (used by core layouts). */
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Joomla 5 titles a single article with <h1 class="page-header">; Beez3's
   Joomla 3 layout used an <h2> styled like this. */
#main .item-page > .page-header {
	margin: 0;
	padding: 0;
}
#main .item-page > .page-header > h1 {
	margin: 0 0 0.75em;
	padding: 5px 0;
	border-bottom: solid 1px #ddd;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.2;
}

/* Language switcher: plain flags, as in Joomla 3. */
div.mod-languages ul li {
	margin: 0 5px;
}
div.mod-languages ul li.lang-active {
	background: none;
}