/* ==========================================================================
   Hub-brug: wat Hub na Elementor in de <head> zette (theme-elementor.css),
   voor zover nasci.nl het gebruikt.

   1. Basis van Hub: kleurvariabelen op de body, alinea's, links, beelden.
   2. Hulpklassen van Hub (pos-rel, d-flex, p-4, h-pt-80, ...).
   3. Knop (ld_button en de knop in de diensttegel).
   4. Kop (hub_fancy_heading) met verloop en penseel.
   5. Diensttegel (ld_content_box, stijl 1).
   6. De iconen van Hub (lqd-essentials), als SVG.

   Wat Hub met JavaScript liet invliegen (de foto's in de tegels, het
   penseel) staat zonder JavaScript meteen goed; met JavaScript (klasse
   nasci-hub-js op <html>, gezet door hub-brug.js) wacht het tot het in
   beeld komt. Laat een cache het script wachten, dan staat alles gewoon.
   ========================================================================== */

/* 1. Basis van Hub ---------------------------------------------------------- */

body {
	--color-font: var(--e-global-color-text, #626974);
	--color-primary: var(--e-global-color-primary, #184341);
	--color-secondary: var(--e-global-color-secondary);
	--color-link: #5b7bfb;
	--color-link-hover: #181b31;
	color: var(--color-font);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html,
body {
	max-width: 100vw;
}

html {
	overflow-x: hidden;
	font-size: 100%;
}

iframe {
	max-width: 100%;
}

p {
	margin-top: 0;
	margin-bottom: 1.5em;
}

a {
	color: var(--color-link);
	text-decoration: none;
	transition: all .3s;
}

a:hover {
	color: var(--color-link-hover);
}

a:hover,
a:focus {
	text-decoration: none;
}

a:focus {
	outline: none;
}

a:focus-visible {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: 0;
}

small {
	font-size: .667em;
}

img {
	max-width: 100%;
	height: auto;
}

label {
	font-weight: 400;
}

textarea {
	resize: vertical;
}

dd {
	margin-inline-start: 1.5em;
	margin-top: .5em;
	margin-bottom: .5em;
}

table {
	width: 100%;
	color: #333;
}

table tr {
	border-bottom: 1px solid #dedede;
}

table th,
table td {
	padding: .5em 1em .5em 0;
	border: none;
}

table th,
table th a {
	color: #000;
}

table thead th {
	padding-top: .8em;
	padding-bottom: .8em;
	font-size: .8em;
	letter-spacing: .1em;
	text-transform: uppercase;
}

table tbody th {
	font-weight: 400;
}

table tbody tr:nth-child(odd) {
	background-color: #f7f7f7;
}

pre {
	margin-bottom: 1.5em;
}

blockquote {
	display: block;
	margin-bottom: 2.5em;
	font-style: italic;
}

/* 2. Hulpklassen van Hub (zelfde namen en waarden; ook losse HTML-blokken
   op de site gebruiken ze, zoals p-1 in het chatblokje op de contactpagina) */

.m-0 { margin: 0; }
.m-1 { margin: .25rem; }
.m-2 { margin: .5rem; }
.m-3 { margin: 1rem; }
.m-4 { margin: 1.5rem; }
.m-5 { margin: 2rem; }
.m-6 { margin: 2.5rem; }
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: .25rem; }
.mt-2 { margin-top: .5rem; }
.mt-3 { margin-top: 1rem; }
.mt-4 { margin-top: 1.5rem; }
.mt-5 { margin-top: 2rem; }
.mt-6 { margin-top: 2.5rem; }
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: .25rem; }
.mb-2 { margin-bottom: .5rem; }
.mb-3 { margin-bottom: 1rem; }
.mb-4 { margin-bottom: 1.5rem; }
.mb-5 { margin-bottom: 2rem; }
.mb-6 { margin-bottom: 2.5rem; }
.p-0 { padding: 0; }
.p-1 { padding: .25rem; }
.p-2 { padding: .5rem; }
.p-3 { padding: 1rem; }
.p-4 { padding: 1.5rem; }
.p-5 { padding: 2rem; }
.p-6 { padding: 2.5rem; }
.pt-0 { padding-top: 0; }
.pt-1 { padding-top: .25rem; }
.pt-2 { padding-top: .5rem; }
.pt-3 { padding-top: 1rem; }
.pt-4 { padding-top: 1.5rem; }
.pt-5 { padding-top: 2rem; }
.pt-6 { padding-top: 2.5rem; }
.pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: .25rem; }
.pb-2 { padding-bottom: .5rem; }
.pb-3 { padding-bottom: 1rem; }
.pb-4 { padding-bottom: 1.5rem; }
.pb-5 { padding-bottom: 2rem; }
.pb-6 { padding-bottom: 2.5rem; }
.mx-auto { margin-inline: auto; }
.d-block { display: block; }
.d-inline-block { display: inline-block; }
.d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }
.flex-row { flex-direction: row; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-column { flex-direction: column; }
.flex-column-reverse { flex-direction: column-reverse; }
.flex-wrap { flex-wrap: wrap; }
.flex-grow-1 { flex-grow: 1; }
.flex-auto { flex: none; }
.align-items-start { align-items: flex-start; }
.align-items-center { align-items: center; }
.align-items-end { align-items: flex-end; }
.justify-content-start { justify-content: flex-start; }
.justify-content-center { justify-content: center; }
.justify-content-end { justify-content: flex-end; }
.justify-content-between { justify-content: space-between; }
.w-10 { width: 10%; }
.w-20 { width: 20%; }
.w-30 { width: 30%; }
.w-40 { width: 40%; }
.w-50 { width: 50%; }
.w-60 { width: 60%; }
.w-70 { width: 70%; }
.w-80 { width: 80%; }
.w-90 { width: 90%; }
.w-100 { width: 100%; }
.h-25 { height: 25%; }
.h-50 { height: 50%; }
.h-75 { height: 75%; }
.h-100 { height: 100%; }
.h-125 { height: 125%; }
.h-150 { height: 150%; }
.h-vh-100 { height: 100vh; }
.pos-rel { position: relative; }
.pos-abs { position: absolute; }
.pos-fix { position: fixed; }
.pos-sticky { position: sticky; }
.pos-tl { top: 0; left: 0; }
.pos-tr { top: 0; right: 0; }
.pos-bl { bottom: 0; left: 0; }
.pos-br { bottom: 0; right: 0; }
.overflow-hidden { overflow: hidden; }
.objfit-cover { object-fit: cover; }
.objfit-center { object-position: center; }
.objpos-center { object-position: center; }
.bg-center { background-position: 50%; }
.bg-cover { background-size: cover; }
.bg-transparent { background-color: #0000 !important; }
.border-radius-2 { border-radius: 2px; }
.border-radius-4 { border-radius: 4px; }
.border-radius-6 { border-radius: 6px; }
.border-radius-8 { border-radius: 8px; }
.border-radius-10 { border-radius: 10px; }
.border-radius-circle { border-radius: 10em; }
.font-weight-normal { font-weight: 400; }
.font-weight-medium { font-weight: 500; }
.font-weight-semibold { font-weight: 600; }
.font-weight-bold { font-weight: 700; }
.ltr-sp-1 { letter-spacing: .1em; }
.ltr-sp-115 { letter-spacing: .115em; }
.ltr-sp-15 { letter-spacing: .15em; }
.ltr-sp-2 { letter-spacing: .2em; }
.text-start { text-align: start; }
.text-center { text-align: center; }
.text-end { text-align: end; }
.text-uppercase { text-transform: uppercase; }
.ws-nowrap { white-space: nowrap; }
.will-change-opacity { will-change: opacity; }
.will-change-transform { will-change: transform; }
.z-index--1 { z-index: -1; }
.z-index-0 { z-index: 0; }
.z-index-1 { z-index: 1; }
.z-index-2 { z-index: 2; }
.z-index-3 { z-index: 3; }
.z-index-4 { z-index: 4; }
.z-index-5 { z-index: 5; }
.z-index-6 { z-index: 6; }
.z-index-7 { z-index: 7; }
.z-index-8 { z-index: 8; }
.z-index-9 { z-index: 9; }
.z-index-10 { z-index: 10; }
img.w-100 { width: 100% !important; }
img.h-100 { height: 100% !important; }
.text-vertical { writing-mode: vertical-rl; transform: rotate(180deg); }
.lqd-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.h-pt-35 { padding-top: 35%; }
.h-pt-40 { padding-top: 40%; }
.h-pt-45 { padding-top: 45%; }
.h-pt-50 { padding-top: 50%; }
.h-pt-55 { padding-top: 55%; }
.h-pt-60 { padding-top: 60%; }
.h-pt-65 { padding-top: 65%; }
.h-pt-70 { padding-top: 70%; }
.h-pt-75 { padding-top: 75%; }
.h-pt-80 { padding-top: 80%; }
.h-pt-85 { padding-top: 85%; }
.h-pt-90 { padding-top: 90%; }
.h-pt-95 { padding-top: 95%; }
.h-pt-100 { padding-top: 100%; }
.h-pt-105 { padding-top: 105%; }
.h-pt-110 { padding-top: 110%; }
.h-pt-115 { padding-top: 115%; }
.h-pt-120 { padding-top: 120%; }
.h-pt-125 { padding-top: 125%; }
.h-pt-130 { padding-top: 130%; }
.h-pt-135 { padding-top: 135%; }
.h-pt-140 { padding-top: 140%; }
.h-pt-145 { padding-top: 145%; }
.h-pt-150 { padding-top: 150%; }

/* 3. Knop ------------------------------------------------------------------- */

.btn {
	--icon-w: 0px;
	--icon-h: 0px;
	--icon-mt: 0px;
	--icon-me: 0px;
	--icon-mb: 0px;
	--icon-ms: 8px;
	--icon-font-size: 1em;
	position: relative;
	display: inline-flex;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	border-radius: 0;
	line-height: inherit;
	text-align: unset;
	white-space: nowrap;
	vertical-align: middle;
	transition: all .3s;
}

.btn i {
	transition: transform .3s cubic-bezier(.22, .665, .34, .875);
}

.btn-icon,
.btn-txt {
	position: relative;
	z-index: 3;
}

.btn-txt small,
.btn-txt span {
	display: block;
}

.btn-txt small {
	font-size: .67em;
}

.btn-solid {
	--btn-pt: 1.15em;
	--btn-pe: 2.1em;
	--btn-pb: 1.15em;
	--btn-ps: 2.1em;
	padding: var(--btn-pt) var(--btn-pe) var(--btn-pb) var(--btn-ps);
	background: var(--color-primary);
	color: #fff;
	box-shadow: 0 0 #0000;
}

.btn-solid:hover {
	border-color: #0000;
	background-color: var(--color-primary);
	color: #fff;
	box-shadow: 0 12px 28px #0000001f;
	transform: translateY(-2px);
}

.btn-naked,
.btn-underlined {
	--btn-pt: 0 !important;
	--btn-pe: 0 !important;
	--btn-pb: 0 !important;
	--btn-ps: 0 !important;
	overflow: visible;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	color: var(--color-primary);
}

.btn-naked:hover,
.btn-underlined:hover {
	color: var(--color-primary);
}

.btn-underlined::before,
.btn-underlined::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 1px;
	background-color: var(--color-primary);
}

.btn-underlined::after {
	background: var(--color-secondary, var(--color-primary));
	transform: scaleX(0);
	transform-origin: 100%;
	transition: transform .3s cubic-bezier(.4, 0, .2, 1);
}

.btn-underlined:hover::after {
	transform: scaleX(1);
	transform-origin: 0;
}

.btn-underlined .btn-txt {
	padding-bottom: .2em;
}

.btn-underlined.border-thick::before,
.btn-underlined.border-thick::after {
	height: 2px;
}

.btn-underlined.border-thicker::before,
.btn-underlined.border-thicker::after {
	height: 3px;
}

.elementor .btn-xsm {
	--btn-pt: .6em;
	--btn-pe: 1em;
	--btn-pb: .6em;
	--btn-ps: 1em;
	padding: .6em 1em;
}

.elementor .btn-sm {
	--btn-pt: .85em;
	--btn-pe: 1.3em;
	--btn-pb: .85em;
	--btn-ps: 1.3em;
	padding: .85em 1.3em;
}

.elementor .btn-lg {
	--btn-pt: 1.3em;
	--btn-pe: 2.7em;
	--btn-pb: 1.3em;
	--btn-ps: 2.7em;
	padding: 1.3em 2.7em;
}

.elementor .btn-xlg {
	--btn-pt: 1.5em;
	--btn-pe: 3.5em;
	--btn-pb: 1.5em;
	--btn-ps: 3.5em;
	padding: 1.5em 3.5em;
}

.btn-block {
	justify-content: center;
	width: 100%;
	white-space: normal;
}

.btn-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: var(--icon-mt);
	margin-bottom: var(--icon-mb);
	margin-inline-start: var(--icon-ms);
	margin-inline-end: var(--icon-me);
	transition: background .3s, color .125s, box-shadow .3s, border .3s, opacity .25s, transform .5s;
}

.btn-icon i,
.btn-icon svg {
	position: relative;
	z-index: 3;
}

.btn-icon i {
	font-size: var(--icon-font-size);
	letter-spacing: 0;
}

.btn-icon svg {
	width: var(--icon-font-size);
	max-height: var(--icon-font-size);
	fill: currentColor;
}

.btn-icon:only-child {
	--icon-mb: 0px !important;
}

.btn-icon:first-child {
	--icon-ms: auto;
	--icon-me: auto;
}

.btn-icon-left {
	--icon-ms: 0px;
	--icon-me: 8px;
}

.btn-icon-top .btn-icon,
.btn-icon-left .btn-icon {
	order: -1;
}

.btn-icon-block {
	--icon-mt: .5em;
	--icon-ms: auto !important;
	--icon-me: auto !important;
	flex-direction: column;
}

.btn-icon-block .btn-icon,
.btn-icon-block .btn-txt {
	text-align: center;
}

.btn-icon-block .btn-txt {
	width: 100%;
	margin-inline: auto;
}

.btn-icon-top.btn-icon-block {
	--icon-mt: 0;
	--icon-mb: .5em;
}

.btn-icon-xsm { --icon-w: 1.5em; --icon-h: 1.5em; }
.btn-icon-sm { --icon-w: 2em; --icon-h: 2em; }
.btn-icon-md { --icon-w: 2.5em; --icon-h: 2.5em; }
.btn-icon-lg { --icon-w: 3.2em; --icon-h: 3.2em; }
.btn-icon-xlg { --icon-w: 3.5em; --icon-h: 3.5em; }

.btn-icon-sm .btn-icon {
	width: 2em;
	height: 2em;
}

.btn-icon-xlg .btn-icon {
	width: 3.5em;
	height: 3.5em;
}

.btn-icon-shaped {
	--icon-mt: -5%;
	--icon-mb: -5%;
}

.btn-icon-shaped .btn-icon {
	width: var(--icon-w);
	height: var(--icon-h);
	border: 1px solid;
}

.btn-icon-solid .btn-icon {
	border: none;
	background-color: var(--color-primary);
	color: #fff;
}

.btn-icon-bordered .btn-icon {
	border-color: currentColor;
}

.btn-icon-semi-round .btn-icon {
	border-radius: 2px;
}

.btn-icon-round .btn-icon {
	border-radius: 4px;
}

.btn-icon-circle .btn-icon {
	border-radius: 10em;
}

.btn-icon-ripple .btn-icon::before {
	content: "";
	position: absolute;
	inset: -2px;
	display: inline-block;
	border: 1px solid var(--color-primary);
	border-radius: inherit;
	animation: nasci-hub-golf 2s cubic-bezier(.23, 1, .32, 1) infinite both;
}

@keyframes nasci-hub-golf {
	0% {
		border-width: 4px;
		transform: scale(1);
	}

	80% {
		border-width: 1px;
		transform: scale(1.35);
	}

	to {
		opacity: 0;
	}
}

.btn-hover-txt-switch .btn-txt {
	transition: opacity .65s cubic-bezier(.15, .85, .31, 1), transform .85s cubic-bezier(.15, .85, .31, 1);
}

.btn-hover-txt-switch .btn-txt::after {
	content: attr(data-text);
	position: absolute;
	top: 50%;
	display: inline-block;
	opacity: 0;
	white-space: nowrap;
	transition: inherit;
}

.btn-hover-txt-switch:hover .btn-txt::after {
	opacity: 1;
}

.btn-hover-txt-switch-y .btn-txt::after {
	left: 50%;
	transform: translate(-50%, 150%);
}

.btn-hover-txt-switch-y:hover .btn-txt {
	transform: translateY(-250%);
}

.btn-hover-txt-switch-y:hover .btn-txt::after {
	transform: translate(-50%, 200%);
}

.btn-hover-txt-switch-x .btn-txt::after {
	left: 100%;
	transform: translate(50%, -50%);
}

.btn-hover-txt-switch-x:hover .btn-txt {
	transform: translate(-200%);
}

.btn-hover-txt-switch-x:hover .btn-txt::after {
	transform: translate(100%, -50%);
}

@media (prefers-reduced-motion: reduce) {
	.btn-icon-ripple .btn-icon::before {
		animation: none;
	}
}

/* 4. Kop -------------------------------------------------------------------- */

.ld-fancy-heading > ul,
.ld-fancy-heading > ol {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

.ld-fh-element {
	margin-top: 0;
	margin-bottom: .5em;
	vertical-align: middle;
	transition: color .3s;
}

.ld-fh-element small {
	display: inline-block;
}

.ld-fh-element > :last-child {
	margin-bottom: 0;
}

.ld-gradient-heading {
	-webkit-text-fill-color: #0000 !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
}

.ld-fh-outline-static .ld-fh-element {
	color: #0000;
}

@media (max-width: 768px) {
	.ld-fh-element.text-vertical {
		writing-mode: unset;
		transform: none;
	}
}

/* Markering met [ld_highlight] */
.lqd-highlight,
.lqd-highlight-txt {
	background: inherit;
}

.lqd-highlight {
	position: relative;
	display: inline-block;
	padding: 0 .125em;
	color: inherit;
}

.lqd-highlight:only-child {
	padding: 0 .1em;
}

.lqd-highlight-txt {
	position: relative;
	z-index: 1;
}

.lqd-highlight-inner {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: var(--color-primary);
	color: var(--color-primary);
	transform-origin: 0;
	transition: transform .85s cubic-bezier(.3, .8, .35, 1), opacity .85s cubic-bezier(.3, .8, .35, 1), height .45s cubic-bezier(.3, .8, .35, 1), bottom .45s cubic-bezier(.3, .8, .35, 1);
	transition-delay: inherit;
}

/* Vlak: zonder JavaScript staat hij er, met JavaScript groeit hij aan als de kop in beeld komt. */
.nasci-hub-js [data-inview]:not(.is-in-view).lqd-highlight-grow-left .lqd-highlight-inner {
	transform: scaleX(0);
}

.nasci-hub-js [data-inview]:not(.is-in-view).lqd-highlight-grow-bottom .lqd-highlight-inner {
	transform: scaleY(0);
	transform-origin: bottom;
}

.nasci-hub-js [data-inview]:not(.is-in-view).lqd-highlight-fadein .lqd-highlight-inner {
	opacity: 0;
}

/* Penseel */
.lqd-highlight-custom .lqd-highlight .lqd-highlight-inner {
	bottom: -.5em;
	height: auto;
	background: none;
	color: inherit;
	opacity: 1 !important;
	transform: none !important;
}

.lqd-highlight-custom .lqd-highlight .lqd-highlight-brush-svg {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	max-height: none;
	fill: var(--color-primary);
	transition-delay: inherit;
}

.lqd-highlight-custom .lqd-highlight .lqd-highlight-brush-svg > path {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	transition: clip-path .85s cubic-bezier(.22, .61, .36, 1);
	transition-delay: inherit;
}

.nasci-hub-js [data-inview]:not(.is-in-view) .lqd-highlight .lqd-highlight-brush-svg > path {
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}

@media (prefers-reduced-motion: reduce) {
	.lqd-highlight-inner,
	.lqd-highlight-custom .lqd-highlight .lqd-highlight-brush-svg > path {
		transition: none;
	}
}

/* 5. Diensttegel ------------------------------------------------------------ */

.lqd-fb {
	transition: transform .65s cubic-bezier(.23, 1, .32, 1), box-shadow .65s cubic-bezier(.23, 1, .32, 1);
}

.lqd-fb .lqd-fb-content h2 a {
	color: inherit;
}

@media screen and (max-width: 479px) {
	.lqd-fb[class*="h-pt-"] {
		height: 100vw;
		padding-top: 0;
	}
}

.lqd-fb-img img.h-100 {
	height: 100% !important;
}

.lqd-fb-img figure {
	margin: 0;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

/* De foto: zonder JavaScript meteen, met JavaScript invliegen in beeld (zoals Hub). */
.lqd-fb-content-overlay .lqd-fb-img {
	transition: transform .65s, opacity .65s;
}

.nasci-hub-js .lqd-fb-content-overlay[data-inview]:not(.is-in-view) .lqd-fb-img {
	opacity: 0;
	transform: scale(1.075);
}

.lqd-fb-content-overlay .lqd-fb-content p:last-child {
	margin-bottom: 0 !important;
}

.lqd-fb-zoom-img-onhover .lqd-fb-img figure img {
	transform: scale(1.01);
	transition: transform .7s ease-out;
}

.lqd-fb-zoom-img-onhover:hover .lqd-fb-img figure img {
	transform: scale(1.2);
	transition-duration: 7s;
}

.lqd-fb-hover-overlay {
	opacity: 0;
	transition: opacity .3s;
}

.lqd-fb:hover .lqd-fb-hover-overlay {
	opacity: 1;
}

.lqd-fb-style-1 {
	box-shadow: 0 15px 80px #0000;
	transition: transform .85s cubic-bezier(.15, .95, .4, 1), box-shadow .3s;
}

.lqd-fb-style-1 .lqd-fb-content h6,
.lqd-fb-style-1 .lqd-fb-content h3,
.lqd-fb-style-1 .lqd-fb-content h2 {
	color: #fff;
}

.lqd-fb-style-1 .lqd-fb-content p {
	color: #ffffffd9;
	font-size: .9em;
}

.lqd-fb-style-1 .lqd-fb-content h6 {
	display: inline-block;
	padding: .5em 1.25em;
	border-radius: 4px;
	background-color: var(--color-primary);
	font-size: 11px;
	line-height: 1.5em;
}

.lqd-fb-style-1 .lqd-fb-content h3 {
	font-size: 16px;
	line-height: 1.625em;
}

.lqd-fb-style-1 .lqd-fb-content h2 {
	margin-bottom: 0;
	font-size: 33px;
}

.lqd-fb-style-1 .lqd-fb-bg {
	height: 125%;
	background: linear-gradient(#0000 50%, #000000b3 100%);
	transform: translateY(2%);
	transition: transform .85s cubic-bezier(.23, 1, .32, 1);
}

.lqd-fb-style-1:hover {
	box-shadow: 0 15px 80px #00000040;
	transform: translateY(-3px);
}

.lqd-fb-style-1:hover .lqd-fb-bg {
	transform: translateY(-20%);
}

.lqd-fb-style-1-3 .lqd-fb-content h2 {
	font-size: 31px;
	font-weight: 400;
	line-height: 1.29032em;
}

.lqd-fb-style-1-3 .lqd-fb-content h6 {
	position: relative;
	padding: 0 0 1em;
	background: none;
	font-size: 14px;
}

.lqd-fb-style-1-3 .lqd-fb-content h6::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	width: 11.5%;
	height: .15em;
	background-color: currentColor;
}

.lqd-fb-style-1-3 .lqd-fb-content p {
	color: #ffffff8c;
	font-size: 16px;
	line-height: 1.5em;
}

@media (min-width: 992px) {
	.lqd-fb-style-1-3 .lqd-fb-content-inner {
		padding: 2rem;
	}
}

/* De knop ligt boven de link over de hele tegel (stond in Hub als eigen CSS op de tegels). */
.elementor-widget-ld_content_box .elementor-button {
	position: relative;
	z-index: 5;
}

@media (prefers-reduced-motion: reduce) {
	.lqd-fb,
	.lqd-fb-img,
	.lqd-fb-zoom-img-onhover .lqd-fb-img figure img {
		transition: none !important;
	}
}

/* 6. Iconen van Hub (lqd-essentials) als SVG ------------------------------- */

.lqd-icn-ess {
	--nasci-icn: none;
	display: inline-block;
	width: 1em;
	height: 1em;
	background-color: currentColor;
	font-style: normal;
	line-height: 1;
	vertical-align: -.125em;
	-webkit-mask: var(--nasci-icn) center / contain no-repeat;
	mask: var(--nasci-icn) center / contain no-repeat;
}

.lqd-icn-ess.icon-ion-ios-arrow-round-up {
	--nasci-icn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 18.5V5.5M7.5 10 12 5.5 16.5 10' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.lqd-icn-ess.icon-ion-ios-arrow-round-forward,
.lqd-icn-ess.icon-md-arrow-forward,
.lqd-icn-ess.icon-md-arrow-round-forward-2 {
	--nasci-icn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15.5M14 6.5l5.5 5.5-5.5 5.5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.lqd-icn-ess.icon-md-arrow-forward {
	--nasci-icn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15.5M14 6.5l5.5 5.5-5.5 5.5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.lqd-icn-ess.icon-ion-ios-arrow-up {
	--nasci-icn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 15.5 7-7 7 7' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.lqd-icn-ess.icon-ion-ios-arrow-down {
	--nasci-icn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 8.5 7 7 7-7' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.lqd-icn-ess.icon-ion-ios-checkmark,
.lqd-icn-ess.icon-lqd-check {
	--nasci-icn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.lqd-icn-ess.icon-ion-ios-remove {
	--nasci-icn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Een icoon van Hub waarvan hier geen tekening is: een stip, nooit een leeg vlak met een letter. */
.lqd-icn-ess:not([class*="icon-ion-ios-arrow"]):not([class*="icon-md-arrow"]):not(.icon-ion-ios-checkmark):not(.icon-lqd-check):not(.icon-ion-ios-remove) {
	--nasci-icn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3C/svg%3E");
}