:root {
	--foreground-color: white;
	--background-color: black;

	/* Colors */
	--primary: #000;
	--primary-bg: #888;
	--primary-dark: #000;
	--primary-light: #222;

	--secondary: #dd0000;
	--secondary-bg: #ffaaaa;
	--secondary-dark: #aa0000;
	--secondary-light: #ff5555;

	--tertiary: #ffce00;
	--tertiary-bg: #ffeeaa;
	--tertiary-dark: #bf9900;
	--tertiary-light: #ffdd55;

	/* Fonts */
	--font-family-heading: mendl-sans-dusk, -apple-system, BlinkMacSystemFont,
		"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
		sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
		"Noto Color Emoji";
	--font-family-sans-serif: gill-sans-nova, -apple-system, BlinkMacSystemFont,
		"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
		sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
		"Noto Color Emoji";
	--line-height: 1.5;

	/* Borders */
	--button-border: 1px;
	--dropdown-border: 1px;
	--input-border: 1px;
	--panel-border: 1px;

	/* Radii */
	--button-radius: 1.5rem;
	--dropdown-radius: 1rem;
	--input-radius: 0.5rem;
	--panel-radius: 1.5rem;

	/* Padding */
	--button-padding: 2rem;
	--dropdown-padding: 1rem;
	--input-padding: 1.5rem;
	--panel-padding: 1.5rem;

	--navigation-height: 66px;
}
@media screen and (min-width: 576px) {
	:root {
		--navigation-height: 82px;
	}
}
@media screen and (min-width: 768px) {
	:root {
		--navigation-height: 98px;
	}
}
@media screen and (min-width: 992px) {
	:root {
		--navigation-height: 114px;
	}
}

main,
footer {
	letter-spacing: 1px;
}

/* Scroll smooth naar anchors op de pagina. */
html {
	scroll-behavior: smooth;
}
@media (prefers-reduced-motion) {
	html {
		scroll-behavior: unset;
	}
}

/* Zorg dat er niet buiten de pagina gescrolt kan worden. */
body {
	overscroll-behavior-y: none;
	background-color: var(--background-color);
	color: var(--foreground-color);
}

hr {
	background-color: currentColor;
	border-color: currentColor;
}

a {
	color: currentColor;
}
a:active,
a:focus,
a:hover {
	color: currentColor;
	text-decoration: underline;
}

b,
strong {
	font-weight: 600;
}

main h1,
main .h1,
main h2,
main .h2,
main h3,
main .h3,
main h4,
main .h4,
main h5,
main .h5,
main h6,
main .h6,
main .title,
footer h1,
footer .h1,
footer h2,
footer .h2,
footer h3,
footer .h3,
footer h4,
footer .h4,
footer h5,
footer .h5,
footer h6,
footer .h6,
footer .title {
	font-family: var(--font-family-heading);
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 1;

	text-transform: uppercase;
	text-wrap: balance;
	word-break: break-word;
}

main h1,
main .h1 {
	font-size: 1.5rem;
}
main h2,
main .h2 {
	font-size: 1.25rem;
}
main h3,
main .h3 {
	font-size: 1.125rem;
}
main h5,
main .h5,
main h6,
main .h6 {
	font-size: 1rem;
	font-size: 1rem;
}
@media screen and (min-width: 576px) {
	main h1,
	main .h1 {
		font-size: 1.75rem;
	}
	main h2,
	main .h2 {
		font-size: 1.5rem;
	}
	main h3,
	main .h3 {
		font-size: 1.25rem;
	}
	main h4,
	main .h4 {
		font-size: 1.125rem;
	}
}
@media screen and (min-width: 768px) {
	main h1,
	main .h1 {
		font-size: 2rem;
	}
	main h2,
	main .h2 {
		font-size: 1.75rem;
	}
	main h3,
	main .h3 {
		font-size: 1.5rem;
	}
	main h4,
	main .h4 {
		font-size: 1.25rem;
	}
	main h5,
	main .h5 {
		font-size: 1.125rem;
	}
}
@media screen and (min-width: 992px) {
	main h1,
	main .h1 {
		font-size: 2.25rem;
	}
	main h2,
	main .h2 {
		font-size: 2rem;
	}
	main h3,
	main .h3 {
		font-size: 1.75rem;
	}
	main h4,
	main .h4 {
		font-size: 1.5rem;
	}
	main h5,
	main .h5 {
		font-size: 1.25rem;
	}
	main h6,
	main .h6 {
		font-size: 1.125rem;
	}
}

p,
.p {
	text-wrap: pretty;
}

input {
	accent-color: var(--primary-dark);
}

/* Navigatie balk mee laten scrollen. */
.nav-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background-color: white;
}
@media screen and (min-width: 992px) {
	#adminbar + * .nav-header {
		top: 3.5rem;
	}
}

.list-unstyled.navlist-nav {
	margin-bottom: 0;
}

/* Navigatie toggler met open en sluit animatie. */
.navbar-toggler {
	border: none;
	font-size: 85%;
}
.navbar-toggler-icon {
	position: relative;
	background-image: none !important;
}
.navbar-toggler-icon i {
	display: block;
	position: absolute;
	height: 0.1em;
	width: 100%;
	left: 0;

	background-color: var(--foreground-color);
	transition-property: left, top, transform, width;
	transition-duration: 250ms;
}
.navbar-toggler-icon i:nth-child(1) {
	top: calc(20% - 0.05em);
}
.navbar-toggler-icon i:nth-child(2) {
	top: calc(50% - 0.05em);
}
.navbar-toggler-icon i:nth-child(3) {
	top: calc(80% - 0.05em);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon i:nth-child(1) {
	top: calc(50% - 0.1em);
	transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon i:nth-child(2) {
	width: 0;
	left: 50%;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon i:nth-child(3) {
	top: calc(50% - 0.1em);
	transform: rotate(-45deg);
}

/* Buttons */
.btn-padding,
.btn:not(.btn-admin) {
	padding: calc(var(--button-padding) / 3) var(--button-padding);
}
.btn.btn-primary:not(.btn-admin) {
	color: var(--background-color);
	background-color: var(--foreground-color);
	border-color: var(--foreground-color);
}
.btn.btn-primary:not(.btn-admin):active,
.btn.btn-primary:not(.btn-admin):focus,
.btn.btn-primary:not(.btn-admin):hover {
	color: var(--foreground-color);
	background-color: var(--background-color);
	border-color: var(--foreground-color);
}
.btn.btn-primary:not(.btn-admin),
.btn.btn-secondary:not(.btn-admin),
.btn.btn-tertiary:not(.btn-admin) {
	text-transform: uppercase;
	font-family: var(--font-family-heading);
	font-weight: 600;
}
.btn.btn-link:not(.btn-admin),
.bottom .btn.btn-link.btn-admin {
	color: currentColor;
}
.bottom .nav-link:active,
.bottom .nav-link:focus,
.bottom .nav-link:hover,
.bottom .btn.btn-link.btn-admin:active,
.bottom .btn.btn-link.btn-admin:focus,
.bottom .btn.btn-link.btn-admin:hover {
	color: var(--background-color);
	background-color: var(--foreground-color);
}

.btn.btn-link:not(.btn-admin) {
	position: relative;
}
.btn.btn-link:not(.btn-admin)::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 1px;
	background-color: currentColor;
	transition: width 500ms ease-in-out;
}

.btn.btn-link:not(.btn-admin):active::before,
.btn.btn-link:not(.btn-admin):hover::before,
.btn.btn-link:not(.btn-admin):focus::before {
	width: 100%;
}

.btn.btn-link.d-flex .fa-envelope.fa-lg,
.btn.btn-link.d-inline-flex .fa-envelope.fa-lg {
	font-size: 1.375rem;
}

@keyframes navigation-bar-aside-slide-in {
	from {
		right: 100vw;
	}

	to {
		right: var(--target-offset);
	}
}
@keyframes navigation-bar-aside-fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

header.nav-header .navbar {
	z-index: 510;
	padding: 15px;
}
header.nav-header .navbar-aside {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 500;
}
header.nav-header .navbar-aside .navbar-aside-content {
	--target-offset: 10vw;
	position: absolute;
	max-height: 100%;
	max-width: calc(100vw - var(--target-offset));
	top: 0;
	bottom: 0;
	right: var(--target-offset);
	left: 0;
	padding: 1em;
	overflow-y: scroll;

	box-shadow: 0 0 480px #0008;
	overflow-y: scroll;
}
header.nav-header .navbar-aside .navbar-aside-content > * {
	width: calc(100vw - var(--target-offset) - 30px);
}

header.nav-header .navbar-aside.show .navbar-aside-content {
	animation-name: navigation-bar-aside-slide-in;
	animation-duration: 500ms;
	animation-timing-function: ease-in-out;
}
header.nav-header .navbar-aside .navbar-aside-content::before {
	content: "";
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #0002;
	z-index: -1;
}
header.nav-header .navbar-aside.show .navbar-aside-content::before {
	animation-name: navigation-bar-aside-fade-in;
	animation-duration: 500ms;
	animation-timing-function: ease-in;
}
@media screen and (min-width: 768px) {
	header.nav-header .navbar-aside .navbar-aside-content {
		--target-offset: 30vw;
	}
}
@media screen and (min-width: 992px) {
	header.nav-header .navbar-aside .navbar-aside-content {
		--target-offset: 50vw;
	}
}
header.nav-header .navbar-aside,
header.nav-header .navbar-aside-content {
	padding-top: var(--navigation-height) !important;
}

@media screen and (min-width: 576px) {
	header.nav-header .navbar {
		padding: 1rem 2rem;
	}
}
header.nav-header .navbar-brand {
	line-height: 1;
	max-width: 33vw;
}
@media screen and (min-width: 768px) {
	header.nav-header .navbar-brand {
		max-width: 50vw;
	}
}
header.nav-header .navbar-light {
	background-color: var(--background-color);
}
header.nav-header .navbar-aside-content {
	background-color: var(--background-color);

	-ms-overflow-style: none; /* Internet Explorer 10+ */
	scrollbar-width: none; /* Firefox */
}
header.nav-header .navbar-aside-content::-webkit-scrollbar {
	display: none; /* Safari and Chrome */
}

.nav-languages-item {
	font-size: 1.25em;
}
.nav-languages-item,
.nav-languages-item:active,
.nav-languages-item:focus,
.nav-languages-item:hover {
	color: inherit;
}
.nav-languages-item.active {
	/* display: none !important; */
	filter: grayscale(1);
}
.nav-languages-item img {
	border-width: 1px;
	border-style: solid;
	border-color: currentColor;
}
.nav-languages-item .text {
	display: none;
}

.navbar-nav,
.menu-select .navlist {
	text-transform: uppercase;
	font-family: var(--font-family-heading);
	font-weight: 600;
}
.navbar-nav .nav-link,
.menu-select .navlist .nav-link {
	color: inherit;
}

#contact-dropdown-wrapper {
	display: none;
	position: absolute;
	padding: var(--panel-padding);
	top: calc(0px - var(--panel-padding) + 1rem);
	right: calc(0px - var(--panel-padding) + 1rem);

	color: var(--background-color);
	background-color: var(--foreground-color);
	border-radius: var(--panel-radius);

	flex-direction: column;
	width: 20rem;
	max-width: 90vw;
	height: 36rem;
	max-height: calc(100vh - 1.5rem);

	overflow-y: scroll;
	-ms-overflow-style: none; /* Internet Explorer 10+ */
	scrollbar-width: none; /* Firefox */
}
#contact-dropdown-wrapper .btn.btn-primary:not(.btn-admin) {
	color: var(--foreground-color);
	background-color: var(--background-color);
	border-color: var(--foreground-color);
}
#contact-dropdown-wrapper .btn.btn-primary:not(.btn-admin):active,
#contact-dropdown-wrapper .btn.btn-primary:not(.btn-admin):focus,
#contact-dropdown-wrapper .btn.btn-primary:not(.btn-admin):hover {
	color: var(--background-color);
	background-color: var(--foreground-color);
	border-color: var(--background-color);
}
#contact-dropdown-wrapper.active {
	display: flex;
}
#contact-dropdown-wrapper #contact-dropdown-close {
	text-align: right;
	margin-top: -1rem;
	margin-right: -1rem;
}
#contact-dropdown-wrapper > *:last-child {
	margin-top: auto;
}
#contact-dropdown-wrapper::-webkit-scrollbar {
	display: none; /* Safari and Chrome */
}

footer .footer-logo {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
}
footer .footer-logo::before,
footer .footer-logo::after {
	content: "";
	background-color: currentColor;
	height: 1px;
	width: 100%;
	margin: 1.5rem 3rem;
}

footer address {
	margin-bottom: 0;
}

/* Beheer fixes. */
.editor-overview {
	color: black;
}

.masonry-vertical {
	columns: 12rem;
}
@media screen and (min-width: 1420px) {
	.masonry-vertical {
		columns: 14rem;
	}
}
@media screen and (min-width: 1620px) {
	.masonry-vertical {
		columns: 16rem;
	}
}

footer .bottom > .container {
	text-align: center;
}
footer .bottom > .container,
footer .bottom > .container > .d-flex {
	flex-direction: column !important;
}
@media screen and (min-width: 992px) {
	footer .bottom > .container,
	footer .bottom > .container > .d-flex {
		flex-direction: row !important;
	}
}

.menu-aside-sticky {
	position: relative;
	height: 100%;
}
.menu-aside-sticky > * {
	position: sticky;
	top: var(--navigation-height);

	max-height: calc(100vh - var(--navigation-height));
	overflow-y: scroll;
	overflow-x: hidden;

	-ms-overflow-style: none; /* Internet Explorer 10+ */
	scrollbar-width: none; /* Firefox */
}
.menu-aside-sticky > *::-webkit-scrollbar {
	display: none; /* Safari and Chrome */
}
@media screen and (min-width: 992px) {
	[data-logged="true"] .menu-aside-sticky > * {
		top: calc(var(--navigation-height) + 3.5rem);
	}
}

.navbar .logo {
	max-width: 200px;
}
footer .logo {
	max-width: 310px;
}

.content-subtemplate-content .content p:last-child {
margin-bottom: calc(1rem - 0.25em);
}

@media screen and (min-width: 992px) {
	html:not([data-logged="true"]) .content-subtemplate-content .module-output,
	html:not([data-logged="true"])
		.content-subtemplate-content_reversed
		.module-output {
		display: grid;
		gap: 1rem;
	}
	html:not([data-logged="true"])
		.content-subtemplate-content
		.module-output
		.title,
	html:not([data-logged="true"])
		.content-subtemplate-content_reversed
		.module-output
		.title {
		grid-area: title;
	}
	html:not([data-logged="true"])
		.content-subtemplate-content
		.module-output
		.content,
	html:not([data-logged="true"])
		.content-subtemplate-content_reversed
		.module-output
		.content {
		grid-area: content;
	}
	html:not([data-logged="true"])
		.content-subtemplate-content
		.module-output
		[data-partial="text"],
	html:not([data-logged="true"])
		.content-subtemplate-content_reversed
		.module-output
		[data-partial="text"] {
		grid-area: aside;
		align-self: end;
	}

	html:not([data-logged="true"]) .content-subtemplate-content .module-output {
		grid-template-areas:
			"title title"
			"aside content";
	}
	html:not([data-logged="true"])
		.content-subtemplate-content_reversed
		.module-output {
		grid-template-areas:
			"title title"
			"content aside";
	}
	html:not([data-logged="true"])
		.content-subtemplate-content_reversed
		.module-output
		.title,
	html:not([data-logged="true"])
		.content-subtemplate-content_reversed
		.module-output
		[data-partial="text"] {
		text-align: right;
	}
	html:not([data-logged="true"])
		.content-subtemplate-content
		.module-output
		[data-partial="text"] {
		padding-right: 6rem;
	}
	html:not([data-logged="true"])
		.content-subtemplate-content_reversed
		.module-output
		[data-partial="text"] {
		padding-left: 6rem;
	}
}

.content-subtemplate-home h1.title,
.content-subtemplate-home h1.title + .content,
.content-subtemplate-fine_art h1.title,
.content-subtemplate-fine_art h1.title + .content {
	text-align: center;
}

.module-output .content .table-responsive,
[data-partial="text"] .table-responsive {
	width: calc(100% + 30px);
	margin-left: -15px;
	margin-right: -15px;
}
.module-output .content table.table,
[data-partial="text"] table.table {
}
.module-output .content table.table td,
.module-output .content table.table th,
[data-partial="text"] table.table td,
[data-partial="text"] table.table th {
	padding: 5px 15px;
	border: 0;
}
.module-output .content table.table em,
.module-output .content table.table i,
[data-partial="text"] table.table em,
[data-partial="text"] table.table i {
	font-style: normal;
	font-weight: 200;
}

.form-mailto input.form-control,
.form-mailto textarea.form-control {
	height: auto;
	background-color: var(--background-color);
	color: var(--foreground-color);
}
.form-mailto textarea.form-control {
	min-height: 17.625rem;
}
.form-mailto input.form-control:active,
.form-mailto input.form-control:focus,
.form-mailto input.form-control:hover,
.form-mailto textarea.form-control:active,
.form-mailto textarea.form-control:focus,
.form-mailto textarea.form-control:hover {
	background-color: var(--foreground-color);
	color: var(--background-color);
}

.form-mailto .btn:not(.btn-admin) {
	width: auto;
	margin-left: auto;
}

.modal-header {
	background-color: black;
	color: white;
	border-top-left-radius: calc(var(--panel-radius) - 1px);
	border-top-right-radius: calc(var(--panel-radius) - 1px);
}

/* Begin custom album */

[data-partial="custom-album-filter"] .nav-link {
	width: 100%;
	border: none;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	margin: 0;
	margin-left: 1rem;
	border-radius: 0;

	color: var(--foreground);
	font-family: var(--font-family-heading);
	font-weight: 300;
	text-align: left;
	text-transform: uppercase;
}

/* End custom album */

/* Begin bio link */

/* Whitespace */

.content-subtemplate-bio_link {
	min-height: 100vh;
}

.content-subtemplate-bio_link [data-preset-count] > * {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.content-subtemplate-bio_link .links + .links {
	margin-top: 1rem;
}

.content-subtemplate-bio_link .links:has(+ .links) {
	margin-bottom: 1rem;
}

.content-subtemplate-bio_link .flex-auto-responsive {
	gap: 15px;
}

.content-subtemplate-bio_link .flex-auto-responsive > * {
	min-width: 400px !important;
}

/* Header */

.content-subtemplate-bio_link .bio_link-header {
	margin-top: 2rem;
	margin-bottom: 1rem;
	text-align: center;
}

.content-subtemplate-bio_link .bio_link-header img {
	max-width: 240px !important;
	border-radius: var(--panel-radius);
}

/* Description */

.content-subtemplate-bio_link .bio_link-bio > *:last-child {
	margin-bottom: 0;
}

/* Image */

.content-subtemplate-bio_link .large-image .image-alt {
	font-size: 1.5em;
	pointer-events: none;
	font-family: var(--font-family-heading);
	font-weight: 600;
	text-transform: uppercase;
}

.content-subtemplate-bio_link .social_media-icons a.social {
	color: inherit;
	text-decoration: none;
}

/* Photo with link */

.content-subtemplate-bio_link .large-image {
	position: relative;
	border-radius: var(--panel-radius);
	overflow: hidden;
}

.content-subtemplate-bio_link .large-image .image-alt {
	position: absolute;
	left: var(--panel-padding);
	bottom: calc(var(--panel-padding) / 2);
}

.content-subtemplate-bio_link .large-image img::after {
	content: "";
	height: 50%;
	width: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 0;
}

.content-subtemplate-bio_link .large-image a img {
	transition-property: transform;
	transition-duration: 500ms;
	transition-timing-function: ease-in-out;
}

.content-subtemplate-bio_link .large-image a:active img,
.content-subtemplate-bio_link .large-image a:focus img,
.content-subtemplate-bio_link .large-image a:hover img {
	transform: scale(1.1);
}

/* Social media icons */

.content-subtemplate-bio_link .social_media-icons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
}

.content-subtemplate-bio_link .social_media-icons .fa-brands {
	transition-property: transform;
	transition-duration: 250ms;
	transition-timing-function: ease-in-out;
}

.content-subtemplate-bio_link .social_media-icons .fa-brands:active,
.content-subtemplate-bio_link .social_media-icons .fa-brands:focus,
.content-subtemplate-bio_link .social_media-icons .fa-brands:hover {
	transform: scale(1.5);
}

.content-subtemplate-bio_link .btn:not(.btn-admin) {
	width: 100%;
}

.content-subtemplate-bio_link .contact-address-content {
	text-align: center;
	margin-bottom: 1rem;
}

.content-subtemplate-bio_link .contact-address-content address {
	margin-bottom: 0;
}

/* Sliders */

.content-subtemplate-bio_link .slider-indicators .disabled {
	display: none;
}

.content-subtemplate-bio_link .slider-control-prev,
.content-subtemplate-bio_link .slider-control-next,
.content-subtemplate-bio_link .slider-indicators li::after {
	font-size: 1.25em;
}

/* Menu en footer */

body:has(.content-subtemplate-bio_link) .nav-header {
	display: none;
}

body:has(.content-subtemplate-bio_link) .nav-footer .top {
	display: none;
}

/* End bio link */

/* Begin loader */

#page-loader {
	position: fixed;
	background-color: var(--background-color);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
}

#page-loader svg {
	width: 300px;
	transform: translateY(-25px);
	transition-property: transform, opacity;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
}

#page-loader svg .icon-left {
	clip-path: inset(0 100% 0 0);
	transition-property: clip-path;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
}

#page-loader svg .icon-right {
	clip-path: inset(0 0 0 100%);
	transition-property: clip-path;
	transition-duration: 400ms;
	transition-timing-function: ease-out;
}

#page-loader svg .letters {
	transform: translateY(-200px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 400ms;
	transition-timing-function: ease-out;
}

#page-loader.hide {
	transform: translateY(-100%);
	transition-property: transform;
	transition-duration: 500ms;
	transition-timing-function: ease-in;
}

#loader-page-transition {
	background-color: var(--background-color);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	opacity: 0;
	pointer-events: none;
}

/* End loader*/

/* Deter image downloading. */
.lightbox-able {
	display: block;
}
img {
	pointer-events: none;
}

.btn.btn-link.d-flex .fa,
.btn.btn-link.d-inline-flex .fa {
	margin-top: 0.125rem;
}
.btn.btn-link.d-flex .fa.fa-envelope,
.btn.btn-link.d-inline-flex .fa.fa-envelope {
	margin-top: 0.25rem;
}

@media screen and (min-width: 1200px) {
	.content-template-default .container-fluid > .row > .aside {
		max-width: 18rem;
	}
	.content-template-default .container-fluid > .row > .main {
		flex-basis: calc(100% - 18rem);
		max-width: calc(100% - 18rem);
	}
}