/*
 * Art and Soul: plugin-oppervlakken
 * Markup komt uit plugins en is niet aanpasbaar; hier alleen stijl op tokens.
 * Waar plugins inline !important zetten (LSI-widgetinstellingen) is !important
 * nodig om de DB-instellingen niet te hoeven wijzigen.
 */

/* =====================================================================
   Ivory Search: zoekicoon in het hoofdmenu (Figma 69:745, icoon 20×20)
   ===================================================================== */

.as-nav .primary-menu > li.astm-search-menu {
	margin-left: calc(var(--as-nav-search-gap) - var(--as-nav-gap));
	position: relative;
}

.as-nav .primary-menu > li.astm-search-menu > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	padding: 0;
	color: var(--as-fg);
	line-height: 0;
}

.as-nav .primary-menu > li.astm-search-menu > a svg.search-icon,
.as-nav .primary-menu > li.astm-search-menu > a svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
	vertical-align: middle;
}

.as-nav .primary-menu > li.astm-search-menu .search-icon-path {
	fill: currentColor;
}

/* Zoekformulier (uitschuivend in de balk, vast in het mobiele menu).
   Ivory's JS animeert de breedte 0 → 310 en zet een inline `top` die uitgaat
   van een formulier van 36px; daarom top/transform met !important en een
   flex-rij (veld + knop) van 46px hoog, verticaal gecentreerd op het icoon. */
.as-nav .is-menu.sliding form.is-search-form {
	top: 50% !important;
	right: 0;
	display: flex;
	align-items: center;
	gap: var(--as-space-2);
	height: var(--as-field-h);
	padding: 0 0 0 var(--as-space-2);
	background: var(--as-highlight); /* dekt de menu-items eronder af */
	border: 0;
	transform: translateY(-50%);
}

/* Alleen open: lime rand die de aangesneden letter ernaast afdekt
   (gesloten is het formulier 0px breed en zou de rand het icoon bedekken) */
.as-nav .is-menu.sliding.open form.is-search-form {
	box-shadow: 0 0 0 var(--as-space-4) var(--as-highlight);
}

.as-nav .is-menu form.is-search-form label,
.menu-modal .is-menu form.is-search-form label {
	display: block;
	flex: 1 1 auto;
	width: auto !important; /* plugin: calc(100% - 36px) !important */
	min-width: 0;
	margin: 0;
}

.as-nav .is-menu form.is-search-form input.is-search-input,
.as-nav .is-menu form.is-search-form input[type="search"],
.menu-modal .is-menu form.is-search-form input.is-search-input,
.menu-modal .is-menu form.is-search-form input[type="search"] {
	width: 100%;
	height: var(--as-field-h);
	min-height: 0;
	padding: 0 var(--as-space-4);
	background: var(--as-bg);
	color: var(--as-fg);
	border: 0 !important; /* plugin: 1px #ccc !important */
	border-radius: var(--as-radius-field);
	font-family: var(--as-font);
	font-size: var(--as-text-body-size) !important; /* plugin: 14px !important */
	font-weight: var(--as-weight-regular);
	letter-spacing: 0;
	box-shadow: none;
}

.as-nav .is-menu form.is-search-form input.is-search-input::placeholder,
.menu-modal .is-menu form.is-search-form input.is-search-input::placeholder {
	color: var(--as-fg);
	opacity: 0.6;
}

.as-nav .is-form-style button.is-search-submit,
.menu-modal .is-form-style button.is-search-submit {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: var(--as-field-h);
	height: var(--as-field-h);
	min-height: 0;
	margin: 0;
	padding: 0;
	position: relative; /* icoon absoluut centreren (plugin-span heeft eigen hoogte) */
	background: var(--as-fg);
	color: var(--as-on-dark);
	border: 0;
	border-radius: var(--as-radius-field);
	box-shadow: none;
}

.as-nav .is-form-style button.is-search-submit:hover,
.menu-modal .is-form-style button.is-search-submit:hover {
	background: var(--as-accent);
	color: var(--as-fg);
}

.as-nav .is-form-style .is-search-icon,
.menu-modal .is-form-style .is-search-icon {
	position: absolute;
	inset: 0;
	display: flex !important; /* plugin: inline-block !important */
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	padding: 0 !important; /* plugin: padding-top 6px !important */
	background: transparent;
	border: 0;
	color: inherit;
	font-size: 0;
	line-height: 0;
}

.as-nav .is-form-style .is-search-icon svg,
.menu-modal .is-form-style .is-search-icon svg {
	display: block;
	width: 20px;
	height: 20px;
	fill: currentColor;
}

.as-nav .is-form-style .is-search-icon path,
.menu-modal .is-form-style .is-search-icon path {
	fill: currentColor;
}

.as-nav .is-menu .search-close {
	color: var(--as-fg);
}

/* In het mobiele menu: geen icoon-link, formulier op volle breedte */
.menu-modal .modal-menu li.astm-search-menu {
	display: block;
}

.menu-modal .modal-menu li.astm-search-menu > .ancestor-wrapper > a,
.menu-modal .modal-menu li.astm-search-menu > a {
	display: none;
}

.menu-modal .modal-menu li.astm-search-menu form.is-search-form {
	display: flex;
	align-items: center;
	gap: var(--as-space-2);
	width: 100%;
	max-width: none;
	margin: var(--as-space-4) 0 0;
	padding: 0;
	position: static;
}

.menu-modal .modal-menu li.astm-search-menu form.is-search-form label {
	flex: 1 1 auto;
}

.menu-modal .modal-menu li.astm-search-menu form.is-search-form input.is-search-input {
	width: 100%;
}

.menu-modal .modal-menu li.astm-search-menu form.is-search-form button.is-search-submit {
	flex: none;
}

/* Gemarkeerde zoekterm in resultaten. De plugin zet inline
   `.is-highlight { background-color: #0c4380 !important }` (donkerblauw);
   hier lime met paarse tekst, zoals de tekstselectie. */
body .is-highlight {
	background-color: var(--as-highlight) !important;
	color: var(--as-fg) !important;
	padding: 0 2px;
	border-radius: var(--as-radius-small);
}

/* =====================================================================
   Lightweight Social Icons: roze rondjes 22px (footer en .as-social op Contact)
   ===================================================================== */

.as-footer ul.lsi-social-icons,
.as-social ul.lsi-social-icons {
	display: flex !important;
	flex-wrap: wrap;
	gap: var(--as-space-2);
	margin: 0 !important;
	padding: 0 !important;
}

.as-footer .lsi-social-icons li,
.as-social .lsi-social-icons li {
	display: block !important;
	margin: 0 !important;
	line-height: 0;
}

.as-footer .lsi-social-icons li a,
.as-footer .lsi-social-icons li a:visited,
.as-footer .lsi-social-icons li a:focus,
.as-social .lsi-social-icons li a,
.as-social .lsi-social-icons li a:visited,
.as-social .lsi-social-icons li a:focus {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--as-social-dot);
	height: var(--as-social-dot);
	padding: 0;
	box-sizing: border-box;
	background: var(--as-accent) !important;
	color: var(--as-fg) !important;
	border-radius: 50% !important;
	font-size: 12px !important;
	line-height: 1;
	transition: background var(--as-transition);
}

.as-footer .lsi-social-icons li a:hover,
.as-social .lsi-social-icons li a:hover {
	background: var(--as-highlight) !important;
	color: var(--as-fg) !important;
}

/* =====================================================================
   Google Language Translator: select 165×23, roze, radius 4
   ===================================================================== */

.as-footer #google_language_translator,
.as-footer #flags {
	display: block;
	float: none;
	width: auto;
	height: auto;
	margin: 0;
	text-align: left;
}

.as-footer #google_language_translator select,
.as-footer #google_language_translator select.gt_selector,
.as-footer #google_language_translator select.goog-te-combo {
	display: block;
	width: 165px;
	height: 23px !important; /* plugin: height:auto !important */
	min-height: 0;
	margin: 0;
	padding: 0 var(--as-space-5) 0 var(--as-space-2) !important; /* plugin: padding:3px !important */
	background-color: var(--as-accent);
	background-image: url("../img/icon-caret-08.svg");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 8px 8px;
	color: var(--as-fg);
	border: 0 !important;
	border-radius: var(--as-radius-small);
	font-family: var(--as-font);
	font-size: 12px;
	line-height: 23px;
	font-weight: var(--as-weight-bold);
	letter-spacing: 0;
	text-transform: none;
	box-shadow: none;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.as-footer #google_language_translator select option {
	background: var(--as-bg);
	color: var(--as-fg);
	font-weight: var(--as-weight-regular);
}

/* Google's eigen balk/tooltip-resten */
.goog-te-banner-frame,
#goog-gt-tt,
.goog-te-balloon-frame {
	display: none !important;
}

body {
	top: 0 !important;
}

/* =====================================================================
   Paytium (donatieformulier) op de formuliercompositie van Figma 69:1681:
   velden onder elkaar met gap 40, label 24 regular uppercase + 12 naar
   veld, lime velden radius 15, paarse knop volle breedte.
   De generieke input/label-stijlen komen uit base.css; hier alleen wat
   Paytium's public.css (Bootstrap-achtig) overschrijft.
   ===================================================================== */

.pt-checkout-form {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--as-space-7);
	width: 100%;
	max-width: 672px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
}

.pt-checkout-form .pt-form-group {
	display: flex;
	flex-direction: column;
	gap: var(--as-space-3);
	margin: 0;
}

.pt-checkout-form .pt-form-group label {
	display: block;
	margin: 0;
	font-weight: var(--as-weight-regular);
}

/* Lege foutcontainers mogen geen gap innemen */
.pt-checkout-form .pt-form-group > div:empty {
	display: none;
}

.pt-checkout-form .pt-form-group input[type="text"],
.pt-checkout-form .pt-form-group input[type="email"],
.pt-checkout-form .pt-form-group textarea {
	padding: 10px var(--as-gutter);
}

/* Bedragveld: € en invoer samen in één lime veld */
.pt-checkout-form .pt-form-group .pt-uea-container,
.pt-checkout-form .pt-form-group .pt-uea-container-with-prepend {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	width: 100%;
	min-height: var(--as-field-h);
	padding: 0 var(--as-gutter);
	background: var(--as-field-bg);
	border: 1px solid var(--as-field-border);
	border-radius: var(--as-radius-field);
	transition: border-color var(--as-transition);
}

.pt-checkout-form .pt-form-group .pt-uea-container:focus-within {
	border-color: var(--as-fg);
	box-shadow: 0 0 0 1px var(--as-fg);
}

.pt-checkout-form .pt-form-group .pt-uea-container-amount {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	gap: var(--as-space-2);
}

.pt-checkout-form .pt-form-group .pt-uea-container .pt-uea-currency-prepend {
	margin: 0;
}

.pt-checkout-form .pt-form-group .pt-uea-container .pt-uea-currency-before {
	padding: 0;
	background: none;
	border: 0;
	color: var(--as-fg);
	font-size: var(--as-text-body-size);
	line-height: var(--as-text-body-line);
}

.pt-checkout-form .pt-form-group .pt-uea-container .pt-uea-custom-amount {
	flex: 1 1 auto;
	width: auto;
	max-width: none;
	min-height: 0;
	padding: 10px 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

/* Verzendknop (display wordt door Paytium-JS gezet; niet overschrijven) */
.pt-checkout-form button.pt-payment-btn {
	width: 100%;
	padding: var(--as-space-4) var(--as-gutter);
	background: var(--as-fg);
	color: var(--as-on-dark);
	border: 0;
	border-radius: var(--as-radius-field);
	font-family: var(--as-font);
	font-size: var(--as-text-body-size);
	line-height: var(--as-text-body-line);
	font-weight: var(--as-weight-regular);
	letter-spacing: 0;
	text-transform: none;
	text-align: center;
	transition: background var(--as-transition), color var(--as-transition);
}

.pt-checkout-form button.pt-payment-btn:hover,
.pt-checkout-form button.pt-payment-btn:focus-visible {
	background: var(--as-accent);
	color: var(--as-fg);
}

/* Validatie (Parsley): geen rood in het palet; paars vet op 16px */
.pt-checkout-form ul.parsley-errors-list,
.pt-checkout-form ul.parsley-errors-list li,
.pt-checkout-form .parsley-required {
	margin: 0;
	padding: 0;
	color: var(--as-fg);
	font-size: var(--as-text-small-size);
	line-height: var(--as-text-small-line);
	font-weight: var(--as-weight-bold);
	list-style: none;
}

.pt-checkout-form ul.parsley-errors-list.filled {
	display: block;
}

.pt-form-alert {
	margin: 0;
	padding: var(--as-space-4) var(--as-gutter);
	background: var(--as-accent);
	color: var(--as-fg);
	border-radius: var(--as-radius-field);
	text-align: left;
}

/* Betaaloverzicht na terugkeer van Mollie */
.pt-payment-details-wrap {
	max-width: 672px;
	padding: var(--as-space-5) var(--as-gutter);
	background: var(--as-fg);
	color: var(--as-on-dark);
	border-radius: var(--as-radius);
}

.pt-payment-details-wrap a {
	color: var(--as-on-dark-accent);
}

/* =====================================================================
   Complianz: cookiebanner (bottom-minimal) in paars met lime acceptknop.
   De plugin stuurt alles via CSS-variabelen; op het bannerelement zelf
   gezet winnen ze van de :root-waarden uit de gegenereerde stylesheet.
   ===================================================================== */

.cmplz-cookiebanner,
#cmplz-manage-consent .cmplz-manage-consent {
	--cmplz_banner_background_color: var(--as-fg);
	--cmplz_banner_border_color: var(--as-fg);
	--cmplz_banner_border_radius: var(--as-radius) var(--as-radius) var(--as-radius) var(--as-radius);
	--cmplz_text_color: var(--as-on-dark);
	--cmplz_hyperlink_color: var(--as-on-dark);
	--cmplz_text_font_size: var(--as-text-small-size);
	--cmplz_link_font_size: var(--as-text-small-size);
	--cmplz_title_font_size: var(--as-text-label-size);
	--cmplz_category_body_font_size: var(--as-text-small-size);
	--cmplz_category_header_title_font_size: var(--as-text-body-size);
	--cmplz_category_header_active_font_size: var(--as-text-small-size);
	--cmplz_category_header_always_active_color: var(--as-highlight);
	--cmplz_button_font_size: var(--as-text-body-size);
	--cmplz_button_border_radius: var(--as-radius-field) var(--as-radius-field) var(--as-radius-field) var(--as-radius-field);
	--cmplz_button_accept_background_color: var(--as-highlight);
	--cmplz_button_accept_border_color: var(--as-highlight);
	--cmplz_button_accept_text_color: var(--as-fg);
	--cmplz_button_deny_background_color: transparent;
	--cmplz_button_deny_border_color: var(--as-on-dark);
	--cmplz_button_deny_text_color: var(--as-on-dark);
	--cmplz_button_settings_background_color: transparent;
	--cmplz_button_settings_border_color: transparent;
	--cmplz_button_settings_text_color: var(--as-on-dark);
	--cmplz_slider_active_color: var(--as-highlight);
	--cmplz_slider_inactive_color: rgba(255, 252, 244, 0.3);
	--cmplz_slider_bullet_color: var(--as-fg);
	font-family: var(--as-font);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner {
	padding: var(--as-space-5) var(--as-gutter);
	box-shadow: none;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message {
	line-height: var(--as-text-small-line);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn {
	min-height: var(--as-field-h);
	padding: 0 var(--as-gutter);
	font-weight: var(--as-weight-regular);
	transition: background var(--as-transition), color var(--as-transition), border-color var(--as-transition);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept:focus {
	background-color: var(--as-accent);
	border-color: var(--as-accent);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny:focus,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:focus,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:focus {
	color: var(--as-on-dark-accent);
	border-color: var(--as-on-dark-accent);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences {
	background-color: var(--as-highlight);
	border-color: var(--as-highlight);
	color: var(--as-fg);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents .cmplz-link {
	color: var(--as-on-dark);
	font-weight: var(--as-weight-regular);
	text-decoration: underline;
	text-underline-offset: 3px;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents .cmplz-link:hover {
	color: var(--as-on-dark-accent);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider {
	border-color: rgba(255, 252, 244, 0.25);
}

#cmplz-cookiebanner-container .cmplz-categories .cmplz-category {
	background-color: rgba(255, 252, 244, 0.08);
	border-radius: var(--as-radius-field);
}

#cmplz-cookiebanner-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title {
	font-weight: var(--as-weight-bold);
}

#cmplz-cookiebanner-container .cmplz-categories .cmplz-category .cmplz-icon.cmplz-open {
	filter: invert(1);
}

#cmplz-cookiebanner-container .cmplz-close {
	color: var(--as-on-dark);
}

/* "Beheer toestemming"-tabje onderin */
#cmplz-manage-consent .cmplz-manage-consent {
	font-family: var(--as-font);
	font-size: var(--as-text-small-size);
	border-radius: var(--as-radius-field) var(--as-radius-field) 0 0;
}

/* Geblokkeerde content (Google Maps e.d.) tot er toestemming is: de
   kaartafbeelding van de plugin blijft, de knop wordt een paarse pil */
.cmplz-placeholder-element,
.cmplz-blocked-content-container {
	border-radius: var(--as-radius);
	overflow: hidden;
}

.cmplz-blocked-content-container .cmplz-blocked-content-notice,
.cmplz-wp-video .cmplz-blocked-content-notice {
	width: auto;
	max-width: min(360px, calc(100% - 2 * var(--as-space-4)));
	padding: var(--as-space-3) var(--as-gutter);
	background-color: var(--as-fg);
	color: var(--as-on-dark);
	border: 0;
	border-radius: var(--as-radius-field);
	box-shadow: none;
	font-family: var(--as-font);
	font-size: var(--as-text-small-size);
	line-height: var(--as-text-small-line);
	font-weight: var(--as-weight-regular);
	cursor: pointer;
	transition: background var(--as-transition), color var(--as-transition);
}

.cmplz-blocked-content-container .cmplz-blocked-content-notice:hover,
.cmplz-blocked-content-container .cmplz-blocked-content-notice:focus {
	background-color: var(--as-accent);
	color: var(--as-fg);
}

.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a {
	color: inherit;
	font-weight: var(--as-weight-bold);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* =====================================================================
   Popup by Supsystic (nieuwsbrief): vlak in crème, radius 20, titel roze,
   sluitknop als paars rondje. De plugin zet inline-CSS met een ID,
   vandaar !important.
   ===================================================================== */

#ppsPopupBgOverlay {
	background: rgba(47, 9, 78, 0.6) !important;
}

.ppsPopupShell {
	box-sizing: border-box !important;
	max-width: calc(100vw - 2 * var(--as-gutter)) !important;
	padding: 0 !important;
	font-family: var(--as-font) !important;
	font-size: var(--as-text-body-size) !important;
	line-height: var(--as-text-body-line) !important;
	color: var(--as-fg) !important;
	background: transparent !important;
}

.ppsPopupShell .ppsInnerTblContent {
	box-sizing: border-box !important;
	padding: var(--as-space-7) var(--as-gutter) var(--as-space-5) !important;
	background-color: var(--as-bg) !important;
	border-radius: var(--as-radius) !important;
}

.ppsPopupShell .ppsInnerTblContent h2,
.ppsPopupShell .ppsInnerTblContent h2.popheader {
	margin: 0 0 var(--as-space-3) !important;
	color: var(--as-accent) !important;
	font-family: var(--as-font) !important;
	font-size: var(--as-text-h3-size) !important;
	line-height: var(--as-text-h3-line) !important;
	font-weight: var(--as-weight-bold) !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-align: left !important;
}

.ppsPopupShell .ppsInnerTblContent p {
	margin: 0 0 var(--as-space-4) !important;
}

.ppsPopupShell .ppsInnerTblContent iframe {
	display: block;
	width: 100% !important;
	border: 0;
}

.ppsPopupShell .ppsPopupClose,
.ppsPopupShell .ppsPopupClose[class*="ppsPopupClose_"] {
	top: var(--as-space-3) !important;
	right: var(--as-space-3) !important;
	width: 32px !important;
	height: 32px !important;
	background: var(--as-fg) !important;
	border-radius: 50% !important;
	transition: background var(--as-transition);
}

.ppsPopupShell .ppsPopupClose::before,
.ppsPopupShell .ppsPopupClose::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 2px;
	background: var(--as-on-dark);
	transform: translate(-50%, -50%) rotate(45deg);
}

.ppsPopupShell .ppsPopupClose::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.ppsPopupShell .ppsPopupClose:hover {
	background: var(--as-accent) !important;
}

/* =====================================================================
   Contact Form 7 op de formuliercompositie (velden 12 onder label,
   40 tussen groepen, foutmeldingen paars bold 16, respons als roze vlak)
   ===================================================================== */

.wpcf7 form.wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: var(--as-space-7);
	max-width: 672px;
}

.wpcf7-form > p {
	display: flex;
	flex-direction: column;
	gap: var(--as-space-3);
	margin: 0;
}

.wpcf7-form label {
	margin: 0;
}

.wpcf7-form .wpcf7-form-control-wrap {
	display: block;
	position: relative;
}

.wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.wpcf7-form select,
.wpcf7-form textarea {
	width: 100%;
	padding: 10px var(--as-gutter);
	min-height: var(--as-field-h);
}

.wpcf7-form textarea {
	min-height: 170px;
}

.wpcf7-form .wpcf7-list-item {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
}

.wpcf7-form .wpcf7-list-item label {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: var(--as-text-body-size);
	line-height: var(--as-text-body-line);
	font-weight: var(--as-weight-regular);
	letter-spacing: 0;
	text-transform: none;
}

.wpcf7-form input[type="checkbox"],
.wpcf7-form input[type="radio"] {
	width: 16px;
	height: 16px;
	margin: 0;
	flex: none;
}

.wpcf7-form input[type="submit"] {
	width: 100%;
	padding: var(--as-space-4) var(--as-gutter);
	border-radius: var(--as-radius-field);
	font-size: var(--as-text-body-size);
	line-height: var(--as-text-body-line);
	text-align: center;
}

.wpcf7-form .wpcf7-spinner {
	margin: var(--as-space-2) auto 0;
}

.wpcf7-form .wpcf7-not-valid-tip {
	margin-top: 0;
	color: var(--as-fg);
	font-size: var(--as-text-small-size);
	line-height: var(--as-text-small-line);
	font-weight: var(--as-weight-bold);
}

.wpcf7-form .wpcf7-form-control.wpcf7-not-valid {
	outline: 2px solid var(--as-fg);
	outline-offset: -2px;
}

.wpcf7 form .wpcf7-response-output {
	margin: 0;
	padding: var(--as-space-4) var(--as-gutter);
	border: 0;
	border-radius: var(--as-radius-field);
	background: var(--as-accent);
	color: var(--as-fg);
	font-size: var(--as-text-body-size);
	line-height: var(--as-text-body-line);
}

.wpcf7 form.sent .wpcf7-response-output {
	background: var(--as-highlight);
}

/* Lightweight Social Icons op Contact: icoonrij rechtstreeks onder "Volg ons" */
.as-social .lsi-social-icons li a i {
	line-height: 1;
}