/* =========================================================
   Mancsjárat – lean layout foundation
   Replaces the legacy Scaffolding/Bootstrap-style layout bundle.
   ========================================================= */

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

html {
	min-height: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	min-height: 100%;
	margin: 0;
}

article,
aside,
footer,
header,
main,
nav,
section {
	display: block;
}

figure {
	margin: 0;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
	max-width: 100%;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font: inherit;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button,
select {
	text-transform: none;
}

textarea {
	overflow: auto;
}

[hidden] {
	display: none;
}

.clearfix::before,
.clearfix::after {
	display: table;
	content: "";
}

.clearfix::after {
	clear: both;
}

.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 1rem;
	padding-left: 1rem;
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -0.75rem;
	margin-left: -0.75rem;
}

[class*="col-"] {
	position: relative;
	width: 100%;
	min-width: 0;
	padding-right: 0.75rem;
	padding-left: 0.75rem;
}

.col-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

@media (min-width: 48rem) {
	.col-md-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.order-md-1 {
		order: 1;
	}

	.order-md-2 {
		order: 2;
	}

	.order-md-3 {
		order: 3;
	}
}

@media (min-width: 64rem) {
	.col-lg-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-lg-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.order-lg-1 {
		order: 1;
	}

	.order-lg-2 {
		order: 2;
	}

	.order-lg-3 {
		order: 3;
	}
}

.screen-reader-text,
.scaffolding-visuallyhidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.screen-reader-text:focus,
.scaffolding-visuallyhidden.focusable:focus {
	z-index: 100000;
	top: 0.5rem;
	left: 0.5rem;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0.8rem 1rem !important;
	clip: auto !important;
	white-space: normal !important;
	background: #ffffff;
	color: #171313;
	font-weight: 700;
}

.hidden,
.scaffolding-hidden {
	display: none !important;
}

body.sticky-footer,
body.sticky-footer #container {
	min-height: 100vh;
}

body.sticky-footer #container {
	display: flex;
	flex-direction: column;
}

body.sticky-footer #content {
	flex: 1 0 auto;
}