/**
 * Sprint template: Joomla 6 markup styled the way Protostar styled the Joomla 3 markup.
 * Loaded after template.css (Protostar + Bootstrap 2).
 */

/* Bootstrap 5 helper classes used by Joomla 6 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;
}
.d-none { display: none !important; }
.float-start { float: left !important; }
.float-end { float: right !important; }
.text-end { text-align: right !important; }
.text-center { text-align: center !important; }

/* Joomla 3 showed the article title as <h2> in .page-header; Joomla 6 uses <h1>. Keep the old size. */
.item-page .page-header h1,
.blog .page-header h1 {
	font-size: 22px;
	line-height: 24px;
}

/* Menus: Joomla 6 adds .mod-menu/.mod-list next to .nav; keep Protostar's plain list look */
.mod-menu.nav {
	margin-left: 0;
}
.mod-menu.nav > li > a {
	display: block;
}

/* Language switcher: flags in a row on the right, as in Joomla 3 */
.mod-languages ul.lang-inline {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mod-languages ul.lang-inline li {
	display: inline-block;
	margin: 0 0 0 4px;
}
.mod-languages ul.lang-inline img {
	vertical-align: middle;
}

/* System messages (Joomla 6 <joomla-alert>) inside the Protostar column */
#system-message-container joomla-alert {
	margin-bottom: 18px;
}

/* Font Awesome icons: Protostar sized IcoMoon icons this way */
[class^="icon-"],
[class*=" icon-"] {
	width: auto;
	height: auto;
	line-height: inherit;
}

/* Navigation toggle without Bootstrap 2 JavaScript */
.navigation .nav-collapse.in {
	height: auto;
	overflow: visible;
}