/*
Theme Name: MijnANBI
Theme URI: 
Description: 
Author: olivier@aiwos.com
Version: 1.0
Tags: 
*/

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
a, em, hr, img, figure, small, b, u, i, 
fieldset, form, label, legend, table, tr, th, td {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
	vertical-align:baseline;
}

* {
	box-sizing: border-box;
	scroll-behavior:smooth;
}

html {
	height:100%;
}

body {
	font:1rem/1.5 "Inter",sans-serif;
	overflow-x:hidden;
	--color-white:#fff;
	--color-grey:#777;
	--color-blue:#0072B5B8;
	--color-text:#18181b;
	--color-text-highlight:#373935;
	--color-text-light:#5d6167;
	--color-border:#edf0e6;
	--color-border-2:#dce0d3;
	color:var(--color-text);

	&.active header form {
		display:block;
	}
}

:focus {
	outline: 2px dotted #333;
	outline-offset:5px;
}

.gform_anchor {
	outline:none;
}

h1, h2, h3, h4, h5 {
	font-family:"Plus Jakarta Sans",sans-serif;
}

h1 {
	font-size:2.25rem;
	line-height:1.33;
	margin-bottom:2.5rem;

	&+p,
	&+p.has-text-align-center {
		margin-bottom:2em;
	}
}

h2 {
	font-size:2.25rem;
	line-height:1.33;
	margin-bottom:.5em;

	&.gform_submission_error {
		margin-bottom:1.5em;
		text-align:center;
	}
}

h3,
[data-page="post"] h2 {
	font-size:1.5rem;
	line-height:2.25rem;
	font-weight:600;
	letter-spacing:-0.3px;
	margin-bottom:0.625rem;
	color:var(--color-blue);

	&.icon {
		&:before {
			content:"";
			display:block;
			width:40px;
			height:40px;
			margin-bottom:1.5rem;
			background-repeat:no-repeat;
		}

		&.status:before {
			background-image:url(images/icon-anbi-status.svg);
		}

		&.doelgroep:before {
			background-image:url(images/icon-doelgroep.svg);
		}

		&.profiel:before {
			background-image:url(images/icon-profiel.svg);
		}

		&.checklist:before {
			background-image:url(images/icon-checklist.svg);
		}
	}
}

h4 {
	font-weight:600;
}

h5 {
	font-size:1rem;
	font-weight:500;
	text-transform:uppercase;
	margin-bottom:.75rem;
	letter-spacing:-0.3px;
}

a {
	color:var(--color-text);
}

header a,
footer a,
a.trigger,
.gv-back-link a,
a.back {
	text-decoration:none;
	color:var(--color-text);
	position:relative;

	&:after {
		content:"";
		height:1px;
		background:var(--color-text);
		position:absolute;
		width:0;
		left:0;
		top:100%;
		margin-top:1px;
		transition:all .3s;
	}

	&:hover:after {
		width:100%;
	}
}

.hidden,
.gf_clear,
.screen-reader-text,
.gform_drop_instructions,
.gv-edit-entry-title,
.gv-notice,
.gfield_visibility_hidden {
	display:none;
}

.logo {
	font-size:1.5rem;
	line-height:1;
	font-weight:500;
}

.is-layout-flex {
	display:flex;
	gap:3em;

	&.wp-block-buttons {
		gap:1em;
	}
}

.has-black-color {
	color:#000;
}

.has-text-align-center,
.align-center {
	text-align:center;
}

.gform_validation_errors {
	outline:none;
}

img,
figure {
	max-width:100%;
	display:inline-block;
	height:auto;
}

figure,
p {
	margin-bottom:1em;

	&:last-child {
		margin-bottom:0;
	}
}

.quote {
	font-size:.875rem;
	color:#777;

	b {
		font-weight:600;
	}
}

.wp-block-columns {
	margin-bottom:1em;

	.wp-block-column {
		flex-grow:1;
		flex-basis:0;
		position:relative;
	}

	.wp-block-column:first-child figure {
		transform-origin:right;
	}

	.wp-block-column:last-child figure {
		transform-origin:left;
	}

	&.home-intro {
		p {
			padding-right:3em;
		}

		em {
			color:var(--color-blue);
		}
	}

	&.home-kenmerken {
		flex-gap:0;

		&> .wp-block-column {
			position:relative;
			padding:0 2rem;

			&:before,
			&:last-child:after {
				content:"";
				display:block;
				position:absolute;
				width:1px;
				height:100%;
				background:url(images/border-vertical.svg) no-repeat;
				background-size:contain;
				margin-left:-2rem;
			}

			&:last-child:after {
				top:0;
				margin-left:unset;
				right:0;
			}
		}
	}
}

.wp-block-file {
	display:flex;
	align-items:center;
	gap:.5em;

	a:first-child {
		color:var(--color-grey);
	}
}

.blur {
	&:after {
		content:"";
		position:absolute;
		width:330px;
		height:330px;
		z-index:-1;
		filter:blur(145px);
		border-radius:100%;
		background: #DCD8E959;
		top:0;
		left:50%;
	}
}

p.has-text-align-center {
	max-width:590px;
	margin:0 auto 1em;
}

header {
	display:flex;
	margin-bottom:2em;
	height:80px;
	align-items:center;
	backdrop-filter:blur(40px);
	position:sticky;
	top:0;
	z-index:2;

	section {
		display:flex;
		width:100%;
		align-items:center;

		a {
			color:var(--color-text);
			text-decoration:none;

			&[aria-current="page"]:after {
				width:100%;
			}
		}

		nav {
			margin-left:auto;
			margin-right:auto;

			ul {
				list-style:none;
				display:flex;
				gap:1em;
				margin:0;

				li.has-sub {
					position:relative;

					&> a {
						display:flex;
						align-items:center;

						&:before {
							content:url(images/icon-caret.svg);
							order:2;
							margin-left:.25rem;
						}
					}

					&:hover > ul {
						display:block;
					}
				}

				&.sub-menu {
					position:absolute;
					padding:.5em;
					right:0;
					border-radius:5px;
					display:none;
				}
			}
		}

		div {
			position:relative;

			a {
				cursor:pointer;
			}

			form {
				background:var(--color-white);
				display:none;
				width:320px; 
				max-height:400px; 
				position:absolute;
				margin-top:2em; 
				right:0;
				z-index:1;
				padding:2rem;

				.login-remember {
					display:none;
				}

				#login-lost {
					position: absolute;
				  	right: 4em;
				  	margin-top: 0;
				  	font-size: .75rem;
				  	line-height: 3rem;
					color:var(--color-grey);
				}
			}
		}

		&>a:last-child {
			display: flex;
			align-items:center;

			img {
				opacity:.75;
			}
	  	}
	}
}

main,
header > section,
footer {
	max-width:1120px;
	margin-left:auto;
	margin-right:auto;
	padding:0 1em;
}

article,
#content {
	max-width:850px;
	margin:0 auto;

	img {
		border:0.625rem solid var(--color-white);
		border-radius:1.25rem;
		box-shadow:	#0001 0px 0px 30px 0px;
	}

	.wp-post-image {
		max-height:400px;
		object-fit:cover;
		margin-top:1rem;
		margin-bottom:4rem;
		transform:scale(1.1);
	}

}

#content {
	text-align:center;

	a {
		text-decoration:underline;
		cursor:pointer;
	}
}

ul, ol {
	padding-left:1.25rem;

	&.checklist {
		margin:2rem 0;
		padding:0;

		li {
			display:flex;
			gap:.75rem;
			margin-bottom:1.5em;
			font-weight:500;

			&:before {
				content:"";
				background:url('images/checkmark.svg') no-repeat center top;
				background-size:contain;
				flex-shrink:0;
				width:1.25rem;
				height:1.25rem;
				margin-top:.15rem;
			}
		}
	}
}

grid {
	max-width:980px;
	display:grid;
	grid-gap:3rem;
	grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
	margin:4rem auto;

	&>a {
		background:#fff;
		box-shadow:	#0002 0px 0px 30px 0px;
		position:relative;
		border:1px dashed var(--color-border-2);
		border-radius:.75rem;
		outline:10px solid #fff;
		padding:1.5rem;
		text-decoration:none;
		transition:transform .5s;

		&:hover {
		}

		img {
			border-radius:0.375rem;
			height:140px;
			box-shadow:none !important;
			object-fit:cover;
			margin-bottom:1rem !important;
			margin-top:0 !important;

		}

		.meta {
			margin-bottom:1em !important;
		}

		h2 {
			font-size:1.375rem;
			margin:0 0 1.25rem;
		}

		span {
			color:#777;
		}
	}
}

[data-page="home"] {
	article {
		max-width:980px;

		.border {
			padding:2rem;
			background:#fff;

			h2, h3 {
				margin-bottom:0;
				height:3rem;
			}
		}

	}
}

[data-page="registreren"] form, 
[data-page="contact"] form {
	max-width:650px;
}

[data-page="mijn-gegevens"] {
	.gv-back-link,
	.gv-edit-entry-title {
		display:none;
	}

	.has-text-align-center p {
		display:inline-block;
		margin-right:1em;
	}
}

[data-page="post"] {
	h1 {
		&:before {
			content:"Nieuws & blogs";
			font-size:1rem;
			font-weight:500;
			text-transform:uppercase;
			display:block;
			margin-bottom:1em;	
		}
	}

	h3 {
		font-size:1.375rem;
		margin:3rem 0 1.25rem;
	}

	.meta {
		margin-bottom:2em;
	}

	article {
		figure {
			margin:2rem 0 0 ;
			transform:scale(1.1);
		}

	}
}

[data-page="profiel"] {
	.wp-block-column {
		p {
			margin-bottom:2em;
		}
	}

	h1 + p {
		margin:-1.5em auto 1em;
		color:#777;
	}
}

dl {
	display:grid;
	grid-template-columns:170px 1fr;
	margin:2em 0 3em;
	box-shadow:	#0002 0px 0px 30px 0px;
	position:relative;
	border:1px dashed var(--color-border-2);
	border-radius:.75rem;
	outline:10px solid #fff;
	padding:2rem 3rem;
	line-height:2.5;

	dt {
		font-weight:500;
	}
}

ul.gv-field-file-uploads {
	list-style:none;
	padding-left:0;
}

.border {
	margin:2em 0 3em;
	border:1px dashed var(--color-border-2);
	border-radius:.75rem;
	outline:10px solid #fff;
	box-shadow:	#0002 0px 0px 30px 0px;
	padding:2rem 3rem;
	background:#fff;
	/*line-height:2.5;*/
	position:relative;

	table.gfield_list {

		td:first-child {
			width:210px;
		}
	}
}

[data-page="mijn-publicatie"] {
	.gv-diy-view {
		ul:not(.gv-field-file-uploads) {
			display:grid;
			list-style:none;
			grid-template-columns:auto 150px 200px;
			grid-gap:10px;
			margin:2em 0;
			box-shadow:	#0002 0px 0px 30px 0px;
			position:relative;
			border:1px dashed var(--color-border-2);
			border-radius:.75rem;
			outline:10px solid #fff;
			padding:2rem 3rem;
			line-height:2.5;
			align-items:center;

		}

		ul.gv-field-file-uploads {
			list-style:none;
			padding:0;
		}

		&:last-of-type {
			margin-bottom:3em;
		}
	}

	legend, label {
		font-size:1rem;
	}

	.ginput_container_list {
		margin-bottom:2em;
	}

	.gfield_list_header,
	.gfield_list_groups > div {
		display:grid;
		grid-template-columns:33% 33% 33%;
		margin-bottom:.5em;
	}

	.gv-button-delete {
		display:none;
	}

	article {
		padding-bottom:1em;
	}
}

[data-page="anbi"] {
	article {
		max-width:980px;
		display:flex;
		flex-direction:column;
	}

	.gv-widget-search {
		margin:0 0 2em !important;
	}

	.gv-widget-pagination {
		padding:1rem;
	}

	.gv-search-widget-area {
		flex-direction:row !important;
		align-items:last baseline !important;
		
		p {
			margin:0 !important;
		}

		div {
			flex:1 1 auto;
		}
	}

	.gv-search-box-submit {
		width:initial !important;
	}

	.gv-widgets-footer {
		.gv-right {
			width:initial;
		}
	}

	.gv-widget-search,
	.gv-grid-row,
	.gv-diy-multiple-container {
		max-width:850px;
		width:100%;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.gv-diy-single-container {
		display:flex;
		gap:4rem;

		aside {
			width:240px;
			padding:2em 2em 1em;
			flex-grow:0;
			flex-shrink:0;
			align-self:flex-start;
			position:sticky;
			top:100px;

			h4 {
				margin-bottom:.5em;
			}

			a {
				display:flex;
				border-bottom:1px dotted var(--color-blue);
				line-height:3;
				text-decoration:none;

				&:after {
					content:"\203A";
					margin-left:auto;
					font-weight:bold;
				}

				&:last-child {
					border:none;
				}
			}
		}

		section {
			padding-top:1em;
		}

		.anchor {
			display: block;
		  	position: relative;
		  	top: -6em;
		}

		dl {
			box-shadow:none;
			border:none;
			padding:0;
			line-height:1.75;
			margin:1em 0 2em;

			p:last-child {
				margin-bottom:1em;
			}
		}

		table {
			margin-bottom:1em;

			th, td {
				padding-right:1em;
			}
		}
	}
}

.nav-links,
ul.page-numbers {
	margin:30px 0;
	display:flex;  
	justify-content:center;
	gap:.5rem;
	font-weight:500;

	a,
	span {
		display:flex;
		text-decoration:none;
		width:2.25rem;
		height:2.25rem;
		border-radius:100%;
		align-items:center;
		justify-content:center;
		color:var(--color-text);

		&.prev,
		&.next {
			color:transparent;
			border:1px solid var(--color-border);

			&:after {
				color:var(--color-text);
				position:absolute;
				font-weight:600;
			}
		}

		&.prev:after {
			content:"🡠";
		}

		&.next:after {
			content:"🡢";
		}

		&:hover,
		&.current {
			background:var(--color-border);
		}
	}
}

a.button,
.wp-element-button,
.button a {
	border-radius:1.875rem;
	border:1px solid var(--color-blue);
	color:var(--color-text);
	padding:.5rem 1.25rem;
	text-decoration:none;
	font-size:1rem;
	transition:all .3s;
	white-space:nowrap;

	&:after {
		display:none;
	}

	&:hover {
		background:var(--color-blue);
		color:var(--color-white);
		opacity:.8;
	}
}

a.button.primary,
.primary .wp-element-button,
.button.primary a {
	background:var(--color-blue);
	color:var(--color-white);

	&:hover {
		background:var(--color-blue);
		opacity:.8;
	}

	&[data-visible="1"] {
		display:none;
	}
}

.list {
	display:flex;
	box-shadow:	#0001 0px 0px 30px 0px;
	position:relative;
	border:1px dashed var(--color-border-2);
	border-radius:.75rem;
	align-items:center;
	padding:1rem 1.5rem;
	margin-bottom:1em;

	span {
		margin:0 2em 0 auto;
		color:#777;
	}

	h3 {
		font-size:1.25rem;
		margin:0;
	}
}

form {
	border-radius:1.25rem;
	box-shadow:	#0002 0px 0px 30px 0px;
	padding:3rem;
	position:relative;
	border:1px dashed var(--color-border-2);
	outline:10px solid #fff;
	max-width:850px;
	margin:0 auto;

	input,
	textarea,
	select {
		font:0.875rem/1.25 "Inter",sans-serif;
		border:1px solid var(--color-border);
		color:var(--color-text-light);
		width:100%;

		&[type="checkbox"],
		&[type="radio"] {
			width:initial;
			float:left;
			margin-right:.5rem;
		}
	}

	textarea {
		padding:1em;
	}

	input,
	select {
		background:var(--color-white);
		border-radius:3rem;
		padding:0.875rem 1.25rem;

		&.gform_previous_button {
			border:none;
			width:unset;
			cursor:pointer;
			position:absolute;
			left:2em;
		}
	}

	.ginput_container_select {
		position:relative;

		&:after {
			content:"\25be";
			position:absolute;
			right:1em;
			top:.75em;
			font-weight:bold;
		}

		select {
			appearance:none;
		}
	}

	input[type="submit"],
	input.gform_next_button,
	button {
		font:1rem "Inter",sans-serif;
		border:none;
		border-radius:1.875rem;
		background:var(--color-blue);
		color:var(--color-white);
		padding: .5rem 1.25rem;
		cursor:pointer;
		transition:background .3s;
		width:initial;

		&.gform_button_select_files {
			padding:.5em .5em;
			background:var(--color-white);
			border:1px solid var(--color-blue);
			color:var(--color-text);

			&:hover {
				color:var(--color-white);
				opacity:.8;
			}
		}

		&.gform_delete_file {
			background:none;
			padding:0;
			border-radius:0;

			&:after {
				content:"\1f5d1";
				color:crimson;
				font-size:1.3rem;
				font-weight:bold;
			}

			&:hover {
				background:none;
			}
		}

		&:hover {
			background:var(--color-blue);
			opacity:.8;
		}

		&.add_list_item,
		&.delete_list_item {
			background:transparent;
			color:var(--color-text-light);
			line-height:3rem;
			padding:0;
			margin-right:.5em;
			outline:none;

		}
	}

	textarea {
		border-radius:0.75rem;
	}

	legend,
	label {
		display:block;
		margin-bottom:.5rem;
		font-size:0.875rem;
	}

	.gform-grid-row {
		display:grid;
		grid-gap:1em;
		grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));

		&>div {
			margin-bottom:.5em;
		}

		span {
			flex-grow:1;
		}

		label {
			font-size:.75rem;
			color:var(--color-grey);
			padding:.5em 0 0 0;
		}
	}

	.gform_fields {
		display:flex;
		flex-wrap:wrap;
		gap:1em;

		fieldset {
			width:100%;
		}

		.gfield {
			flex-grow:1;
			position:relative;

			.gfield_required {
				&:after {
					content:" *";
				}

				span {
					display:none;
				}
			}

			.gfield_password_strength {
				background:#ddd;
				font-size:.65rem;
				padding:.25em .5em;
				border-radius:5px;
				display:inline-block;
				margin-bottom:1em;

				&.short {
					background:crimson;
					color:var(--color-white);
				}

				&.bad {
					background:gold;
				}

				&.good,
				&.strong {
					background:olive;
					color:var(--color-white);
				}
			}

			&.gfield--width-full,
			&.gfield--type-section {
				width:100%;
			}

			&.gfield--type-section:not(:first-child) {
				margin-top:1em;
			}

			&.gfield_error {
				input,
				select,
				textarea {
					background:oldlace;
				}
			}
		}
	}

	.gform-footer,
	.gform-page-footer {
		text-align:center;
		margin-top:1em;
	}
}

.gf_page_steps {
	display:flex;
	margin-bottom:2em;

	div {
		display:flex;
		padding-right:15px;
		gap:5px;
		padding-top:5px;
		border-top:3px solid #eee;

		&.gf_step_active,
		&.gf_step_completed {
			border-top-color:var(--color-blue);
		}

		&.gf_step_pending,
		&.gf_step_completed {
			color:#777;
		}
	}

	.gf_step_number:after {
		content:".";
	}
}

.validation_message {
	color:crimson;
	font-size:.75rem;
	margin-top:.5em;
}

.validation_message--hidden-on-empty {
	list-style:none;
	padding:0;
	margin:0;
	max-width:50%;
	order:2;

	li {
		background:aqua;
		padding:1em;
		display:flex;
		align-items:center;
		gap:.75em;
		border-radius:10px;
		margin-bottom:1em;

		&:before {
			content:"";
			width:20px;
			height:20px;
			background:url(images/icon-info.svg) no-repeat;
			background-size:cover;
			opacity:.75;
			flex-shrink:0;
		}
	}
}

.ginput_preview_list {
	order:1;
}

.gfield--type-fileupload {
	display:flex;
	flex-direction:column;

	.ginput_preview {
		background:#f4f4f4;
		padding:1em;
		border-radius:10px;
		position:relative;
		max-width:50%;
		margin-bottom:1em;

		span {
			display:inline-block;
			font-size:.85rem;
		}

		.gfield_fileupload_filename {
			font-size:1rem;
			font-weight:500;
			display:block;
			color:var(--color-text);
		}

	   .gfield_fileupload_filesize::after {
		  content: "|";
		  display: inline-block;
		  margin: 0 5px;
		}

		button {
			position:absolute;
			top:.5em;
			right: .75em;

			span {
				display:none;
			}
		}

		.gform-icon {
			vertical-align:middle;
		}
	}

	.ginput_container_fileupload {
		display:flex;
		flex-direction:column;
		order:2;
	}

	.gform_fileupload_rules {
		display:block;
		margin:.75em 0 1em;
		font-size:.75em;
		color:var(--color-text-light);
	}
}

.gfield--has-description {
	label {
		display:flex;
		gap:.25em;
		align-items:center;
		cursor:pointer;

		&:after {
			content:"";
			background:url(images/icon-info-2.svg) no-repeat;
			background-size:contain;
			display:inline-block;
			width:20px;
			height:20px;
		}

		&.active + div + div {
			max-height:500px;
			max-height: 500px;
			border-left: 4px solid #eee;
			padding-left: 1em;
			margin: .5em 0 1.5em;
		}
	}

	&>.gfield_description {
		color:#777;
		font-size:.875rem;
		margin-bottom:.5rem;
		max-height:0px;
		overflow:hidden;
	}
}

details {
	margin:0 auto 1rem;
	padding:0.625rem;
	font-size:1rem;
	transition:all .3s;

	&:focus {
		background:yellow;
	}

	&:open {
		box-shadow:	#0001 0px 0px 30px 0px;
		border-radius:1.25rem;

		summary {
			margin-bottom:1em;

			&:after {
				content:"-";
			}
		}
	}

	p {
		color:var(--color-text-light);
		padding-left:1.5rem;

		&:last-child {
			margin-bottom:1em;
		}
	}

	ul, ol {
		padding-left:2.5em;
		color:var(--color-text-light);
	}

	summary {
		position:relative;
		font-size:1.25rem;
		line-height:1.75rem;
		padding:0.75rem 1.25rem;
		border-radius:.75rem;
		border:1px dashed var(--color-border-2);
		list-style-type:'';
		outline:none !important;
		cursor:pointer;

		&:after {
			content:"\ff0b";
			position:absolute;
			right:1em;
			top:.75em;
			background:#F7A700B8;
			border-radius:100%;
			width:21px;
			height:21px;
			line-height:19px;
			text-align:center;
		}
	}
}

.gv-no-results {
	h3 {
		margin-top:1em;
	}
}

.notice {
	position:fixed;
	z-index:2;
	max-width:850px;
	top:10px;
	right:20px;
	text-align:center;
	pointer-events:none;
	transition:opacity 1s;
	overflow:hidden;
	border-radius:10px;

	&[data-msg]:after {
		content:"";	
		display:inline-block;
		padding:1em;
		max-width:850px;
		background:aqua;
		box-shadow:	#0002 0px 0px 30px 0px;
		border-radius:10px;
	}

	&[data-msg]:before {
		content:"";
		height:3px;
		width:100%;
		position:absolute;
		top:0;
		left:0;
		background:#0003;
		transition:width 5s ease-out;
		border-radius:10px;
	}

	&[data-msg="cd"]:after {
		content:"Het gebruikersaccount is verwijderd";	
	}

	&[data-msg="po"]:after {
		content:"De publicatie is opgeslagen";	
	}

	&[data-msg="pb"]:after {
		content:"Het profiel is bijgewerkt";	
	}

	&.timer:before {
		width:0;
	}

	&.fade {
		opacity:0;
	}
}

.charleft {
	color:#999;
	font-size:.9rem;
	line-height:1.75;
}

footer {
	margin-top:80px;
	max-width:64rem;
	font-size:1rem;

	nav {
		padding:0 20px;
	}

	.logo {
		margin-bottom:1rem;

		&+li a {
			&:hover {
				&:after {
					display:none;
				}

				&>span {
					text-decoration:underline;
				}
			}
		}
	}

	a {
		text-decoration:none;
		color:var(--color-text);
		max-width:350px;
		display:inline-block;

	}

	ul {
		list-style:none;
	}

	#menu-footer {
		display:flex;
		padding-left:0;

		> li {
			width:25%;

			> a {
				display:none;
			}

			&:first-child {
				width:50%;
			}

			ul {
				padding-left:0;

				li.nolink a {
					pointer-events:none;
				}
			}

			.nolink:not(.logo) {
				font-size:1.125rem;
				margin-bottom:1em;
			}
		}
	}

	> div {
		margin-top:5rem;
		padding:2.5rem 1.25rem;
		display:flex;
		line-height:2;
		gap:3.75rem;
		border-top:1px dashed var(--color-border);

		> span {
			margin-right:auto;
		}
	}
}

@media only screen and (max-width: 768px) {
	header section {
		nav {
			display:none;
			position:absolute;
			order:1;
			right:2rem;
			top:5rem;

			ul {
				flex-direction:column;
				border:1px dashed var(--color-border-2);
				border-radius:.75rem;
				background:#fff;
				outline:10px solid #fff;
				box-shadow:	#0002 0px 0px 30px 0px;
				padding:1rem;
				text-align:right;
				gap:0;
				text-align:left;

				li.has-sub > a:before {
					display:none;
				}

				ul.sub-menu {
					display:block;
					position:static;
					box-shadow:none;
					background:none;
					border:none;
					padding:0;
					margin-top:.25em;
					text-align:left;
				}
			}
		}

		div {
			margin-left:auto;
		}

		#mobile-menu {
			margin-left:1rem;
			width:2rem;
			height:2rem;
			border:1px solid;
			border-radius:5px;
			display:flex;
			align-items:center;
			justify-content:center;
			cursor:pointer;
			opacity:.9;
			order:2;

			&:before {
				content:"\2630";
				font-size:1.25rem;
				line-height:1;
				font-weight:700;
			}

			&:after {
				display:none;
			}

			&.active + nav {
				display:block;
			}
		}
	}

	form {
		.gform-grid-row {
			flex-direction:column;
		}
	}

	.blur:after {
		display:none;
	}
}

@media only screen and (max-width: 440px) {
	.is-layout-flex,
	footer div {
		flex-direction:column;
	}

	.wp-block-buttons {
		gap:2em !important;
	}

	.wp-block-spacer {
		max-height:30px;
	}

	header div .button:last-child {
		display:none;
	}

	.border {
		margin:1em 0;
	}

	main {
		overflow-x:hidden;
	}

	footer {
		#menu-footer {
			flex-direction:column;

			&>li:first-child {
				width:100%;
			}
		}

		&> div {
			gap:1em;
		}
	}

	details {
		summary {
			padding-right:3em;
		}
	}

	.list {
		flex-direction:column;
		padding-bottom:2em;

		span {
			margin:0 0 1em;
		}
	}

	[data-page="anbi"] {
		aside {
			display:none;
		}

		dl {
			grid-template-columns:1fr;
			margin:0;

			dd {
				margin:0 0 1em;
			}
		}
	}
}