@charset "utf-8";
/* CSS Document */

/* Forms */
form {
	font-size: 0.8125rem;
	line-height: 1rem;
	text-align: left;
}
form fieldset {
	display: block;
	width: 100%;
	border-width: var(--size-border);
	border-style: solid;
	border-color: var(--color-grey-xxd);
	/* border-radius: var(--size-radius-m); */
	border-radius: 0;
	padding: calc(var(--size-space-l) - var(--size-border));
}
form fieldset:not(:last-child) {
	margin: 0 0 var(--size-space-l);
}
form label {
	display: block;
	font-size: var(--font-size-m);
	line-height: var(--font-line-m);
	color: var(--color-foreground);
	cursor: pointer;
}
form label:not(:last-child) {
	margin: 0 0 var(--size-space-m);
}
form label > span {
	/* color: #b82d00; */
}
form label > em {
	display: block;
	color: var(--color-grey-d);
}
form input[type="text"],
form input[type="url"],
form input[type="search"],
form input[type="email"],
form input[type="password"],
form input[type="tel"],
form input[type="number"],
form input[type="range"],
form input[type="color"],
form input[type="file"],
form input[type="date"],
form input[type="datetime-local"],
form input[type="month"],
form input[type="week"],
form input[type="time"],
form input[type="image"],
form textarea,
form select {
	display: block;
	width: 100%;
	height: calc(var(--font-line-l) + 2 * var(--size-space-s));
	border-width: var(--size-border);
	border-style: solid;
	border-color: var(--color-grey-d);
	/* border-radius: var(--size-radius-s); */
	border-radius: 0;
	padding: calc(var(--size-space-s) - var(--size-border));
	/* font-family: var(--font-secondary); */
	font-family: var(--font-primary);
	font-size: var(--font-size-l);
	line-height: var(--font-line-l);

	color: var(--color-grey-d);
	background-color: var(--color-grey-xxl);

	transition: var(--transition-m);
}
form textarea {
	height: calc(5 * var(--font-line-m) + 2 * (var(--size-border) + var(--size-space-s)));
	resize: vertical;
}
form select optgroup,
form select option {
	font-size: var(--font-size-m);
	line-height: var(--font-line-m);
}
form select[multiple] {
	height: calc(8 * var(--font-line-m) + 2 * (var(--size-border) + var(--size-space-s)));
}
form select[multiple] option {
}
form select[multiple] option[disabled] {
}

form input[type="text"][disabled],
form input[type="url"][disabled],
form input[type="search"][disabled],
form input[type="email"][disabled],
form input[type="password"][disabled],
form input[type="tel"][disabled],
form input[type="number"][disabled],
form input[type="range"][disabled],
form input[type="color"][disabled],
form input[type="file"][disabled],
form input[type="date"][disabled],
form input[type="datetime-local"][disabled],
form input[type="month"][disabled],
form input[type="week"][disabled],
form input[type="time"][disabled],
form input[type="image"][disabled],
form textarea[disabled],
form select[disabled] {
	border-color: var(--color-grey-m) !important;
	color: var(--color-grey-m) !important;
	background-color: var(--color-grey-l) !important;
	cursor: not-allowed;
	opacity: 1;
}
form input[type="text"][required],
form input[type="url"][required],
form input[type="search"][required],
form input[type="email"][required],
form input[type="password"][required],
form input[type="tel"][required],
form input[type="number"][required],
form input[type="range"][required],
form input[type="color"][required],
form input[type="file"][required],
form input[type="date"][required],
form input[type="datetime-local"][required],
form input[type="month"][required],
form input[type="week"][required],
form input[type="time"][required],
form input[type="image"][required],
form textarea[required],
form select[required] {
	border-color: var(--color-grey-xxd);
}
form input[type="text"]:focus,
form input[type="url"]:focus,
form input[type="search"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form input[type="tel"]:focus,
form input[type="number"]:focus,
form input[type="range"]:focus,
form input[type="color"]:focus,
form input[type="file"]:focus,
form input[type="date"]:focus,
form input[type="datetime-local"]:focus,
form input[type="month"]:focus,
form input[type="week"]:focus,
form input[type="time"]:focus,
form input[type="image"]:focus,
form textarea:focus,
form select:focus,
form input[type="text"]:active,
form input[type="url"]:active,
form input[type="search"]:active,
form input[type="email"]:active,
form input[type="password"]:active,
form input[type="tel"]:active,
form input[type="number"]:active,
form input[type="range"]:active,
form input[type="color"]:active,
form input[type="file"]:active,
form input[type="date"]:active,
form input[type="datetime-local"]:active,
form input[type="month"]:active,
form input[type="week"]:active,
form input[type="time"]:active,
form input[type="image"]:active,
form textarea:active,
form select:active {
	border-color: var(--color-primary);
	outline: 0 none transparent;
}

form label input[type="checkbox"] + *,
form label input[type="radio"] + * {
}
form label input[type="checkbox"]:disabled + *,
form label input[type="radio"]:disabled + * {
	color: var(--color-grey-m);
	cursor: not-allowed;
}
form .select-wrap {
	display: block;
	min-height: calc(var(--font-line-l) + 2 * var(--size-space-s));
	position: relative;
}
form .select-wrap select + i {
	display: block;
	width: calc(var(--font-line-l) + 2 * var(--size-space-s));
	height: calc(var(--font-line-l) + 2 * var(--size-space-s));
	overflow-x: hidden;
	pointer-events: none;
	position: absolute;
	top: 0;
	right: 0;
	box-sizing: border-box;
	border-width: var(--size-border);
	border-style: solid;
	border-color: transparent;
	/* border-radius: var(--size-radius-s); */
	border-radius: 0;
	font-style: normal;
}
form .select-wrap select:not([multiple]) {
	padding-right: calc(var(--font-line-l) + 3 * var(--size-space-s) - var(--size-border));
}
form .select-wrap select[multiple] + i {
	display: none;
}
form .select-wrap select + i:before {
	content: 'keyboard_arrow_down';
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: calc(var(--size-space-s) - var(--size-border));

	font-family: 'Material Icons';
	font-weight: var(--font-regular);
	font-style: normal;
	font-size: var(--font-line-l);
	line-height: var(--font-line-l);
	text-align: center;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	color: var(--color-primary);
	background-color: var(--color-grey-xxl);
}
form .select-wrap select:focus + i:before {
	content: 'keyboard_arrow_up';
}
form .select-wrap select:disabled + i:before {
	color: var(--color-grey-m);
	background-color: var(--color-grey-l);
}
form .checkbox-wrap,
form .radio-wrap {
	display: block;
	position: relative;
	line-height: var(--font-line-l);
}
form .checkbox-wrap input[type="checkbox"],
form .radio-wrap input[type="radio"] {
	display: none;
}
form .checkbox-wrap input[type="checkbox"] + i,
form .radio-wrap input[type="radio"] + i {
	display: block;
	width: calc(var(--font-line-l));
	height: calc(var(--font-line-l));
	float: left;

	margin: 0 var(--size-space-s) 0 0;

	/* border-width: var(--size-border);
	border-style: solid;
	border-color: var(--color-foreground);
	padding: var(--size-border);
	font-style: normal; */
}
form .radio-wrap input[type="radio"] + i {
	/* border-radius: var(--size-radius-m); */
}
form .checkbox-wrap input[type="checkbox"] + i:before,
form .radio-wrap input[type="radio"] + i:before {
	display: block;
	/* width: calc(var(--font-line-m) - 4 * var(--size-border));
	height: calc(var(--font-line-m) - 4 * var(--size-border)); */
	width: calc(var(--font-line-l));
	height: calc(var(--font-line-l));

	font-family: 'Material Icons';
	font-weight: var(--font-regular);
	font-style: normal;
	/* font-size: calc(var(--font-line-m) - 4 * var(--size-border));
	line-height: calc(var(--font-line-m) - 4 * var(--size-border)); */
	font-size: calc(var(--font-line-l));
	line-height: calc(var(--font-line-l));
	text-align: center;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}
form .checkbox-wrap input[type="checkbox"] + i:before {
	color: var(--color-foreground);
	content: 'check_box_outline_blank';
}
form .checkbox-wrap input[type="checkbox"]:disabled + i:before,
form .checkbox-wrap input[type="checkbox"]:disabled ~ * {
	color: var(--color-grey-m);
	cursor: not-allowed;
}
form .checkbox-wrap input[type="checkbox"]:checked + i:before {
	color: var(--color-primary);
	content: 'check_box';
}
form .radio-wrap input[type="radio"] + i:before {
	color: var(--color-foreground);
	content: 'radio_button_unchecked';
}
form .radio-wrap input[type="radio"]:disabled + i:before,
form .radio-wrap input[type="radio"]:disabled ~ * {
	color: var(--color-grey-m);
	cursor: not-allowed;
}
form .radio-wrap input[type="radio"]:checked + i:before {
	color: var(--color-primary);
	content: 'radio_button_checked';
}

form input[type="submit"],
form input[type="reset"],
form input[type="button"],
form button,
form button[type="button"],
form button[type="submit"],
form button[type="reset"],
a.button:not(.home) {
	display: inline-block;
	width: auto;
	min-width: calc(var(--font-line-l) + 2 * var(--size-space-s));
	min-height: calc(var(--font-line-l) + 2 * var(--size-space-s));
	position: relative;
	overflow: hidden;
	border-width: var(--size-border);
	border-style: solid;
	border-color: var(--color-primary);
	border-radius: 0;
	outline: 0 none transparent;
	padding: calc(var(--size-space-s) - var(--size-border)) calc(var(--size-space-l) - var(--size-border));
	font-family: 'Barlow', sans-serif;
	font-weight: var(--font-regular);
	font-size: var(--font-size-l);
	line-height: var(--font-line-l);
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	vertical-align: bottom;

	color: var(--color-background);
	background-color: var(--color-primary);

	transition: var(--transition-m);
}
form input[type="submit"]:hover,
form input[type="reset"]:hover,
form input[type="button"]:hover,
form button:hover,
form button[type="button"]:hover,
form button[type="submit"]:hover,
form button[type="reset"]:hover,
a.button:not(.home):hover {
	border-color: var(--color-foreground);
	background-color: var(--color-foreground);
}
form input[type="submit"]:not(:last-child),
form input[type="reset"]:not(:last-child),
form input[type="button"]:not(:last-child),
form button:not(:last-child),
form button[type="button"]:not(:last-child),
form button[type="submit"]:not(:last-child),
form button[type="reset"]:not(:last-child),
a.button:not(.home):not(:last-child) {
	margin: 0 0 var(--size-space-l);
}
form input[type="submit"].small,
form input[type="reset"].small,
form input[type="button"].small,
form button.small,
form button[type="button"].small,
form button[type="submit"].small,
form button[type="reset"].small,
a.button:not(.home).small {
	min-height: calc(var(--font-line-s) + 2 * var(--size-space-s));
	font-size: var(--font-size-s);
	line-height: var(--font-line-s);
}
form input[type="submit"].large,
form input[type="reset"].large,
form input[type="button"].large,
form button.large,
form button[type="button"].large,
form button[type="submit"].large,
form button[type="reset"].large,
a.button:not(.home).large {
	min-height: calc(var(--font-line-xl) + 2 * var(--size-space-m));
	padding: calc(var(--size-space-m) - var(--size-border)) calc(var(--size-space-l) - var(--size-border));
	font-size: var(--font-size-xl);
	line-height: var(--font-line-xl);
}
form input[type="submit"].outline,
form input[type="reset"].outline,
form input[type="button"].outline,
form button.outline,
form button[type="button"].outline,
form button[type="submit"].outline,
form button[type="reset"].outline,
a.button:not(.home).outline {
	color: var(--color-primary);
	border-color: var(--color-primary);
	background-color: var(--color-background);
}
form input[type="submit"].outline:hover,
form input[type="reset"].outline:hover,
form input[type="button"].outline:hover,
form button.outline:hover,
form button[type="button"].outline:hover,
form button[type="submit"].outline:hover,
form button[type="reset"].outline:hover,
a.button:not(.home).outline:hover {
	color: var(--color-foreground);
	border-color: var(--color-foreground);
	background-color: var(--color-background);
}
form input[type="submit"].alternative,
form input[type="reset"].alternative,
form input[type="button"].alternative,
form button.alternative,
form button[type="button"].alternative,
form button[type="submit"].alternative,
form button[type="reset"].alternative,
a.button:not(.home).alternative {
	color: var(--color-background);
	border-color: var(--color-grey-d);
	background-color: var(--color-grey-d);
}
form input[type="submit"].alternative:hover,
form input[type="reset"].alternative:hover,
form input[type="button"].alternative:hover,
form button.alternative:hover,
form button[type="button"].alternative:hover,
form button[type="submit"].alternative:hover,
form button[type="reset"].alternative:hover,
a.button:not(.home).alternative:hover {
	color: var(--color-background);
	border-color: var(--color-foreground);
	background-color: var(--color-foreground);
}
form input[type="submit"].alternative.outline,
form input[type="reset"].alternative.outline,
form input[type="button"].alternative.outline,
form button.alternative.outline,
form button[type="button"].alternative.outline,
form button[type="submit"].alternative.outline,
form button[type="reset"].alternative.outline,
a.button:not(.home).alternative.outline {
	color: var(--color-grey-d);
	border-color: var(--color-grey-d);
	background-color: var(--color-background);
}
form input[type="submit"].alternative.outline:hover,
form input[type="reset"].alternative.outline:hover,
form input[type="button"].alternative.outline:hover,
form button.alternative.outline:hover,
form button[type="button"].alternative.outline:hover,
form button[type="submit"].alternative.outline:hover,
form button[type="reset"].alternative.outline:hover,
a.button:not(.home).alternative.outline:hover {
	color: var(--color-foreground);
	border-color: var(--color-foreground);
	background-color: var(--color-background);
}
form input[type="submit"][disabled],
form input[type="reset"][disabled],
form input[type="button"][disabled],
form button[disabled],
form button[type="button"][disabled],
form button[type="submit"][disabled],
form button[type="reset"][disabled],
a.button:not(.home).disabled {
	color: var(--color-background) !important;
	border-color: var(--color-grey-l) !important;
	background-color: var(--color-grey-l) !important;
	cursor: not-allowed;
}
form input[type="submit"][disabled].outline,
form input[type="reset"][disabled].outline,
form input[type="button"][disabled].outline,
form button[disabled].outline,
form button[type="button"][disabled].outline,
form button[type="submit"][disabled].outline,
form button[type="reset"][disabled].outline,
a.button:not(.home).disabled.outline {
	color: var(--color-grey-l) !important;
	border-color: var(--color-grey-l) !important;
	background: var(--color-background) !important;
	cursor: not-allowed;
}
form input[type="submit"][disabled].alternative,
form input[type="reset"][disabled].alternative,
form input[type="button"][disabled].alternative,
form button[disabled].alternative,
form button[type="button"][disabled].alternative,
form button[type="submit"][disabled].alternative,
form button[type="reset"][disabled].alternative,
a.button:not(.home).disabled.alternative {
	color: var(--color-background) !important;
	border-color: var(--color-grey-l) !important;
	background-color: var(--color-grey-l) !important;
	cursor: not-allowed;
}
form input[type="submit"][disabled].alternative.outline,
form input[type="reset"][disabled].alternative.outline,
form input[type="button"][disabled].alternative.outline,
form button[disabled].alternative.outline,
form button[type="button"][disabled].alternative.outline,
form button[type="submit"][disabled].alternative.outline,
form button[type="reset"][disabled].alternative.outline,
a.button:not(.home).disabled.alternative.outline {
	color: var(--color-grey-l) !important;
	border-color: var(--color-grey-l) !important;
	background-color: var(--color-background) !important;
	cursor: not-allowed;
}

#top-search-form {
	display: flex;
	margin: 0;
	flex-shrink: 0;
}
#top-search-form .field-wrap {
	margin: 0;
}
#top-search-form input {
	color: var(--color-background);
	border-color: var(--color-grey-m);
	background-color: var(--color-grey-m);
}
#top-search-form button {
	border-color: var(--color-grey-m);
	background-color: var(--color-grey-m);
	padding: calc(var(--size-space-s) - var(--size-border));
}
#top-search-form button * {
	display: block;
}

#archive-form {
	flex-basis: 100%;
	flex-shrink: 1;
}
#archive-form .fields {
	display: flex;
}
#archive-form .fields * {
	flex-shrink: 0;
	order: 3;
}
#archive-form .fields:before {
	content: '';
	display: block;
	flex-shrink: 1;
	order: 2;
	flex-basis: 100%;
}
#archive-form .fields .listing-subtitle {
	order: 1;
}
#archive-form .field-wrap {
	order: 3;
	flex-shrink: 0;
	margin: 0 var(--size-space-m) 0 0;
}
#archive-form .select-wrap select {
	color: var(--color-background);
	border-color: var(--color-grey-xxd);
	background-color: var(--color-grey-xxd);
	text-transform: uppercase;
}
#archive-form .select-wrap select:not(:disabled) + i {
	background-color: var(--color-grey-xxd);
}
#archive-form .select-wrap select:not(:disabled) + i:before {
	background-color: var(--color-grey-xxd);
	color: var(--color-background);
}
#archive-form button {
	color: var(--color-primary);
	border-color: var(--color-primary);
	background-color: var(--color-grey-xxl);
	text-transform: none;
}