ul, ol, dl
{
	padding: 0; /* inner padding */
	list-style: none; /* style rule */
}

dl
{
	display: grid; /* layout display */
	grid-template-columns: auto 1fr; /* grid columns */
	align-items: baseline; /* cross-axis alignment */

	margin-top: 0; /* style rule */
	margin-bottom: 1rem; /* style rule */
}

dt
{
	grid-column: 1; /* style rule */
	font-weight: bold; /* font weight */
}

dd
{
	grid-column: 2; /* style rule */
	margin: .2rem 1rem;; /* outer margin */
}

html *
{
	animation-name: none !important; /* style rule */
}

#sp-page-builder *
{
	animation-name: none !important; /* style rule */
}

.switcher
{
	width: auto; /* width */
}

.js-editor-tinymce
{
	margin-top: .5rem; /* style rule */
}

.toggle-editor
{
	margin-top: .5rem; /* style rule */
}

.js-editor-tinymce textarea
{
	max-width: none; /* max width */
}

.tox-tinymce
{
	border: 1px solid #848484 !important; /* border */
}

*:focus-visible
{
	outline: 1px solid #000084; /* style rule */
}

hr
{
	height: 1px; /* height */
	border: 0; /* border */
	background-color: #848484; /* background color */
}

.hidden
{
  display: none; /* layout display */
}

.visually-hidden
{
	clip: rect(0 0 0 0);  /* style rule */
	clip-path: inset(50%); /* style rule */
	height: 1px; /* height */
	overflow: hidden; /* overflow handling */
	position: absolute; /* positioning */
	white-space: nowrap;  /* style rule */
	width: 1px; /* width */
}

*, *::before, *::after
{
	box-sizing: border-box; /* style rule */
}

[role=tooltip]
{
	display: none; /* layout display */

	color: black; /* text color */
	background-color: white; /* background color */

	font-size: 1rem; /* font size */
	font-weight: normal; /* font weight */

	border: 1px solid #848484; /* border */
	padding: .5rem; /* inner padding */
	/*right:5em;*/

	z-index: 20; /* stacking order */
}

.card [role=tooltip]
{
	right: 0; /* offset right */
}

.js-stools [role=tooltip]
{
	top: 2rem; /* offset top */
}

:focus > [role=tooltip],
:hover > [role=tooltip]
{
	display: block; /* layout display */
	position: absolute; /* positioning */
}

@media screen
{
	table
	{
		width: 100% !important; /* width */
	}
}

th
{
	text-align: left; /* text alignment */
}

legend
{
	margin: 0; /* outer margin */
	padding: 0; /* inner padding */

	font-size: 1.3rem; /* font size */
	font-weight: bold; /* font weight */
	text-decoration: underline; /* style rule */
}

details
{
	margin: .5rem 0; /* outer margin */
	border: 1px solid #848484; /* border */
	padding: .1rem .5rem; /* inner padding */
}

summary::marker
{
	font-family: "NKMR 5 Free"; /* style rule */
	font-weight: 900; /* font weight */
	content: "\f0da  "; /* style rule */
}

details[open] > summary::marker
{
	content: "\f0d7  "; /* style rule */
}

.osdonate-form
{
	width: max-content; /* width */
	margin: 0 auto; /* outer margin */
}

.osdonate-form input[name="submit"]
{
	display: block; /* layout display */
}

.member-pay
{
	display: flex; /* layout display */
	flex-direction: column-reverse; /* flex direction */
	gap: .5rem; /* spacing between items */
}

.member-pay .info
{
	width: 100%; /* width */
	border-top: 0 !important; /* style rule */
}

form[name="instantpaypal"]
{
	display: contents; /* layout display */
}

body
{
	display: grid; /* layout display */
	grid:
			"header"      min-content
			"mainbar"     min-content
			"breadcrumbs" min-content
			"content"     1fr
			"sidebar"     min-content
			"footer"      min-content
			/minmax(0, 1fr);

	margin: 0; /* outer margin */
	padding: 0; /* inner padding */
	max-width: 100vw; /* max width */
	min-height: 100vh; /* min height */

	color: black; /* text color */
	background-color: white; /* background color */
	font-family: "Arial", "Arimo", "sans-serif"; /* style rule */
}

main
{
	grid-area: content; /* style rule */

	margin: 0 auto; /* outer margin */
	padding: .5rem; /* inner padding */
	padding-top: 0; /* style rule */

	width: 100%; /* width */
	max-width: 64rem; /* max width */
	line-height: 1.5; /* line height */
}

@media(min-width: 58rem)
{

body
{
	grid:
		"header         header"  min-content
		"mainbar        mainbar" min-content
		"breadcrumbs    sidebar" min-content
		"content        sidebar" 1fr
		"footer         footer"  min-content
		/minmax(0, 1fr) auto;
}

main
{
	padding-right: 0; /* style rule */
}

}

header
{
	grid-area: header; /* style rule */
	justify-self: center; /* style rule */

	margin: .5rem 0; /* outer margin */

	width: 100%; /* width */
	max-width: 700px; /* max width */
}

header .jmodedit
{
	position: absolute; /* positioning */
}

#mainbar
{
	grid-area: mainbar; /* style rule */

	display: flex; /* layout display */
	align-items: center; /* cross-axis alignment */
	justify-content: space-between; /* main-axis alignment */
	gap: .2rem; /* spacing between items */

	color: white; /* text color */
	background-color: #848484; /* background color */

	white-space: nowrap; /* style rule */
}

@media screen and (min-width: 40.625rem)
{
	#mainbar
	{
		gap: .5rem; /* spacing between items */
	}
}

#mainbar ul
{
	display: flex; /* layout display */
	align-items: center; /* cross-axis alignment */

	margin: 0; /* outer margin */
	padding: 0; /* inner padding */
}

.mod-menu__sub
{
	flex-direction: column; /* flex direction */
}

#mainbar a,
#mainbar .nav-header
{
	display: block; /* layout display */

	color: inherit; /* text color */

	font-weight: bold; /* font weight */
	white-space: nowrap; /* style rule */
}

#mainbar .navbar
{
	position: relative; /* positioning */
}

#mainbar .navbar-toggler
{
	display: inline-block; /* layout display */

	padding: .7rem .5rem; /* inner padding */

	font-weight: bold; /* font weight */
	background-color: #000084; /* background color */
}

#mainbar .mod-menu
{
	z-index: 9; /* stacking order */

	flex-direction: column; /* flex direction */

	position: absolute; /* positioning */

	visibility:hidden; /* style rule */

	background-color: #848484; /* background color */
}

#mainbar .navbar-toggler:hover ~ .mod-menu,
#mainbar .mod-menu:hover,
#mainbar .navbar:focus-within .mod-menu
{
	visibility: visible; /* style rule */
}

#mainbar .mod-menu a,
#mainbar .mod-menu .nav-header
{
	padding: .5rem .5rem; /* inner padding */
}

#mainbar li.active
{
	background-color: #000084; /* background color */
	width: 100%; /* width */
	text-align: center; /* text alignment */
}

#mainbar .navbar .jmodedit
{
	display: inline-block; /* layout display */
	padding-left: .5rem; /* style rule */
}

.mod-menu .parent
{
	position: relative; /* positioning */
}

.mod-menu .parent > .nav-header::after
{
	font-family: "NKMR 5 Free"; /* style rule */
	content: "›"; /* style rule */
	line-height: 1; /* line height */
}

.mod-menu .parent > a
{
	text-decoration: none; /* style rule */
}

.mod-menu .parent:hover > .mod-menu__sub,
.mod-menu .parent:focus-within > .mod-menu__sub
{
	visibility: visible; /* style rule */
}

.mod-menu__sub
{
	visibility: hidden; /* style rule */

	position: absolute; /* positioning */
	top: 0; /* offset top */
	left: 100%; /* offset left */

	background-color: #848484; /* background color */
}

@media screen and (min-width: 40.625rem) {

#mainbar .navbar-toggler
{
	display: none; /* layout display */
}

#mainbar .navbar
{
	display: flex; /* layout display */
	align-items: center; /* cross-axis alignment */
	gap: .5rem; /* spacing between items */
}

#mainbar .mod-menu
{
	flex-direction: row; /* flex direction */

	position: static; /* positioning */

	visibility: visible
}

#mainbar .mod-menu a,
#mainbar .mod-menu .nav-header
{
	padding: .7rem .5rem; /* inner padding */
	text-align: center; /* text alignment */
}

.mod-menu .parent > .nav-header::after
{
	content: "▾"; /* style rule */
}

.mod-menu__sub
{
	top: auto; /* offset top */
	left: auto; /* offset left */
}

}

#mainbar input
{
	width: 100%; /* width */
}

#mainbar .mod-finder
{
	flex-grow: 1; /* style rule */

	display: flex; /* layout display */
	align-items: center; /* cross-axis alignment */
	gap: .5rem; /* spacing between items */
}

#mainbar .mod-languages
{
	position: relative; /* positioning */
}

#mainbar .mod-languages img
{
	display: inline-block; /* layout display */

	vertical-align: bottom; /* style rule */

	width: auto; /* width */
	height: 1.3rem; /* height */
}

#mainbar .lang-inline
{
	z-index: 9; /* stacking order */

	flex-direction: column; /* flex direction */
	gap: .5rem; /* spacing between items */

	position: absolute; /* positioning */
	right: 0; /* offset right */
	visibility: hidden; /* style rule */

	padding: .3rem .65rem; /* inner padding */
	background-color: #848484; /* background color */
}

#mainbar .lang-dropdown:hover ~ .lang-inline,
#mainbar .lang-inline:hover,
#mainbar .mod-languages:focus-within .lang-inline
{
	visibility: visible; /* style rule */
}

#mainbar .lang-dropdown
{
	display: inline-block; /* layout display */

	vertical-align: middle; /* style rule */

	padding: .60rem .5rem; /* inner padding */
	background-color: #000084; /* background color */
}

#mainbar .lang-dropdown img
{
	outline: 1px solid white; /* style rule */
}

#mainbar .mod-languages .jmodedit
{
	display: inline-block; /* layout display */
}

@media screen and (min-width: 65rem){

#mainbar .lang-dropdown
{
	display: none; /* layout display */
}

#mainbar .mod-languages
{
	display: flex; /* layout display */
	align-items: center; /* cross-axis alignment */
	gap: .5rem; /* spacing between items */

	padding-right: .5rem; /* style rule */
}

#mainbar .lang-inline
{
	flex-direction: row; /* flex direction */

	position: static; /* positioning */
	visibility: visible; /* style rule */

	padding: 0; /* inner padding */
}

#mainbar .lang-active
{
	padding: .6rem .2rem; /* inner padding */
	background-color: #000084; /* background color */
}

#mainbar .lang-active img
{
	outline: 1px solid white; /* style rule */
}

}

#bread
{
	grid-area: breadcrumbs; /* style rule */

	background-color: #f0f0f0; /* background color */

	padding: .5rem .5rem; /* inner padding */
	margin: .5rem .5rem; /* outer margin */
}

#bread ol
{
	display: flex; /* layout display */
	flex-wrap: wrap; /* flex wrapping */

	margin: 0; /* outer margin */
	padding-left: 0; /* style rule */
}

#bread nav
{
	display: flex; /* layout display */
	align-items: center; /* cross-axis alignment */
	gap: .5rem; /* spacing between items */
}

#bread .breadcrumb-item + .breadcrumb-item::before
{
	content: "›"; /* style rule */
	padding: 0 .4rem; /* inner padding */
	font-family: "NKMR 5 Free"; /* style rule */
	font-weight: 900; /* font weight */
}

@media(min-width: 58rem)
{
	#bread
	{
		margin-right: 0; /* style rule */
	}
}

joomla-alert
{
	border-radius: 0 !important; /* corner radius */
}

joomla-alert
{
	margin: 0; /* outer margin */
}

#sidebar
{
	grid-area: sidebar; /* style rule */

	padding: 0 .5rem; /* inner padding */
}

.card
{
	margin: .5rem 0; /* outer margin */
	position: relative; /* positioning */

	min-width: 15rem; /* min width */
}

.card-header
{
	color: white; /* text color */
	background-color: #000084; /* background color */

	font-weight: bold; /* font weight */
	padding: .5rem calc(2px + .4rem); /* inner padding */
}

.card-body
{
	border: 2px solid #848484; /* border */
	padding: .4rem; /* inner padding */

	/*background-color: white;*/
}

.card-body .nav-item:not(.divider)
{
	margin-bottom: .3rem; /* style rule */
}

.card-header + .card-body
{
	border-top: 0; /* style rule */
}

.card .jmodedit
{
	position: absolute; /* positioning */
	top: 0; /* offset top */
	right: 0; /* offset right */

	color: white; /* text color */
	padding: .5rem calc(2px + .4rem); /* inner padding */
}

.card .jmodedit:focus-visible
{
	border: 2px solid white; /* border */
	outline: 0; /* style rule */
}

joomla-field-fancy-select
{
	display: inline-block; /* layout display */

	width: 100%; /* width */
	min-width: 220px; /* min width */
	max-width: 330px; /* max width */
}

.choices__list--dropdown
{
	border-radius: 0 !important; /* corner radius */
}

.choices__inner
{
	width: 100% !important; /* width */

	background-color: #f0f0f0 !important; /* background color */
	border: 1px solid #848484 !important; /* border */
	border-radius: 0 !important; /* corner radius */

	padding: .3rem !important; /* inner padding */
	font-size: 14px !important; /* font size */
	overflow: hidden !important; /* overflow handling */
}

.is-focused .choices__inner,
.is-open .choices__inner
{
	border-color: #848484 !important; /* style rule */
}

.choices__list--multiple
{
	display: flex !important; /* layout display */
	flex-wrap: wrap !important; /* flex wrapping */
	gap: .5rem !important; /* spacing between items */
}

.choices__list--multiple .choices__item--selectable,
.choices__list--single .choices__item--selectable,
.choices__item.is-highlighted
{
	display: flex !important; /* layout display */
	justify-content: space-between !important; /* main-axis alignment */
	align-items: center !important; /* cross-axis alignment */
	gap: .5rem !important; /* spacing between items */

	height: max-content !important; /* height */

	font-size: calc(1rem - 2pt) !important; /* font size */
	font-weight: bold !important; /* font weight */

	border: 1px solid #848484 !important; /* border */
	border-radius: 0 !important; /* corner radius */
	padding: .4rem !important; /* inner padding */
	margin: 0 !important; /* outer margin */

	color: white !important; /* text color */
	background-color: #000084 !important; /* background color */
}

.choices__item.is-highlighted
{
	background-color: #0000AA !important; /* background color */
}

.choices__button_joomla::before
{
	visibility: visible; /* style rule */

	content: "\F00D"; /* style rule */

	font-size: 1rem; /* font size */
	font-family: "NKMR 5 Free"; /* style rule */
	font-weight: 900; /* font weight */
	line-height: 1; /* line height */
}

.choices__button_joomla
{
	visibility: hidden; /* style rule */
	font-size: 0; /* font size */
	color: inherit; /* text color */
}

.choices__input
{
	margin: 0; /* outer margin */
	margin-top: .5rem; /* style rule */
}

input
{
	width: 100%; /* width */
	max-width: 330px; /* max width */
}

input[type="image"]
{
	width: min-content; /* width */
}

input[type="number"]
{
	width: 100%; /* width */

	border: 1px inset #848484; /* border */
	padding: .2rem; /* inner padding */

	font-size: calc(1rem - 1pt); /* font size */
}

select
{
	appearance: none; /* style rule */

	width: 100%; /* width */
	max-width: 330px; /* max width */

	font-size: calc(1rem - 1pt); /* font size */
	font-family: inherit; /* style rule */
	line-height: inherit; /* line height */

	border: 1px outset #848484; /* border */
	padding: .2em; /* inner padding */
	padding-right: 1.3em; /* style rule */
	background: url(../images/caret-down-solid.svg) no-repeat calc(100% - .3em) / .62em; /* background */
	background-color: white; /* background color */
}

input[type="checkbox"]
{
	appearance: none; /* style rule */

	display: grid; /* layout display */
	place-content: center; /* style rule */

	font: inherit; /* style rule */

	width:  1em; /* width */
	height: 1em; /* height */

	margin: 0; /* outer margin */
	border: 1px inset #848484; /* border */
	padding: 0 !important; /* inner padding */

	background-color: white; /* background color */

	transform: translateY(0.075em); /* style rule */
}

input[type="checkbox"]::before
{
	content: ""; /* style rule */

	width: 0.65em; /* width */
	height: 0.65em; /* height */

	transform: scale(0); /* style rule */
	box-shadow: inset 1em 1em #000084; /* style rule */

	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); /* style rule */
}

input[type="checkbox"]:checked::before
{
	transform: scale(1); /* style rule */
}

.form-check
{
	display: flex; /* layout display */
	align-items: center; /* cross-axis alignment */
	gap: .3em; /* spacing between items */

	font-size: 1rem; /* font size */
	margin: .2rem 0; /* outer margin */

	white-space: nowrap; /* style rule */
}

input[type="text"], input[type="password"], input[type="email"], button
{
	appearance: none; /* style rule */

	color: black; /* text color */
	background-color: white; /* background color */

	font-size: calc(1rem - 1pt); /* font size */
	font-family: inherit; /* style rule */
	line-height: 1.5; /* line height */

	padding: .3em; /* inner padding */
	border-width: 1px; /* style rule */
	border-color: #848484; /* style rule */
}

button
{
	padding-left:  .5em; /* style rule */
	padding-right: .5em; /* style rule */

	border-style: outset; /* style rule */

	flex-basis: content; /* style rule */

	white-space: nowrap; /* style rule */
}

button:active
{
	padding-top:    calc(.3em + 1px); /* style rule */
	padding-left:   calc(.5em + 1px); /* style rule */
	padding-right:  calc(.5em - 1px); /* style rule */
	padding-bottom: calc(.3em - 1px); /* style rule */

	border-style: inset; /* style rule */

	background-color: #f0f0f0; /* background color */
}

input[type="text"], input[type="password"], input[type="email"]
{
	flex-grow: 1; /* style rule */
	border-style: inset; /* style rule */
}

textarea
{
	width: 100%; /* width */
	max-width: 330px; /* max width */

	border: 1px inset #848484; /* border */
}

.icon-user
{
	display: none; /* layout display */
}

fieldset
{
	margin: 0; /* outer margin */
	border: 0; /* border */
	padding: .5rem; /* inner padding */
}

.input-group
{
	display: flex; /* layout display */
	gap: .2rem; /* spacing between items */

	width: 100%; /* width */

	position: relative; /* positioning */
}

.form-group, .input-group
{
	font-size: 0; /* font size */
}

.form-group + .form-group
{
	margin-top: .2rem; /* style rule */
}

.control-label
{
	margin-top: .5rem; /* style rule */
	margin-bottom: .2rem; /* style rule */
}

.me-2
{
	clip: rect(0 0 0 0);  /* style rule */
	clip-path: inset(50%); /* style rule */
	height: 1px; /* height */
	overflow: hidden; /* overflow handling */
	position: absolute; /* positioning */
	white-space: nowrap;  /* style rule */
	width: 1px; /* width */
}

.mod-login .form-check-label
{
	display: grid; /* layout display */
	gap: .3em; /* spacing between items */
	grid-template-columns: 1em auto; /* grid columns */

	font-size: 1rem; /* font size */
}

.form-check-label + .form-check-label
{
	margin-top: 1em;  /* style rule */
}

.form-inline
{
	display: flex; /* layout display */
	gap: .3em; /* spacing between items */
	align-items: center; /* cross-axis alignment */
}

.list-group
{
	margin-left: .5rem; /* style rule */
}

.has-danger input
{
	outline: 1px solid #840000; /* style rule */
	border: 1px inset #840000; /* border */
}

.input-group-text
{
	display: none; /* layout display */
}

.mod-login .list-unstyled
{
	margin: 0; /* outer margin */
	margin-top: .5rem; /* style rule */
}

.mod-login .list-unstyled li
{
	padding: .2rem 0; /* inner padding */
}

/*.mod-login-logout
{
	display: flex; /* layout display */
	align-items: center; /* cross-axis alignment */
	justify-content: space-between; /* main-axis alignment */
	gap: .5rem; /* spacing between items */
}*/

.mod-banners img
{
	height: 50px; /* height */
}

.com-finder
{
	/*border: 1px solid #848484;*/
}

.com-finder p
{
	margin-top: 0; /* style rule */
}

.com-finder p + p
{
	margin-top: .6rem; /* style rule */
}

.com-finder .awesomplete
{
	flex-grow: 1; /* style rule */
}

.com-finder #q
{
	max-width: none; /* max width */
}

.com-finder__search
{
	padding: 0; /* inner padding */
}

.com-users-profile__edit
{
	padding: 0 .5rem; /* inner padding */
}

.profile p
{
	margin-top: 0; /* style rule */
}

.com-users-profile__edit .card-header
{
	display: flex; /* layout display */
	flex-wrap: wrap; /* flex wrapping */
	flex-direction: row-reverse; /* flex direction */
	justify-content: space-between; /* main-axis alignment */
	align-items: center; /* cross-axis alignment */

	padding-top: .2rem; /* style rule */
	padding-bottom: .2rem; /* style rule */
}

.com-users-profile__edit .card-header h2
{
	font-size: 1.3rem; /* font size */
}

.com-users-methods-list-method-image
{
	padding: .3rem; /* inner padding */
	background: white; /* background */
}

.com-users-methods-list-method-image img
{
	display: block; /* layout display */
	height: 2rem; /* height */
}

.com-users-profile__edit-submit .controls
{
	display: flex; /* layout display */
	flex-direction: row-reverse; /* flex direction */
	gap: .5rem; /* spacing between items */

	padding: 0 .5rem; /* inner padding */
}

.com-users-login__options
{
	display: flex; /* layout display */
	flex-wrap: wrap; /* flex wrapping */
	column-gap: .5rem; /* style rule */
}

meter
{
	appearance: none; /* style rule */
	-webkit-appearance: meter; /* style rule */

	background: white; /* background */

	border: 1px inset #848484; /* border */
	margin: .2rem 0; /* outer margin */
}

meter:-moz-meter-optimum::-moz-meter-bar 
{
	background: #000084; /* background */
}

meter:-moz-meter-sub-optimum::-moz-meter-bar
{
	background: #000084; /* background */
}

meter:-moz-meter-sub-sub-optimum::-moz-meter-bar 
{
	background: #000084; /* background */
}

meter::-webkit-meter-optimum-value
{
	background: #000084; /* background */
}

meter::-webkit-meter-suboptimum-value
{
	background: #000084; /* background */
}

meter::-webkit-meter-even-less-good-value
{
	background: #000084; /* background */
}

.com-users-remind legend, .com-users-reset legend
{
	font-size: inherit; /* font size */
	font-weight: normal; /* font weight */
	text-decoration: none; /* style rule */
}

.com-content-category__items
{
	display: grid; /* layout display */

	margin-top: 1rem; /* style rule */
}

.com-content-category__items address
{
	display: grid; /* layout display */
	grid-template-rows: min-content 1fr min-content; /* grid rows */
	column-gap: 1rem; /* style rule */

	margin-bottom: 2rem; /* style rule */
}

.com-content-category__items a
{
	display: contents; /* layout display */
}

.contact-category .edit
{
	grid-area: 1 / 1; /* style rule */
}

.contact-category .edit a
{
	display: inline; /* layout display */

	color: white; /* text color */
	background-color: rgba(0, 0, 0, .7); /* background color */
	padding: .2rem; /* inner padding */

	font-style: normal; /* style rule */
}

.contact-thumbnail
{
	width: auto; /* width */
	height: 200px; /* height */

	grid-area: 1 / 1 / span 3; /* style rule */

	border: 3px ridge #848484; /* border */
}

.com-contact__thumbnail img
{
	width: auto; /* width */
	height: 266px; /* height */

	border: 3px ridge #848484; /* border */
}

.contact-name
{
	color: black; /* text color */
	margin: 0; /* outer margin */
	font-style: normal; /* style rule */
	text-decoration: underline; /* style rule */
}

.com-content-category__items dl
{
	margin-bottom: 0; /* style rule */
}

.com-content-category__items dd
{
	font-style: normal; /* style rule */
}

@media(min-width: 27rem)
{
	.com-content-category__items
	{
		grid-template-columns: 1fr 1fr; /* grid columns */
	}

	.com-content-category__items address
	{
		grid-template-columns: auto 1fr; /* grid columns */
	}
}

.com-contact-featured__table
{
	border-collapse: collapse; /* style rule */
}

.com-contact-featured__table thead
{
	border-bottom: 1px solid #848484; /* style rule */
}

.com-contact-featured__table th
{
	text-align: left; /* text alignment */
}

.book
{
	display: grid; /* layout display */
	column-gap: .5rem; /* style rule */
	grid:
		"image"  min-content
		"title"  min-content
		"author" min-content
		"intro"  1fr
		"number" min-content
		/minmax(0, 1fr);

	word-break: break-word; /* style rule */
}

.book:not(:last-child)
{
	margin-bottom: 1rem; /* style rule */
	padding-bottom: 1rem; /* style rule */
	border-bottom: 1px solid #848484; /* style rule */
}

.book .intro-image
{
	width: 100px; /* width */

	grid-area: image; /* style rule */
}

.book figure
{
	margin: 0; /* outer margin */
}

.book img
{
	display: block; /* layout display */

	width: 100px; /* width */
	height: auto; /* height */
}

.book .title
{
	grid-area: title; /* style rule */

	margin: 0; /* outer margin */
}

.book .title a
{
	color: black; /* text color */
}

.book .edit
{
	grid-area: image; /* style rule */
}

.book .edit a
{
	color: white; /* text color */
	background-color: rgba(0, 0, 0, .7); /* background color */
	padding: .2rem; /* inner padding */
}

.book .author
{
	grid-area: author; /* style rule */

	font-size: calc(1rem - 1pt); /* font size */
	font-style: italic; /* style rule */
}

.book .intro,
.book .intro *
{
	font-size: 1rem !important; /* font size */
	font-style:  normal; /* style rule */
	font-weight: normal; /* font weight */

	text-align: left !important; /* text alignment */

	margin: 0; /* outer margin */
}

.book .intro
{
	grid-area: intro; /* style rule */

	margin: .5rem 0; /* outer margin */
}

.book .number
{
	grid-area: number; /* style rule */

	font-weight: bold; /* font weight */
}

@media(min-width: 30rem)
{
	.book
	{
		grid:
			"image title"  min-content
			"image author" min-content
			"image intro"  1fr
			"image number" min-content
			/min-content 1fr;
	}
}

.modal
{
	display: none; /* layout display */

	width: 100%; /* width */
	height: 100%; /* height */

	overflow-x: hidden; /* style rule */
	overflow-y: auto; /* style rule */

	position: fixed; /* positioning */
	left: 0; /* offset left */
	top: 0; /* offset top */

	background-color: rgba(255, 255, 255, .6); /* background color */

	z-index: 10; /* stacking order */
}

.modal-dialog
{
	margin: 1.5rem auto; /* outer margin */
}

.modal-content
{
	background-color: white; /* background color */
}

.modal-header
{
	display: flex; /* layout display */
	justify-content: space-between; /* main-axis alignment */
	align-items: center; /* cross-axis alignment */

	color: white; /* text color */
	background-color: #000084; /* background color */

	padding: .5rem; /* inner padding */
}

.modal-title
{
	margin: 0; /* outer margin */
	font-size: 1.3rem; /* font size */
}

.modal-body
{
	border-left:  2px solid #848484; /* style rule */
	border-right: 2px solid #848484; /* style rule */
}

.modal-footer
{
	display: flex; /* layout display */
	justify-content: flex-end; /* main-axis alignment */
	gap: .5rem; /* spacing between items */

	background-color: #848484; /* background color */

	padding: .3rem .5rem; /* inner padding */
}

.btn-close
{
	visibility: hidden; /* style rule */

	padding: 0; /* inner padding */
	padding-right: .3rem; /* style rule */
}

.btn-close::after
{
	visibility: visible; /* style rule */

	content: "\F00D"; /* style rule */
	color: white; /* text color */

	font-size: 1.5rem; /* font size */
	font-family: "NKMR 5 Free"; /* style rule */
	font-weight: 900; /* font weight */
	line-height: 1; /* line height */
}

.modal iframe
{
	width: 100%; /* width */
	height: 100%; /* height */

	border: 0; /* border */
}

.modal-body body
{
	display: block; /* layout display */
	margin: .5rem; /* outer margin */
}

.modal-dialog.jviewport-width10
{
	max-width: none; /* max width */
	width: 10vw; /* width */
}

.modal-dialog.jviewport-width20
{
	max-width: none; /* max width */
	width: 20vw; /* width */
}

.modal-dialog.jviewport-width30
{
	max-width: none; /* max width */
	width: 30vw; /* width */
}

.modal-dialog.jviewport-width40
{
	max-width: none; /* max width */
	width: 40vw; /* width */
}

.modal-dialog.jviewport-width50 
{
	max-width: none; /* max width */
	width: 50vw; /* width */
}

.modal-dialog.jviewport-width60 
{
	max-width: none; /* max width */
	width: 60vw; /* width */
}

.modal-dialog.jviewport-width70 
{
	max-width: none; /* max width */
	width: 70vw; /* width */
}

.modal-dialog.jviewport-width80 
{
	max-width: none; /* max width */
	width: 80vw; /* width */
}

.modal-dialog.jviewport-width90 
{
	max-width: none; /* max width */
	width: 90vw; /* width */
}

.modal-dialog.jviewport-width100 
{
	max-width: none; /* max width */
	width: 100vw; /* width */
}

.jviewport-height10 
{
	height:10vh
}

.jviewport-height20 
{
	height:20vh; /* height */
}

.jviewport-height30 
{
	height:30vh; /* height */
}

.jviewport-height40 
{
	height:40vh; /* height */
}

.jviewport-height50 
{
	height:50vh; /* height */
}

.jviewport-height60 
{
	height:60vh; /* height */
}

.jviewport-height70 
{
	height:70vh; /* height */
}

.jviewport-height80 
{
	height:80vh; /* height */
}

.jviewport-height90 
{
	height:90vh; /* height */
}

.jviewport-height100 
{
	height:100vh; /* height */
}

joomla-tab button[role=tab]
{
	appearance:none; /* style rule */
	display:block; /* layout display */
	position:relative; /* positioning */

	color: black; /* text color */
	background-color: #d0d0d0; /* background color */

	box-shadow: none; /* style rule */
	padding: .5em 1em; /* inner padding */
	border-right: 1px solid #848484; /* style rule */
}

joomla-tab[view=tabs]>div[role=tablist]
{
	display: flex; /* layout display */

	background-color: #f0f0f0; /* background color */

	border: 1px solid #848484; /* border */
	border-bottom: 0; /* style rule */
	border-radius: 0; /* corner radius */

	box-shadow: none; /* style rule */

	overflow-x: auto; /* style rule */
	overflow-y: hidden; /* style rule */

	margin: 0; /* outer margin */
	padding: 0; /* inner padding */

	white-space: nowrap; /* style rule */
}

joomla-tab[view="accordion"] button
{
	background-color: white !important; /* background color */
	background-image: none !important; /* style rule */

	box-shadow: none; /* style rule */
	border-bottom: 1px solid #848484; /* style rule */
}

joomla-tab button[role=tab][aria-expanded=true]
{
	border-left: 0; /* style rule */
	border-right: 1px solid #848484; /* style rule */

	box-shadow: none; /* style rule */

	background-color: white; /* background color */
}

joomla-tab button[aria-expanded=true]::after
{
	content: ""; /* style rule */
	height: 5px; /* height */
	background-color: #000084; /* background color */

	position: absolute; /* positioning */
	top: 0; /* offset top */
	left: 0; /* offset left */
	right: 0; /* offset right */

	opacity: 1; /* style rule */
}

joomla-tab>joomla-tab-element
{
	display: none; /* layout display */

	border: 1px solid #848484; /* border */
	border-radius: 0; /* corner radius */
	box-shadow: none; /* style rule */

	padding: 15px; /* inner padding */
}

.calendar-container table tbody td.day:hover
{
	background: #000084; /* background */
}

.calendar-container table tbody td.day.selected
{
	background: #000084; /* background */
}

.awesomplete
{
	color: black; /* text color */
	font-size: 1rem; /* font size */
}

.awesomplete ul
{
	flex-direction: column !important; /* flex direction */
	align-items: flex-start !important; /* cross-axis alignment */

	background: white !important; /* background */

	border: 1px solid #848484 !important; /* border */
	border-radius: 0 !important; /* corner radius */

	box-shadow: none !important; /* style rule */
}

.awesomplete ul::before
{
	content: none !important; /* style rule */
}

.awesomplete ul
{
	transition: none !important; /* style rule */
}

.awesomplete li
{
	width: 100% !important; /* width */
}

.awesomplete li:hover
{
	color: white !important; /* text color */
	background: #000084 !important; /* background */
}

.awesomplete ul li[aria-selected="true"]
{
	color: white !important; /* text color */
	background: #000084 !important; /* background */
}

.awesomplete mark
{
	background: yellow !important; /* background */
	color: black !important; /* text color */
}

.awesomplete li:hover mark
{
	background: yellow !important; /* background */
	color: black !important; /* text color */
}

.item-content,
.item-page,
.category-list,
.category-library
{
	/*box-shadow: 0 0 3px #848484;*/
	border: 2px solid #848484; /* border */
	padding: .5rem; /* inner padding */
}

.item-content :is(ul, ol),
.item-page :is(ul, ol)
{
	padding: revert; /* inner padding */
	list-style: revert; /* style rule */
}

.item-list li
{
	margin-bottom: .5rem; /* style rule */
}

.article-info-term
{
	display: none; /* layout display */
}

.article-info .icon-fw
{
	display: none; /* layout display */
}

.items-leading
{
	margin-bottom: 2rem; /* style rule */
}

.blog-item + .blog-item,
.item-content + .blog-item
{
	margin-top: 2rem; /* style rule */
}

figcaption
{
	font-size: calc(1rem - 2pt); /* font size */
}

.item-content::after
{
	content: ""; /* style rule */
	clear: both; /* style rule */
	display: table; /* layout display */
}

.readmore
{
	text-align: center; /* text alignment */
}

.readmore a
{
	display: block; /* layout display */
	width: 100%; /* width */

	padding: .2rem; /* inner padding */

	color: white; /* text color */
	background-color: #848484; /* background color */

	/*background-color: #d0d0d0;*/
}

h1, h2
{
	/*text-transform: uppercase;*/

	margin: 0; /* outer margin */
	font-size: 2rem; /* font size */

	word-break: break-word; /* style rule */
}

h2 a
{
	color: black; /* text color */
	text-decoration: none; /* style rule */
}

h2 a:hover
{
	text-decoration: underline; /* style rule */
}

.article-info
{
	grid-template-columns: none; /* grid columns */
	grid-auto-columns: min-content; /* style rule */
	grid-auto-flow: column; /* style rule */
	column-gap: .35em; /* style rule */

	margin-top: .2rem; /* style rule */
	margin-bottom: 0; /* style rule */

	border-bottom: 1px solid #848484; /* style rule */
	padding-bottom: .5rem; /* style rule */

	white-space: nowrap; /* style rule */
}

.article-info dd, .article-info dt
{
	margin: 0; /* outer margin */
	font-size: calc(1rem - 2pt); /* font size */
	font-weight: normal; /* font weight */
	grid-column: unset; /* style rule */
}

.article-info dd + dt::before
{
	content: "|"; /* style rule */
	padding: 0 .25em; /* inner padding */
}

@media screen and (max-width: 64rem)
{
	.article-info
	{
		grid-template-columns: min-content min-content; /* grid columns */
		grid-auto-flow: row; /* style rule */
	}

	.article-info dd + dt::before
	{
		display: none; /* layout display */
	}
}

.tags
{
	display: flex; /* layout display */
	flex-wrap: wrap; /* flex wrapping */
	gap: .5rem; /* spacing between items */

	border-bottom: 1px solid #848484; /* style rule */
	padding: .5rem 0 !important; /* inner padding */
	margin-top: 0; /* style rule */

	list-style: none !important; /* style rule */
}

.tags a
{
	display: block; /* layout display */

	padding: .2rem .3rem; /* inner padding */

	color: black; /* text color */
	background: #d0d0d0; /* background */

	font-size: calc(1rem - 2pt); /* font size */
	font-weight: bold; /* font weight */
	text-decoration: none; /* style rule */
}

.intro-desc
{
	font-size: calc(1rem - 1pt); /* font size */
	font-style: italic; /* style rule */

	max-width: 60ch; /* max width */
}

.footnote
{
	font-size: calc(1rem - 1pt); /* font size */
	font-style: italic; /* style rule */

	border-top: 1px solid #848484; /* style rule */
	/*border-bottom: 1px solid #848484;*/
	padding: .5rem; /* inner padding */
}

.footnote p:first-child
{
	font-weight: bold; /* font weight */
	margin: 0; /* outer margin */
}

.footnote p:last-child
{
	margin: 0; /* outer margin */
}

.ingress
{
	display: grid; /* layout display */
	grid-auto-rows:    min-content; /* style rule */
	grid-auto-columns: max-content; /* style rule */

	row-gap:    1rem; /* style rule */
	column-gap: 2rem; /* style rule */

	margin-bottom:  1rem; /* style rule */
}

.ingress p
{
	margin: 0; /* outer margin */

	max-width: 70ch; /* max width */
	font-weight: bold; /* font weight */

	grid-column-start: 1; /* style rule */
}

.ingress img
{
	grid-column-start: 2; /* style rule */
	border: 3px ridge #848484; /* border */
}

.ingress img:first-of-type
{
	grid-row: 1 / span 2; /* style rule */
}

.article-list
{
	display: grid; /* layout display */
	gap: 2rem; /* spacing between items */
	justify-content: center; /* main-axis alignment */
}

.article-list a
{
	word-break: break-all; /* style rule */
}

@media(min-width: 58rem)
{
	.article-list
	{
		grid-auto-flow: column; /* style rule */
	}
}

.item-content p a
{
	font-weight: bold; /* font weight */
}

.com-content-article p a
{
	font-weight: bold; /* font weight */
}

.com-content-category-blog__counter, .counter
{
	clip: rect(0 0 0 0);  /* style rule */
	clip-path: inset(50%); /* style rule */
	height: 1px; /* height */
	overflow: hidden; /* overflow handling */
	position: absolute; /* positioning */
	white-space: nowrap;  /* style rule */
	width: 1px; /* width */
}

#limit
{
	width: revert; /* width */
}

.pagination
{
	display: flex; /* layout display */
	justify-content: center; /* main-axis alignment */
	gap: .3rem; /* spacing between items */

	border-top: 1px solid #848484; /* style rule */
	padding-top: .5rem; /* style rule */
}

.pagination .page-item,
.pagination .next,
.pagination .previous
{
	border: 1px solid #848484; /* border */
}

.pagination .page-item a,
.pagination .next,
.pagination .previous
{
	height: 100%; /* height */
	padding: .2rem .3rem; /* inner padding */

	color: black; /* text color */
	text-decoration: none; /* style rule */
}

.pagination .page-item.disabled
{
	color: #848484; /* text color */
	padding: 0 .3rem; /* inner padding */
}

.pagination .page-item.active
{
	background-color: #000084; /* background color */
}

.pagination .page-item.active a
{
	color: white; /* text color */
}

.edit-button-bar
{
	display: flex; /* layout display */
	flex-direction: row-reverse; /* flex direction */
	flex-wrap: wrap; /* flex wrapping */
	gap: .5rem; /* spacing between items */

	padding: 0 .5rem; /* inner padding */
}

.mceEditor
{
	width: 100%; /* width */
}

.editor
{
	margin: .5rem 0 !important; /* outer margin */
}

.edit #jform_title
{
	max-width: none; /* max width */
}

.editor .nav-item
{
	color: black !important; /* text color */
}

footer
{
	grid-area: footer; /* style rule */

	color: white; /* text color */
	background-color: #848484; /* background color */

	padding: 0 .5rem; /* inner padding */
}