@font-face {
	font-family: "Hadron";
	src: url(../assets/nasalization.otf)
}

* {
	box-sizing: border-box
}

html {
	scroll-behavior: smooth
}

.f {
	display: flex
}

.f.col {
	flex-direction: column
}

.f.row {
	flex-direction: row
}

.f.c {
	justify-content: center
}

.f.a {
	align-items: center
}

.bg-gray {
	background-color: #fafafa !important
}

section.modular-text {
	padding: 1rem
}

section.modular-text h2 {
	margin-top: 1rem
}

body:not(.header-dark).header-transparent #header:not(.scrolled) a {
	color: rgba(223.125, 223.125, 223.125, 0.625) !important
}

body:not(.header-dark).header-transparent #header:not(.scrolled) a.active
	{
	color: #fafafa !important
}

.label.label-secondary {
	color: #a47936;
	padding: 5px 20px;
}

body {
	background-color: #fafafa;
	color: #231f20
}

body h1, body h2, body h3, body h4, body h5, body h6 {
	color: #231f20
}

body a:not(:has(.title), :is(.mobile-container a)) {
	color: #a47936
}

body a:not(:has(.title), :is(.mobile-container a)):hover, body a:not(:has(.title),
	:is(.mobile-container a)):focus, body a:not(:has(.title), :is(.mobile-container a)):active,
	body a:not(:has(.title), :is(.mobile-container a)):visited {
	color: #a47936
}

body a:not(:has(.title), :is(.mobile-container a)).btn {
	border-color: #a47936
}

body ol ol, body ol ul, body ul ol, body ul ul {
	margin: 0 1.6rem
}

body .hadron-font {
	font-family: Hadron, sans-serif;
	text-transform: uppercase
} /*
body.header-dark.header-light.header-transparent {
	// header & navigation
	#header.scrolled {
		nav.navbar {
			nav.dropmenu { }
		}
	}

	// hamburger menu
	.mobile-menu {
		#toggle {
			span { }
		}
	}

	// mobile navigation
	.mobile-container {
		.mobile-logo { }
	}
}
*/
body #header .navbar-brand {
	gap: 1rem
}

body #header .navbar-brand .title {
	font-size: 1.5rem
}

body #header .navbar-brand:hover {
	text-decoration: none
}

body .mobile-container .mobile-logo {
	margin-top: 0.7rem
}

body .mobile-container .mobile-logo .navbar-brand {
	gap: 1rem
}

body .mobile-container .mobile-logo .navbar-brand .title {
	font-size: 1.5rem
}

body .mobile-container .mobile-logo .navbar-brand:hover {
	text-decoration: none
}

body .mobile-container .mobile-logo .title {
	color: #fafafa
}

body .mobile-container .mobile-logo img {
	margin-top: 0
}

body .mobile-container .overlay-menu a, body .mobile-container .overlay-menu .toggler
	{
	padding: 1rem;
	color: #fafafa
}

body .mobile-container .overlay-menu .toggler {
	font-size: 1.5rem;
	padding: 1rem
}

body:is(.header-dark) .mobile-menu #toggle span, body .mobile-menu #toggle.active span
	{
	background: #fafafa
}

body:is(.header-light, .header-transparent) #header, body #header.scrolled
	{
	background-color: #fafafa;
	color: #231f20
}

body:is(.header-light, .header-transparent) #header .dropmenu ul>li>a:is(.active,
	:focus, :hover), body #header.scrolled .dropmenu ul>li>a:is(.active,
	:focus, :hover) {
	color: #fafafa !important
}

body:is(.header-dark) #header:not(.scrolled) {
	color: #fafafa
}

body:is(.header-dark) #header:not(.scrolled) .dropmenu ul>li>a:is(.active,
	:focus, :hover), body:is(.header-dark) #header:not(.scrolled) .dropmenu>ul>li>a:is(.active,
	:focus, :hover), body:is(.header-dark) #header:is(.scrolled) .dropmenu ul>li>a:is(.active,
	:focus, :hover), body:is(.header-dark) #header:is(.scrolled) .dropmenu>ul>li>a:is(.active,
	:focus, :hover){
	color: #a47936 !important;
	filter: drop-shadow(2px 4px 6px black);
}

body:is(.header-light) #header .navbar-brand.inverted img, body:not(.header-dark,
	.header-transparent) #header .navbar-brand.inverted img, body #header.scrolled .navbar-brand.inverted img
	{
	filter: invert(1)
}

nav.language-switcher {
	margin-left: 1rem
}

nav.language-switcher nav:not(.dropmenu) li {
	font-size: 16px
}

nav.language-switcher ul {
	display: flex;
	gap: 0.5rem
}

nav.language-switcher li {
	margin-top: 0
}

nav.language-switcher li::marker {
	content: none
}

nav.language-switcher a.active {
	color: #a47936
}

nav.language-switcher>ul>li>a {
	padding: 0.25rem !important
}

.mobile-container nav.language-switcher {
	font-size: 1rem;
	margin-top: 2rem
}

.mobile-container nav.language-switcher a:not(.active) {
	color: #fafafa
}

.mobile-container nav.language-switcher a.active {
	text-decoration: none
}

.hero h2 .toc-anchor {
	display: none
}

form:not(.login-form) .form-columns {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between
}

form:not(.login-form) .form-columns .form-column {
	width: 100%
}

form:not(.login-form) .form-field {
	padding: 0.5rem
}

form:not(.login-form) .form-field .form-data textarea:not(.no-css) {
	width: 100%;
	min-height: 5rem;
	max-height: 20rem;
	padding: 0.5rem;
	resize: vertical
}

form:not(.login-form) .form-field .form-data input:not(.no-css)[type=text],
	form:not(.login-form) .form-field .form-data input:not(.no-css)[type=email],
	form:not(.login-form) .form-field .form-data input:not(.no-css)[type=tel],
	form:not(.login-form) .form-field .form-data input:not(.no-css)[type=date],
	form:not(.login-form) .form-field .form-data input:not(.no-css)[type=number],
	form:not(.login-form) .form-field .form-data input:not(.no-css)[type=url],
	form:not(.login-form) .form-field .form-data input:not(.no-css)[type=range],
	form:not(.login-form) .form-field .form-data input:not(.no-css)[type=password]
	{
	width: 100%;
	height: 2.5rem;
	padding: 0.5rem
}

form:not(.login-form) .form-field .form-data select:not(.no-css) {
	width: 100%;
	height: 2.5rem;
	padding: 0.5rem
}

form:not(.login-form) .form-field .form-data select:not(.no-css)[multiple]
	{
	height: auto;
	max-height: 15rem
}

form:not(.login-form) .buttons {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.5rem
}

form:not(.login-form) .buttons button {
	width: 100%;
	height: 2.5rem;
	padding: 0.5rem;
	color: #a47936;
	border: 1px solid #a47936
}

form:not(.login-form) .buttons button.btn-primary {
	color: #fafafa;
	background-color: #a47936
}

form:not(.login-form) .buttons button.btn-primary:hover {
	background-color: rgb(46.2222222222, 77.3333333333, 169.7777777778)
}

form:not(.login-form) .buttons button:hover, form:not(.login-form) .buttons button:focus,
	form:not(.login-form) .buttons button:focus-visible {
	border: 1px solid #a47936;
	box-shadow: 0 0 0 0.1rem rgba(64, 99, 203, 0.25);
	outline-color: #a47936;
	background-color: rgba(64, 99, 203, 0.1)
}

form:not(.login-form) input, form:not(.login-form) textarea, form:not(.login-form) select
	{
	accent-color: #a47936
}

form:not(.login-form) input:focus, form:not(.login-form) input:focus-visible,
	form:not(.login-form) textarea:focus, form:not(.login-form) textarea:focus-visible,
	form:not(.login-form) select:focus, form:not(.login-form) select:focus-visible
	{
	border-color: #a47936;
	outline: #a47936;
	box-shadow: 0 0 0 0.1rem rgba(64, 99, 203, 0.25)
}

form:not(.login-form) select option:hover {
	box-shadow: 0 0 10px 100px #a47936 inset
}

form:not(.login-form) select option[selected] {
	background-color: #a47936
}

form:not(.login-form) .switch-toggle input:checked+label {
	background-color: #a47936
}

table {
	border-spacing: unset
}

table th {
	background-color: #a47936;
	color: #fafafa
}

table th, table td {
	padding: 0.2rem 0.5rem
}

table td::before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	text-transform: uppercase
}

@media screen and (min-width: 641px) {
	table td::before {
		display: none
	}
}

table tr:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.25)
}

table .text-align-center {
	text-align: center
}

table .text-align-right {
	text-align: right
}

table .text-align-left {
	text-align: left
}

@media screen and (max-width: 640px) {
	.table-responsive table {
		border: 0;
		width: 100%
	}
	.table-responsive table caption {
		font-size: 1.3em
	}
	.table-responsive table thead {
		border: none;
		clip: rect(0, 0, 0, 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px
	}
	.table-responsive table tr {
		border-bottom: 3px solid #fafafa;
		display: block;
		margin-bottom: 0.625em
	}
	.table-responsive table td {
		border-bottom: 1px solid rgba(0, 0, 0, 0.25);
		display: block;
		font-size: 0.8em
	}
	.table-responsive table td :last-child {
		border-bottom: 0
	}
	.table-responsive table .text-align-center, .table-responsive table .text-align-right,
		.table-responsive table .text-align-left {
		text-align: right
	}
}

#footer {
	background-color: #fafafa !important;
	color: #231f20;
	margin-top: 3rem;
	padding: 1rem
}

#footer a, #footer a:is(:hover) {
	color: #a47936
}

#footer p {
	margin: 0
}

section.cards .cards-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem
}

section.cards .cards-list h4 {
	margin-top: 0
}

@media screen and (max-width: 640px) {
	section.cards .cards-list {
		grid-template-columns: 1fr
	}
}

section.sbs .sbs {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 3rem 0
}

section.sbs .sbs.layout-right {
	flex-direction: row-reverse
}

section.sbs .sbs .sbs-image, section.sbs .sbs .sbs-content {
	width: 50%
}

section.sbs .sbs .sbs-image img {
	width: 100%
}

section.sbs .sbs .sbs-content.top-left {
	align-self: start;
	text-align: left
}

section.sbs .sbs .sbs-content.top-center {
	align-self: start;
	text-align: center
}

section.sbs .sbs .sbs-content.top-right {
	align-self: start;
	text-align: right
}

section.sbs .sbs .sbs-content.center-left {
	align-self: center;
	text-align: left
}

section.sbs .sbs .sbs-content.center-center {
	align-self: center;
	text-align: center
}

section.sbs .sbs .sbs-content.center-right {
	align-self: center;
	text-align: right
}

section.sbs .sbs .sbs-content.bottom-left {
	align-self: end;
	text-align: left
}

section.sbs .sbs .sbs-content.bottom-center {
	align-self: end;
	text-align: center
}

section.sbs .sbs .sbs-content.bottom-right {
	align-self: end;
	text-align: right
}

section.sbs .sbs h4 {
	margin-top: 0
} /*# sourceMappingURL=hadron.css.map */