@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:ital,wght@0,500;1,500&family=IBM+Plex+Sans:ital,wght@0,400;0,500;1,400;1,500&family=IBM+Plex+Serif:ital@0;1&display=swap");

:root {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
		"Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
		"Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.15),
		rgba(255, 255, 255, 0)
	);
	--serif: "IBM Plex Serif", serif;
	--sans: "IBM Plex Sans", sans-serif;
	--sans-condensed: "IBM Plex Sans Condensed", sans-serif;
}

@media (forced-colors: active) {
	body {
		color: white;
		font-size: 1.5em;
		background-color: black;
	}
	#content {
		background-color: black;
	}
	a {
		color: #0d6efd;
	}
	a:visited {
		color: #6610f2;
	}
}

.logo {
	width: 6.5em;
}

#content {
	padding-top: 1.5em;
	padding-bottom: 2em;
}

.navbar-nav > li {
	padding-left: 1.4em;
	font-family: var(--sans-condensed);
	font-weight: 500;
	font-size: 1.3em;
}

body {
	background-color: var(--bs-light);
	font-family: var(--serif);
}

.forras {
	font-size: small;
	color: var(--bs-gray-dark) !important;
	font-family: var(--sans);
	font-weight: 500;
}
#content a {
	color: #000080;
}

#content a:visited {
	color: #3f75a2 !important;
}

.rejtett {
	position: absolute;
	left: -9999px;
}
nav#tartalomraugras a {
	position: absolute;
	left: -9999px;
	color: black;
}
nav#tartalomraugras a:focus {
	position: static;
	color: #6610f2;
	background-color: white;
}

caption {
	color: var(--bs-gray-dark);
	caption-side: top;
}

p {
	text-align: justify;
	font-size: 1.1em;
}

h1,
h2 {
	font-family: var(--sans-condensed);
	padding-bottom: 0.3em;
	padding-top: 0.3em;
}

figure {
	margin: 0;
}

figcaption {
	font-family: var(--sans);
	font-weight: 500;
	color: var(--bs-gray-dark) !important;
}

summary {
	font-family: var(--sans);
	font-weight: 400;
}

.verticaljustify {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

thead {
	text-align: center;
}

.tablesection {
	text-align: center;
	font-weight: bold;
}

footer {
	margin-bottom: 1em;
}

hr {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

@media (max-width: 991.98px) {
	.navbar-nav > li {
		padding-left: 0em;
	}
}
