/*
 * Theme Name: Yooker Theme
 * Description: Yooker Theme
 * Template: Impreza
 * Version: 1.0
 * Author:	Yooker
 * Theme URI: https://yooker.nl
 * Author URI: https://yooker.nl
*/

:root {
	--custom-shape-url: "/wp-content/uploads/2025/10/hkb_brand_graphic.svg";
	--custom-shape-width: 300px;
	--custom-shape-height: 94px;
}

/* Headings */
.heading-1 {
	font-family: var(--h1-font-family);
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    font-weight: var(--h1-font-weight);
    text-transform: var(--h1-text-transform);
    font-style: var(--h1-font-style);
    letter-spacing: var(--h1-letter-spacing);
    margin-bottom: var(--h1-margin-bottom);
}
.heading-2 {
	font-family: var(--h2-font-family);
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    font-weight: var(--h2-font-weight);
    text-transform: var(--h2-text-transform);
    font-style: var(--h2-font-style);
    letter-spacing: var(--h2-letter-spacing);
    margin-bottom: var(--h2-margin-bottom);
}
.heading-3 {
	font-family: var(--h3-font-family);
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    font-weight: var(--h3-font-weight);
    text-transform: var(--h3-text-transform);
    font-style: var(--h3-font-style);
    letter-spacing: var(--h3-letter-spacing);
    margin-bottom: var(--h3-margin-bottom);
}
.heading-4 {
	font-family: var(--h4-font-family);
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
    font-weight: var(--h4-font-weight);
    text-transform: var(--h4-text-transform);
    font-style: var(--h4-font-style);
    letter-spacing: var(--h4-letter-spacing);
    margin-bottom: var(--h4-margin-bottom);
}
.heading-5 {
	font-family: var(--h5-font-family);
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
    font-weight: var(--h5-font-weight);
    text-transform: var(--h5-text-transform);
    font-style: var(--h5-font-style);
    letter-spacing: var(--h5-letter-spacing);
    margin-bottom: var(--h5-margin-bottom);
}
.heading-6 {
	font-family: var(--h6-font-family);
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    font-weight: var(--h6-font-weight);
    text-transform: var(--h6-text-transform);
    font-style: var(--h6-font-style);
    letter-spacing: var(--h6-letter-spacing);
    margin-bottom: var(--h6-margin-bottom);
}

/* .w-image.has_height img, .w-image[class*="ush_image_"] img {
    width: revert-layer !important;
} */

/* Separators */
.w-separator.size_small { height: 1rem !important; }
.w-separator.size_medium { height: 2rem !important; }
.w-separator.size_large { height: 4rem !important; }
.w-separator.size_huge { height: 8rem !important; }


/* - Algemeen - */
.no-click { pointer-events: none; } /* Clickthrough */
.overflow-slider .owl-stage-outer { overflow: visible; } /* Overflowing slider */
.logo-main i { color: var(--color-content-primary);} /* Logo main color */
.logo-secondary i { color: var(--color-content-secondary); } /* Logo secondary color */
.contain-img img { object-fit: contain; }

/* Scrollbar */
body::-webkit-scrollbar { width: 1em; }
body::-webkit-scrollbar-track {
    background:#fff;
}
body::-webkit-scrollbar-thumb { background-color: var(--color-content-primary); }

/* Gforms */
.gform_required_legend { display: none; }

/* Cookie Banner */
.seopress-user-consent {
	font-size: 1rem !important;
	padding: 0.75rem !important;
	background: #f7f7f7 !important;
	border-right: 0 !important;
}
.seopress-user-consent p a:first-child {
	content: "";
    background-image: url(/wp-content/uploads/2022/01/yooker-cookies.png);
    width: 32px;
    height: 32px;
    display: inline-block;
    background-size: cover;
    margin-bottom: -11px;
    margin-right: 13px;
}
.seopress-user-consent #seopress-user-consent-accept{
	background: var(--color-content-primary);
    color: #fff;
    padding: 0.5rem 2rem;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
	margin-left: 50px !important;
	border: none;
	cursor: pointer;
	transition: all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close {
	background: none;
    border: none;
    font-size: 13px;
    padding: 3px 20px;
    margin-top: 5px;
    font-weight: 600;
    color: #000;
	transition:all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close:hover {
	border:none;
	background:none;
	color:red;
	transition:all ease .3s;
}
.seopress-user-consent p a:nth-child(2) { text-decoration:underline; }
.seopress-user-consent p { padding-bottom:0 !important; }

/* Header */
.l-header.sticky { backdrop-filter: blur(4px); }
.l-header .l-subheader.at_middle:has(.menu-item:hover) {
	background-color: var(--color-header-middle-bg) !important;
}
.no-touch .w-nav.type_desktop .hover_underline .w-nav-item.current-menu-item .w-nav-title:after,
.no-touch .w-nav.type_desktop .hover_underline .w-nav-item.current-menu-ancestor .w-nav-title:after {
    opacity: 1;
}

/* Basis underline voor level_2 items */
.no-touch .w-nav.type_desktop .hover_underline 
.w-nav-anchor.level_2 .w-nav-title:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -0.3em;
  width: 100%;
  height: 2px;
  background: currentColor;
  opacity: 0 !important;
  transition: opacity .2s;
}

/* Toon alleen bij hover op dat specifieke submenu-item */
.no-touch .w-nav.type_desktop .hover_underline 
.w-nav-anchor.level_2:hover .w-nav-title:after {
  opacity: 1 !important;
}
.no-touch .w-nav.type_desktop .hover_underline 
.w-nav-item.current-menu-item > .w-nav-anchor.level_2 .w-nav-title:after {
  opacity: 1 !important;
}

/* Divider Section Shape */
.hkb-shape::before {
	content: "";
	background: url("/wp-content/uploads/2025/10/hkb_brand_graphic.svg");
	position: absolute;
}

/* hero gradient  */
.hero-gradient::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(16, 60, 96, 0.00) 56.25%, #103C60 100%);
	z-index: 0;
}
.hero-gradient > .l-section-h { z-index: 1; }

/* Badges */
.badge {
    padding: 0.5rem 1rem;
    border-radius: 5rem;
}
.badge.badge-primary {
	background: var(--color-alt-content-bg-grad);
    color: white;
}

/* Custom Cards (Homepagina) */
.card {
	position: relative;
	padding: 1.5rem;
	color: var(--color-alt-content-text);
	background: var(--color-alt-content-bg-grad);
	border-radius: 1rem;
	overflow: hidden;
}
.card > .w-iconbox > .w-iconbox-icon {
	border-radius: 0.5rem;
	background: var(--color-custom-darker-blue);
	padding: 1rem;
}
.card.custom-shape::before {
    content: "";
    position: absolute;
    background: url("/wp-content/uploads/2025/10/hkb_brand_graphic.svg");
    right: -6rem;
    bottom: -1.5rem;
    background-repeat: no-repeat;
	width: var(--custom-shape-width);
    height: var(--custom-shape-height);
    scale: 0.7;
}
.card.card-light {
	background: var(--color-content-bg-grad);
	color: #000000;
}
.card.card-light a { color:var(--color-content-link); }
.card.card-light a:hover { color:var(--color-content-link-hover); }

/* Footer Snelmenu */
#menu-footer-snelmenu > li > a::after {
	font-family: "fontawesome";
    font-weight: 800;
    content: "\f061";
    margin-left: 0.4em;
    display: inline-block;
	color: var(--color-content-link);
	transition: margin-left 275ms ease;
}
#menu-footer-snelmenu > li > a:hover::after { margin-left: 0.6em; }

.footer-menu-2cols ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 30px;
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
.kantoor-label:before{
  content: "Kantoor: ";
  font-weight: 700;
  margin-right: .1em;
}
.footer-copyright, .footer-voorwaarden-privacy { opacity: 0.7; }

/* Card Links */
.card a { color: var(--color-subfooter-link); }
.card a:hover { color: var(--color-subfooter-link); }

/* Footer Contact Formulier */
.l-footer .gform_heading { display: none; }
.l-footer .card.card-light { padding: 2.5rem; }

/* Over ons Pagina (Adviseur styling) */
.w-grid-item.type-adviseur a { color: var(--color-alt-content-text); }
.w-grid-item.type-adviseur a:hover { color: var(--color-alt-content-text); text-decoration: underline; }
.w-grid-item.type-adviseur > .w-grid-item-h > .type_image > img {
	object-position: top center;
	width: 95% !important;
	margin: 0 auto;
}
.w-grid-item.type-adviseur .w-post-elm.e-mailadres::before, .w-grid-item.type-adviseur .w-post-elm.telefoonnummer::before {
	font-family: "fontawesome";
	color: var(--color-content-link);
	margin-right: 0.5rem;
	font-weight: bold;
}
.w-grid-item.type-adviseur .w-post-elm.e-mailadres::before { content: "\f0e0"; }
.w-grid-item.type-adviseur .w-post-elm.telefoonnummer::before { content: "\f879"; }

/* Shape Divider */
/* Standaard links uitgelijnd */
.divider-shape-section {
	background: linear-gradient(to right, var(--color-alt-content-bg-grad) 0, var(--color-alt-content-bg-grad) 247px, var(--color-content-bg-grad) 247px, var(--color-content-bg-grad) 100%);
	transform: translateY(-1px);
}
.divider-shape-section::before {
	content: "";
	position: absolute;
    background: url("/wp-content/uploads/2025/10/hkb_brand_graphic.svg");
    background-size: contain;
    background-repeat: no-repeat;
	width: var(--custom-shape-width);
    height: var(--custom-shape-height);
}
.divider-shape-section.right {
	background: linear-gradient( to left, var(--color-alt-content-bg-grad) 0, var(--color-alt-content-bg-grad) 206px, var(--color-content-bg-grad) 206px, var(--color-content-bg-grad) 100%);
	transform: translateY(1px);
}
.divider-shape-section.right::before {
	content: "";
	position: absolute;
	background: url("/wp-content/uploads/2025/10/hkb_brand_graphic.svg");
	background-size: contain;
    background-repeat: no-repeat;
	width: var(--custom-shape-width);
    height: var(--custom-shape-height);
    justify-self: self-end;
    transform: scale(-1, -1);
	right: 0;
}

/* section background gradient */
.section-background-gradient {
	background: linear-gradient(180deg, rgba(13, 146, 209, 0.00) 0%, rgba(13, 146, 209, 0.09) 24.91%, rgba(13, 146, 209, 0.09) 50.38%, rgba(13, 146, 209, 0.09) 74.87%, rgba(13, 146, 209, 0.00) 100%);
}

/* USPS Block */
.usps-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem;
	background: var(--color-alt-content-bg) !important;
	border-radius: 1rem;
	row-gap: 1.5rem;
	flex-wrap: nowrap; /* wrap */
}
.usps-wrapper .w-iconbox-title, .usps-wrapper .w-iconbox-icon i { color: #ffffff; }
.usps-wrapper .w-iconbox-icon {
	display: flex;
	padding: 7px;
	border-radius: 0.5rem;
	width: inherit !important;
	background: #f4fafd;
	margin-right: 12px !important;
    font-size: 2.45rem !important;
}

/* USPS Blocks (separate class) */
.usps-wrapper.separate { background: transparent !important; }
.usps-wrapper.separate .w-iconbox { color: #ffffff; }
.usps-wrapper.separate .w-iconbox-icon {
	background: #28618F;
	font-size: 1.5rem !important;
    width: 3rem !important;
    height: 3rem !important;
}
.usps-wrapper.separate .w-iconbox .w-iconbox-title { font-size: 0.9rem; }
.usps-wrapper.separate .vc_column-inner > .wpb_wrapper {
	padding: 1.5rem;
	background: var(--color-alt-content-bg);
	min-height: 12.5rem;
	color: var(--color-alt-content-text);
	border-radius: 0.5rem;
	font-size: 0.9rem;
}
.usps-wrapper.separate > .wpb_column > .vc_column-inner {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

/* hkb-list-points */
.hkb-list-points .w-iconbox { align-items: center; }
.hkb-list-points .w-iconbox .w-iconbox-icon {
	padding: 1rem;
    font-size: 2rem;
    width: inherit !important;
    background: #28618F;
    border-radius: 1rem;
    aspect-ratio: 1;
	min-height: 60px;
    min-width: 60px;
}
.hkb-list-points .w-iconbox .w-iconbox-icon i { color: #ffffff; }
.hkb-list-points .w-iconbox .w-iconbox-title:not(:empty) { padding: 0.2em 0; }

/* Vestigingen */
.single-vestiging .gform-body .gform-field-label {
	font-weight: 400 !important;
    margin-bottom: 4px !important;
}
.single-vestiging .gform_footer { padding-bottom: 0px !important; }
.single-vestiging .gform_button { margin-bottom: 0px !important; }
.custom-vestiging-kaart .w-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.custom-vestiging-kaart .w-btn-label { text-align: left; }
.custom-vestiging-kaart .w-btn i { margin-left: 1rem; }

/* Logo Slider Afbeeldingen */
.logo-slider img {
	object-fit: contain !important;
	padding: 1rem 1.5rem;
	filter: grayscale(1);
	transition: filter 275ms ease;
}
.logo-slider img:hover { filter: grayscale(0); }
.w-grid-item-h:has(.logo-slider) { border-radius: 0.5rem; }

/* wrapper zodat ::before werkt */
.spotlight-clickable-image { cursor: pointer; }
.spotlight-clickable-image .w-image-h { transform: translateY(22px); }

/* badge links onder */
.spotlight-clickable-image .w-image-h::before{
	font-family: "fontawesome";
	font-weight: 500;
 	content: "\f00e";
  	position:absolute;
	left:12px; bottom:12px;
	padding:.6rem .9rem;
	background:rgba(0,0,0,.65);
	color:#fff; font-size:14px; line-height:1;
	border-radius: 5rem;
	backdrop-filter:saturate(1.2) blur(2px);
	pointer-events: none;
	box-shadow:0 6px 18px rgba(0,0,0,.25);
	z-index: 1;
}

/* ——— Lightbox ——— */
/* backdrop die boven alles komt */
.spotlight-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0,0,0,.85);
  display: none;              /* standaard uit */
  align-items: center;
  justify-content: center;
}
/* toon de backdrop */
.spotlight-backdrop.is-open { display: flex; }

/* afbeelding in de spotlight */
.spotlight-backdrop .spotlight-img {
  max-width: 96vw;
  max-height: 92vh;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0,0,0,.5);
  transform: scale(.95);
  opacity: 0;
  transition: transform .25s ease, opacity .25s ease;
}
.spotlight-backdrop.is-open .spotlight-img {
  transform: scale(1);
  opacity: 1;
}
/* sluitknop */
.spotlight-close {
  position: fixed;
  top: 20px;
  right: 24px;
  z-index: 10000;
  background: rgba(0,0,0,.65);
  color: #fff;
  border: 0;
  border-radius: 9999px;
  padding: .55rem .8rem;
  font-size: 14px;
  cursor: pointer;
}

/* Klantverhalen Carousel */
/* .klantverhalen-carousel .owl-stage > .owl-item {
	transform: scale(0.95);
	transition: transform 275ms ease;
}
.klantverhalen-carousel .owl-stage > .owl-item.center {
	transform: scale(1.05);
} */

/* Accordion tabs (global) */
.w-tabs > .w-tabs-sections > .w-tabs-section {
	border-bottom: 0px;
	transition: border-bottom 275ms ease;
}
.w-tabs > .w-tabs-sections > .w-tabs-section:last-of-type { border-bottom: 0px; }
.w-tabs > .w-tabs-sections > .w-tabs-section.active { border-bottom: 1.5px solid var(--color-alt-content-bg-grad); }
.w-tabs > .w-tabs-sections > .w-tabs-section > .w-tabs-section-header { background: transparent; }
.w-tabs > .w-tabs-sections > .w-tabs-section > .w-tabs-section-header > .w-tabs-section-title { font-weight: 500; }
.w-tabs.style_default .w-tabs-section .w-tabs-section-content { padding-top: 0; }
.w-tabs.style_default .w-tabs-section-title {
  font-weight: 700 !important;
  font-size: 1.2rem !important;
}
/* .w-tabs.style_default .w-tabs-section.active .w-tabs-section-title {
  color: #000000;
} */

/* Methodiek gallery (homepagina) */

.card-gallery-methodiek .wpb_text_column .wpb_wrapper { z-index: 1; }
.card-gallery-methodiek .wpb_text_column.has-gradient::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 60%, #000 100%);
}
.card-gallery-methodiek .card-title { font-size: 60px; }
.card-gallery-methodiek > .w-vwrapper > .wpb_text_column {
	background-size: cover !important;
    background-repeat: no-repeat !important;
	display: flex;
    align-items: end;
}
.card-gallery-methodiek .wpb_text_column.has-gradient > .wpb_wrapper > p {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.card-gallery-methodiek .wpb_text_column:nth-child(1) { align-self: end; }

/* General gradient overlay */
.gradient-overlay::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 77.66%, rgba(0, 0, 0, 0.80) 97.72%), no-repeat;
	z-index: 1;
}

/* Adviesgesprek Pagina */
.adviesgesprek-cards-wrapper > .vc_column-inner { justify-content: flex-end; }
.adviesgesprek-cards-wrapper > .vc_column-inner > .wpb_wrapper {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

/* General gravity forms styling */
.gform_wrapper .gform-field-label, .gform_wrapper .gfield_label { font-weight: 400 !important; }
.gform_wrapper .gform-body .ginput_container input, .gform_wrapper .gform-body .ginput_container textarea { border-radius: 0.5rem; }

.titel-met-lijn {
  	border-left: 4px solid;
	border-color:var(--color-content-primary);
  	padding-left: 10px;
}

/* Mobile Responsive */
@media screen and (max-width: 600px) {
	.vr-carousel .vr-quote {
		padding: 0 !important;
		font-size: 27px;
		line-height: 1.3;
	}
	.review-box:after {
		content: "";
		position: absolute;
		bottom: -15px;
		transform: translateY(-50%) rotate(45deg);
		width: 20px;
		height: 20px;
		background: #ffffff;
	}
	#gform_fields_1, #gform_fields_4 {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 10px;
	}
	#field_1_10, #field_1_9, #field_1_2, #field_1_3, #field_4_10, #field_4_9, #field_4_3, #field_4_2 {
		max-width: calc(50% - 5px);
	}
	#random-footer-background.random-mobile-off, #footer-vestiging.random-mobile-off {
		background-image:none !important;
		background:none !important;
	}
	#random-footer-background .l-section-overlay, .random-mobile-off .l-section-overlay {
		background: linear-gradient(180deg, transparent 0%, #103C60 7%, #103C60 100%) !important;
	}
	#gform_wrapper_1 .gform-footer {
		margin-bottom: 0 !important;
    	padding-bottom: 5px;
	}
	.beoordeling-carousel::before {
		left: 10px !important;
	}
	.beoordeling-carousel::after {
		right: 10px;
	}
	/* Footer */
	footer .w-tabs-section.active:not(.has_text_color) > .w-tabs-section-header{ color: #fff; }
	.vest-people-cont {
		flex-direction: column;
    	align-items: flex-start !important;
    	gap: 20px !important;
	}
	.vest-rail .vest-logo { flex: 0 0 calc((100% - 3 * 16px) / 2) !important; }
	.divider-shape-section {
		background: linear-gradient(to right,
			var(--color-alt-content-bg-grad) 0,
			var(--color-alt-content-bg-grad) 230px,
			var(--color-content-bg-grad) 230px,
			var(--color-content-bg-grad) 100%
		)
	}
	.card-gallery-methodiek { scale: 1 !important; }
	.card.custom-shape .w-vwrapper { z-index: 1; }
	.card.custom-shape::before { z-index: 0; opacity: 0.75; }
	.l-footer .card.card-light { padding: 1.5rem; }
	#rooster-filter {
		background: linear-gradient(45deg, #3573AB 0%, #258BE8 100%);
		color: #fff;
		padding: calc(0.75em + 2px) calc(1.25em + 2px);
		border: 0;
		border-radius: 5rem;
	}
	#rooster-filter > .w-filter-opener > span::after { display: none; }
	#rooster-filter > .w-filter-list > .w-filter-item > .w-filter-item-title { box-shadow: none; }
	#rooster-filter > .w-filter-list > .w-filter-item > .w-filter-item-reset { color: #fff; }
	
	.adviesgesprek-cards-wrapper > .vc_column-inner > .wpb_wrapper { flex-direction: column !important; }
	.card-gallery-methodiek {
		scale: 1 !important;
	}
	.home .hkbcards { padding-top: 5rem !important; }
	.home .hkbcards::before { transform: translate(-1.5rem, -22.5rem) rotate(60deg) !important; }
	.home .hkbcards .quote { font-size: 15.5px !important; }
}
@media screen and (max-width: 640px) {
	#gform_fields_1 #field_1_2, #gform_fields_1 #field_1_3 { margin-top: 0 !important; }
	.klantverhalen-carousel article.w-grid-item { padding: 0 !important; padding-right: 1.5rem !important; }
}

@media screen and (min-width: 1024px){	
	.review-box::after{
		content: "";
		position: absolute;
		right: -10px; 
		bottom: 12%;
		transform:translateY(-50%)rotate(45deg);
		width: 20px;   
		height: 20px;
		background: #ffffff;
	}
	.l-footer .custom-shape::before {
		content: "";
		position: absolute;
		background: url("/wp-content/uploads/2025/10/hkb_brand_graphic.svg");
		width: var(--custom-shape-width);
		height: var(--custom-shape-height);
		left: -5rem;
		top: 0;
		-webkit-transform: scale(1, -1);
		-moz-transform: scale(1, -1);
		-o-transform: scale(1, -1);
		transform: scale(1, -1);
	}
	/* overlay (play-icoon) voor items met video */
	.klantverhalen-carousel article.w-grid-item.has-video::after,
	.klantverhalen-grid article.w-grid-item.has-video::after {
		content: "\f04b"; /* FontAwesome play icon; fallback tip hieronder */
		font-family: "Font Awesome 5 Free", "fontawesome", sans-serif;
		font-weight: 700;
		font-size: 1.5rem;
		color: #fff;
		position: absolute;
		bottom: 10%;
		right: 10%;
		z-index: 1;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.5);
		display: flex;
		align-items: center;
		justify-content: center;
		transform: scale(0.9);
		transition: opacity 0.25s ease, transform 0.25s ease;
		pointer-events: none;
		opacity: 0.95;
	}
	.card-gallery-methodiek {
		font-size: 22px;
		scale: 0.90;
		justify-self: end;
		transform: translateX(3.75rem);
	}
}
@media screen and (min-width: 601px) and (max-width: 1536px) {
	.article.type-traject:hover .post_image {
		max-height: unset;
	}
}
/* Tablet Responsive */
@media screen and (min-width: 601px) and (max-width: 1024px){
	.card-gallery-methodiek {
		scale: 0.70;
		transform: translateX(9rem);
	}
}
#page-content > .hero-gradient {
	background-position: right center !important;
	background-size: auto 800px !important;
}
#page-content > .hero-gradient-top { background-position: right top !important; }
#page-content > .hero-gradient-bottom { background-position: right bottom !important; }

.adviseur-template-default #page-content .hero-gradient { background-size: cover !important; }
/* .adviseur-template-default #page-content .w-btn {
	background: linear-gradient(45deg,#3573AB 0%,#258BE8 100%);
    color: #ffffff !important;
    padding: calc(0.75em + 2px) calc(1.25em + 2px);
    border: 0 !important;
}
.adviseur-template-default #page-content .w-btn::before {
	border-width: none !important;
} */

/* Mobile & Tablet */
@media screen and (max-width: 1024px){
	.page-adviesgesprek main .wpb_column, .l-footer .wpb_column { width: 100%; }
	.tablet-stacking { gap: 1rem; }
	.tablet-stacking > .l-section-h > .g-cols { gap: 1rem; }
	.tablet-stacking .wpb_column { width: 100%; }
	.tablet-stacking .wpb_column:nth-child(2) { margin-top: 2rem; }
	.tablet-stacking-reverse, .tablet-stacking-reverse > .l-section-h > .g-cols { flex-direction: column-reverse; }
	.adviesgesprek-cards-wrapper > .vc_column-inner > .wpb_wrapper {
		flex-direction: row;
		margin: 1rem 0;
		align-items: flex-start;
	}
/* 	#traject .owl-carousel.navstyle_circle .owl-nav button.owl-prev { transform: translateX(2.6rem); } */
/* 	#traject .owl-carousel.navstyle_circle .owl-nav button.owl-next { transform: translateX(-2.6rem); } */
	.owl-carousel .owl-nav button.owl-prev { transform: translateX(2.6rem); }
	.owl-carousel .owl-nav button.owl-next { transform: translateX(-2.6rem); }
	.card-gallery-methodiek { justify-self: right; }
	.wpb_column:has(+ .wpb_column .card-gallery-methodiek),	.wpb_column:has(.card-gallery-methodiek) { width: 100%; }
	.card-gallery-methodiek {
		scale: 0.85;
    	justify-self: center;
    	transform: translateX(0);
	}
	.w-vwrapper.card-position-center {
		justify-self: center;
		left: inherit !important;
	}
	.arrow-custom .w-text-value:after { display: none; }
	.usps-wrapper.separate .vc_column-inner > .wpb_wrapper { min-height: inherit; }
	.usps-wrapper.separate .wpb_column { width: 100%; }
	.usps-wrapper { flex-wrap: wrap; }

	#page-content > .hero-gradient {
		background-position: center center !important;
		background-size: cover !important;
	}
	#page-content > .hero-gradient .l-section-overlay { background: linear-gradient(0deg, rgba(4, 115, 199, 1) 10%, rgba(4, 115, 199, 0) 100%) !important; }
	#page-content > .hero-gradient > .l-section-h { padding-top: 15rem; }
	.home #page-content > .hero-gradient > .l-section-h { padding-top: 10rem !important; }
	.event-info { flex-direction: column; }
	
	.adviseur-informatie-column > .vc_column-inner > .wpb_wrapper { flex-direction: column-reverse !important; }
	.adviseur-sections-tekst {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
}

@media screen and (max-width: 768px) {
	.card-gallery-methodiek {
		scale: 0.90;
	}
/* 	#page-content .hero-gradient {
		background-repeat: no-repeat !important;
    	background-position: left 110px !important;
    	background-size: 100% 200px !important;
    	padding-top: 240px !important;
    	background-color: rgba(4, 115, 199, 1) !important;
	} */
/* 	#page-content .hero-gradient .l-section-overlay {
		width: 100% !important;
    	height: 50px !important;
    	top: 261px !important;
    	left: 0;
    	background: linear-gradient(0deg, rgba(4, 115, 199, 1) 10%, rgba(4, 115, 199, 0) 100%);
	} */
}

/* Vanaf laptop */
@media screen and (min-width: 1025px){
	
}

/* Laptop Responsive */
@media screen and (min-width: 1025px) and (max-width: 1536px){
	
}

/* Desktop Responsive */
@media screen and (min-width: 1537px){
	
}

@media screen and (min-width: 2000px) {
	#page-content > .hero-gradient {
		background-size: 50% !important;
	}
}


/* ===============================
   Vestigingenkaart (layout + UI)
   =============================== */

.vestigingen {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.vest-left {
  display: grid;
  gap: 16px;
  flex: 1;
}

.vest-right {
  position: relative;
  flex: 1;
}

/* -------- Tabs: horizontaal scrollbaar / drag -------- */
.vest-tabs {
  	display: flex;
  	flex-wrap: nowrap;             /* geen 2e regel */
  	gap: 12px;
  	overflow-x: auto;              /* horizontale scroll */
  	overflow-y: hidden;
  	/*scroll-snap-type: x proximity;*/ /* fijne snap behaviour */
  	-webkit-overflow-scrolling: touch;
  	padding-bottom: 6px;
  	max-width: 100%;
  	cursor: grab;                  /* drag cursor */
	background: #fff;
    border: solid 1px #EDEDED;
    border-radius: 10px;
    padding: 8px !important;
    padding-left: 8px !important;
}
.vest-tabs.is-dragging {
  	cursor: grabbing;
  	user-select: none;
}
.vest-tabs::-webkit-scrollbar { height: 8px; }
.vest-tabs::-webkit-scrollbar-thumb {
  	background: #cbd5e1;
  	border-radius: 4px;
}
.vr-thumbs::-webkit-scrollbar { height: 8px; background:#fff; }
.vr-thumbs::-webkit-scrollbar-thumb {
  	background: #cbd5e1;
  	border-radius: 4px;
}
.vest-tab {
  	flex: 0 0 auto;
    border-radius: 999px;
    padding: 6px 12px;
    cursor: pointer;
    font-weight: 500;
    scroll-snap-align: start;
    background: #F2FAFD;
    color: #103c60 !important;
    font-size: 13px;
}
.vest-tab.is-active {
  	background: #0D92D1;
  	color: #fff !important;
}

/* -------- Card + meta -------- */
.vest-card {
  	background: var(--color-alt-content-bg-grad);
  	color: #fff;
  	border-radius: 16px;
  	padding: 35px;
  	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.vest-card h3 {
  	margin: 0 0 8px;
  	color: #fff;
}
.vest-meta {
  	display: flex;
  	gap: 14px;
  	flex-wrap: wrap;
  	margin: 12px 0;
}
.vest-cta {
  	display: inline-flex;
  	align-items: center;
  	gap: 8px;
  	color: #fff;
  	text-decoration: none;
}
.vest-cta:hover { color: #fff !important; }

/* -------- People (avatars) -------- */
.vest-people {
  	display: flex;
  	align-items: center;
  	position: relative;
}

/* Basisstijl voor avatars */
.vest-people .vest-avatar {
  	--sz: 70px;
  	width: var(--sz);
  	height: var(--sz);
  	border-radius: 50%;
  	overflow: hidden;
/*   border: 2px solid rgba(255,255,255,0.25); */
/*   background: rgba(255,255,255,0.08); */
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	color: #fff;
  	position: relative;
}

/* Overlap horizontaal */
.vest-people .vest-avatar:not(:first-child) { margin-left: -15px; }

/* Z-index hiërarchie */
.vest-people .vest-avatar:first-child { z-index: 4; }
.vest-people .vest-avatar:nth-child(2) { z-index: 3; }
.vest-people .vest-avatar:nth-child(3) { z-index: 2; }
.vest-people .vest-more { z-index: 1; }

/* Afbeeldingen binnen avatar */
.vest-people .vest-avatar img {
  	width: 100%;
  	height: 100%;
  	object-fit: cover;
  	object-position: top;
  	display: block;
}
/* +N cirkel */
.vest-people .vest-more {
  	background: transparent;
  	border: 2px solid rgba(255,255,255,.25);
  	color: #fff;
 	font-size: 1.1rem;
  	font-weight: 500;
}
.vest-people img {
  	width: 80px;
  	height: 80px;
  	border-radius: 999px;
  	object-fit: cover;
	object-position: top;
}
.vest-people img:not(:first-child) { margin-left: -10px; }

/* -------- Logos: titel + rail (max 4 zichtbaar) -------- */
.vest-logos { position: relative; }
.vest-logos-title {
  	font-size: 14px;
  	margin: 0 0 8px;
  	color: #334155; /* slate-ish */
}

/* Rail: max 4 zichtbaar, rest scroll/drag */
.vest-rail {
  	display: flex;
  	gap: 16px;
  	overflow-x: auto;
  	overflow-y: hidden;
  	scroll-snap-type: x mandatory;
  	padding-bottom: 8px;
  	max-width: 100%;
}
.vest-rail::-webkit-scrollbar { height: 8px; }
.vest-rail::-webkit-scrollbar-thumb {
  	background: #cbd5e1;
  	border-radius: 4px;
}

/* exact 4 kolommen in view, rekening met 3 gaps (16px) */
.vest-logo {
  	flex: 0 0 calc((100% - 3 * 16px) / 4);
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	background: #fff;
  	border: 1px solid #e5e7eb;
  	border-radius: 12px;
  	scroll-snap-align: start;
  	padding: 6px;
  	min-width: 0;
	max-height: 7rem;
}
.vest-logo img {
  	max-width: 100%;
  	max-height: 60px;
	pointer-events: none;
}

/* Drag states voor rail */
.vest-rail.is-draggable { cursor: grab; }
.vest-rail.is-dragging {
  	cursor: grabbing;
  	user-select: none;
}

/* -------- Map + markers -------- */
.vest-map {
  	position: relative;
  	border-radius: 16px;
  	overflow: hidden;
}
.vest-map img {
  	display: block;
  	width: 100%;
  	height: auto;
  	max-height: 700px;
}
.vest-marker {
  	position: absolute;
  	transform: translate(-50%, -100%);
  	cursor: pointer;
  	transition: transform 0.12s ease, background 0.12s ease;
  	background: #ffffff; /* old: transparent */
	border-radius: 50%;
	width: 13px;
	height: 13px;
}
.vest-marker[data-slug="hoofdkantoor"] {
	background: var(--color-content-secondary);
}
.vest-marker img { display: none; }
.vest-marker.is-active { transform: translate(-50%, -100%) scale(1.1); background: var(--color-content-primary); }
.vest-marker[data-slug="hoofdkantoor"].is-active {background: var(--color-content-secondary); }

/* -------- Buttons (optioneel, als je ze later terug zet) -------- */
.vest-btn {
  	border: 1px solid #e5e7eb;
  	background: #fff;
  	border-radius: 8px;
  	padding: 6px 10px;
  	cursor: pointer;
}
.vest-card .vest-meta .vest-mail::before, .vest-card .vest-meta .vest-phone::before {
	font-family: "fontawesome";
	color: var(--color-content-link);
	font-weight: bold;
	margin-right: 0.5rem;
}
.vest-card .vest-meta .vest-mail::before { content: "\f0e0"; }
.vest-card .vest-meta .vest-phone::before { content: "\f879"; }

/* Custom Beoordelingen carousel */
/* zorg dat thumbs netjes op 1 rij blijven + active state */
.beoordeling-thumbs .owl-item img {
  	width:70px;
	height:70px;
	border-radius: 50%;
	object-fit:cover;
	object-position: top;
	aspect-ratio: 1;
  	opacity:.5;
	transition:opacity 275ms, transform 275ms;
}
.beoordeling-thumbs .owl-item.center img { opacity: 1; }
.beoordeling-thumbs .owl-item .w-grid-item-h .w-post-elm { scale: 1; transition: scale 275ms ease; }
.beoordeling-thumbs .owl-item.center .w-grid-item-h .w-post-elm { scale: 1.15; }

.beoordeling-carousel { position: relative; }
.beoordeling-carousel::before, .beoordeling-carousel::after {
	content: "";
	position: absolute;
	width: 49px;
    height: 37px;
}
.beoordeling-carousel::before {
	background: url("/wp-content/uploads/2025/10/section-quote-mark-1.png");
	top: 0;
	left: 18%;
    transform: translateX(-50%);
}
.beoordeling-carousel::after {
	background: url("/wp-content/uploads/2025/10/section-quote-mark-2.png");
	bottom: 0;
	right: 18%;
    transform: translateX(50%);
}
.beoordeling-carousel .owl-nav .owl-next { left: 50.5%; }
.beoordeling-carousel .owl-nav .owl-prev { right: 50.5%; }
.beoordeling-carousel .owl-nav .owl-next, .beoordeling-carousel .owl-nav .owl-prev { transform: translateY(270%); }

/* Adviseur Quote Carousel */
.adviseur-quote-carousel {
	max-width: 17.5rem;
	margin: 0 auto;
}
.adviseur-quote-carousel > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item img {
	object-position: top center;
    object-fit: cover;
    object-position: top center;
	transition: transform opacity 275ms ease;
	transform: scale(1);
	opacity: 0.70;
}
.adviseur-quote-carousel > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item.center img { opacity: 1; }
.adviseur-quote-carousel > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .w-grid-item > .w-grid-item-h {
	transition: transform opacity 275ms ease;
	transform: scale(1);
);
}
.adviseur-quote-carousel > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item.center > .w-grid-item > .w-grid-item-h { transform: scale(1.2); }

/* Bullet List wrapper (opsomming punten op "Partner Worden" pagina) */
.bullet-list-wrapper > .wpb_wrapper > ul {
	display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
	gap: 0.5rem;
}
.bullet-list-wrapper.dash > .wpb_wrapper > ul > li {
	border-left: 4px solid;
	border-color:var(--color-content-primary);
  	padding-left: 10px;
}
.bullet-list-wrapper.shard > .wpb_wrapper > ul > li::before {
	content: "";
	background: url("/wp-content/uploads/2025/10/icon.svg");
	width: 25px;
	min-width: 25px;
	height: 15px;
	display: inline-block;
	transform: translateY(0.4rem);
}
.bullet-list-wrapper.shard > .wpb_wrapper > ul > li, .bullet-list-wrapper.check > .wpb_wrapper > ul > li {
	display: flex;
    align-items: start; /* center */
    gap: 0.5rem;
}
.bullet-list-wrapper.check > .wpb_wrapper > ul > li::before {
	content: "\f00c";
	font-family: "fontawesome";
	color: var(--color-custom-darker-blue);
	font-size: 1.5rem;
}

/* Custom Avatar wrapper */
.avatar-wrapper {
	display: flex;
    align-items: center !important;
}
.avatar-wrapper .w-image img {
	width: 60px;
	height: 60px;
	aspect-ratio: 1;
	border-radius: 50%;
	object-fit: cover;
	object-position: top center;
	box-shadow: rgba(0, 0, 0, 0.4) 0 0 0.3rem;
}
.avatar-wrapper .w-image:not(:first-child) {
	margin-left: -1rem;
	z-index: -1;
}

/* Klantverhaal video blok (carousel én normale grids: klantverhalen-carousel, klantverhalen-grid, algemene w-grid) */
.klantverhalen-carousel article.w-grid-item,
.klantverhalen-grid article.w-grid-item {
  position: relative;
  cursor: pointer;
}
/* hover scale */
.klantverhalen-carousel article.w-grid-item.has-video:hover::after,
.klantverhalen-grid article.w-grid-item.has-video:hover::after {
  opacity: 1;
  transform: scale(1);
}
/* pointer feedback over heel blok */
.klantverhalen-carousel article.w-grid-item:hover, .klantverhalen-grid article.w-grid-item:hover { cursor: pointer; }

/* -------- Responsive -------- */
@media (max-width: 1024px) {
  .vestigingen { flex-direction: column; }
}

.vest-desc {
	display: -webkit-box;
  	-webkit-line-clamp: 4;   /* aantal regels */
  	-webkit-box-orient: vertical;
  	overflow: hidden;
  	text-overflow: ellipsis;
	font-size: 15px;
}
.vest-people-cont {
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.vest-meta a, .vest-meta a:hover { color:#fff; }

.hkbcards {
	display:flex;
	justify-content:center;
}
article.type-traject, 
.methodieken-grid article.type-page, 
.diensten-grid article.type-page {
	position: relative;
	overflow: hidden;
}
.methodieken-grid article.type-page .w-vwrapper,
.diensten-grid article.type-page .w-vwrapper {
	justify-content: space-between;
	gap: 0.5rem;
}
article.type-traject .w-grid-item-h, 
.methodieken-grid article.type-page .w-grid-item-h, 
.diensten-grid article.type-page .w-grid-item-h {
	height:100% !important;
}
article.type-traject .post_image,
.methodieken-grid article.type-page .post_image,
.diensten-grid article.type-page .post_image {
	display: block;
	width: 100%;
	max-height: 160px;
	transition: max-height 0.5s ease;
}

.methodieken-grid article.type-page .post_image,
.diensten-grid article.type-page .post_image {
	max-height: 13rem !important;
}

article.type-traject .post_image::after, 
.methodieken-grid article.type-page .post_image::after, 
.diensten-grid article.type-page .post_image::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, #103C60 0%, rgba(16,60,96,0) 80%);
	opacity: 0;
	transition: opacity 0.5s ease;
}


@media screen and (min-width: 767px) {
	article.type-traject:hover .post_image, 
	.methodieken-grid article.type-page:hover .post_image, 
	.diensten-grid article.type-page:hover .post_image {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height:100% !important;
		transition: max-height 0.5s ease;
		max-height: 450px;
	}

	article.type-traject:hover .post_image {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height:100% !important;
		transition: max-height 0.5s ease;
		max-height: 463px;
	}

	.methodieken-grid article.type-page:hover .post_image,
	.diensten-grid article.type-page:hover .post_image {
		max-height: 490px !important;
	}

	article.type-traject:hover p, 
	article.type-traject:hover span,
	.methodieken-grid article.type-page:hover p,
	.methodieken-grid article.type-page:hover span, 
	.diensten-grid article.type-page:hover p,
	.diensten-grid article.type-page:hover span {
		color:#fff !important;
	}
	
	article.type-traject:hover .post_image::after,
	.methodieken-grid article.type-page:hover .post_image::after, 
	.diensten-grid article.type-page:hover .post_image::after {
		opacity: 1;
	}
	
	article.type-traject:hover .w-vwrapper,
	.methodieken-grid article.type-page:hover .w-vwrapper, 
	.diensten-grid article.type-page:hover .w-vwrapper {
		justify-content: flex-end;
	}
}

#traject .owl-carousel.navstyle_circle .owl-nav button {
	background: var(--color-alt-content-link);
    color: #fff !important;
}
    
.w-nav.type_desktop .w-nav-anchor:not(.level_1) { padding: 0.4em 20px; }
#gform_wrapper_4 { margin-bottom:0 !important; }
.vr-carousel .vr-quote {
	font-weight: 600;
    font-size: 30px;
    line-height: 1.4;
	min-height: 8rem;
}
.vr-arrows { margin-top:30px; }
#random-footer-background {	background-position: top center !important; }
#field_3_6 textarea { height:120px; }
label[for="input_3_8_1"] a { color:black !important; }
.single-vacature #random-footer-background.us_custom_1866e7d8 { padding-top: 10rem !important; }
.arrow-custom .w-text-value:after {
	content: url(https://hkb-advies.nl/wp-content/uploads/2025/10/vector.svg);
    position: absolute;
    right: -10px;
}
.icons-blue .w-text-h i { color: var(--color-alt-content-link-hover); }
.w-filter.state_desktop.mod_dropdown.dropdown_style_trendy input[type=checkbox], .w-filter.state_desktop.mod_dropdown.dropdown_style_trendy input[type=radio] { border: solid 2px #bbb !important; }
#field_1_2, #field_1_3 { margin-top: -50px !important; }
.event-info .w-iconbox-icon { margin-right: 8px !important; }
.repeater-field.voordeel { color: rgba(50, 50, 50, 1) !important; }
.repeater-field.voordeel:before {
    content: "\f00c";
    font-family: 'fontawesome';
    margin-right: 8px;
    background: var(--color-content-primary) !important;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}
.repeater-field.voordeel {
	margin-bottom: 8px;
	color: var(--color-alt-content-link-hover);
	font-weight: 500;
}
.programma li::marker {
	color:#0d92d1 !important;
	font-size: 20px;
}
.programma ul { margin-left: 1.5rem !important; }
.programma li { margin: 0 0 0.8rem !important; }

.sprekers .repeater {
	display: grid;
    grid-template-columns: repeat(var(--columns, 4), 1fr);
    gap: 3rem;
}
.sprekers .repeater .repeater-row {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sprekers .repeater-field.afbeelding {
	max-height: 390px;
    object-fit: cover !important;
    overflow: hidden;
    border-radius: 10px;
}
.sprekers .repeater img { border-radius:10px; }
.sprekers .repeater .repeater-field.naam {
	font-weight: 600;
    color: var(--color-alt-content-bg-grad);
    font-size: 24px;
    margin-top: 15px;
}
#page-header .ush_menu_3 #menu-item-5903 a, #page-header .ush_menu_3 #menu-item-5902 a {
	width:100% !important;
	font-size: 19px !important;
}
#page-header .ush_menu_3 #menu-item-5903 { margin-top:30px; }

/* .page-template-default .hero-gradient {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
} */

#blog-filter .w-filter-item.number_1,
#blog-filter .w-filter-item-values {
	display: flex;
	gap: 0.5rem;
}
#blog-filter .w-filter-item.number_1 { align-items: center; }
#blog-filter .w-filter-item-values { flex-wrap: wrap; }
#blog-filter .w-filter-item-value label {
	display: flex;
	align-items: center;
}
#blog-filter .w-filter-item-value-label {
	background: transparent;
    color: var(--color-content-heading);
    padding: 0.75em 1.25em;
    border: solid 2px var(--color-content-primary);
    border-radius: 50px;
}
#blog-filter input[type="checkbox"] { display: none; }
#blog-filter input:checked ~ .w-filter-item-value-label {
	background: linear-gradient(45deg,#3573AB 0%,#258BE8 100%);
    color: #fff;
    padding: calc(0.75em + 2px) calc(1.25em + 2px);
    border: 0;
}
.countdown-text-wrapper .w-counter {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
    padding-top: 1rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}
.countdown-text-wrapper .w-counter > .w-counter-value { font-size: 3rem; }
.countdown-text-wrapper .w-counter:not(:last-child) { border-bottom: 1px solid var(--color-content-text); }
.video-layout button:before, 
.video-layout-adviseur button:before {
    content: "";
    background: linear-gradient(180deg, transparent 0%, #000000 100%) !important;
    width: 100%;
    height: 100px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}
.video-layout-adviseur button:after {
	content: "De opstart van je eigen adviespraktijk";
    color: #fff;
    position: absolute;
    bottom: 15px;
    text-align: center;
    width: fit-content;
    font-size: 19px;
    font-weight: 600;
    left: 20px;
}
.video-layout-adviseur .w-popup-trigger {
	position: relative;
	border-radius: 1rem;
	overflow: hidden;
}
.video-layout-adviseur .w-popup-trigger .w-video-play-icon {
	font-size: 1.5rem;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}
.video-layout-adviseur:hover .w-popup-trigger .w-video-play-icon {
    transform: scale(1.2);
}
.video-layout button:after {
    content: "De HKB Methode";
    color: #fff;
    position: absolute;
    bottom: 15px;
    text-align: center;
    width: fit-content;
    font-size: 19px;
    font-weight: 600;
    left: auto;
    right: auto;
    margin-left: -75px;
}


/* WHITEPAPER */
#whitepaper-quiz .gchoice {
	background: #fff;
    border-radius: .5rem;
    border: solid #7EA0BC 2px;
    margin-bottom: 10px;
    padding: 10px !important;
    line-height: 1.6 !important;
}
#whitepaper-quiz .gchoice:hover { border-color: var(--color-alt-content-secondary) !important; }
#whitepaper-quiz .gchoice .gfield-choice-input {
	border: solid #7EA0BC 2px;
    height: 1.2rem !important;
    width: 1.2rem !important;
}
#whitepaper-quiz .gchoice .gfield-choice-input:before { background: var(--color-alt-content-secondary); }
#whitepaper-quiz .gform_next_button, #gform_submit_button_63 {
	border-radius: 50px !important;
    background: var(--color-alt-content-secondary) !important;
    color: #fff !important;
	margin: 0 !important;
	float:right;
}
#whitepaper-quiz .gform_previous_button {
    border-radius: 50px !important;
    margin: 0 !important;
    margin-bottom: 8px !important;
    background: transparent !important;
	padding-left: 0 !important;
}
#whitepaper-quiz .gform_page_footer {
	margin: 0 !important;
    padding-bottom: 0 !important;
}
#whitepaper-quiz .gf_progressbar_title {
	text-align: center;
    color: var(--color-alt-content-overlay);
    font-weight: 600;
}
#whitepaper-quiz .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue { background-color: var(--color-alt-content-link); }
#whitepaper-quiz .gform_wrapper.gravity-theme .gf_progressbar_blue {
    background: var(--color-alt-content-text);
	box-shadow: none !important;
}
#whitepaper-quiz legend.gfield_label {
	font-weight: 600 !important;
    line-height: 1.5;
    margin-bottom: 15px !important;
    padding-top: 10px !important;
}

.adviseur-informatie-column > .vc_column-inner > .wpb_wrapper,
.adviseur-informatie-column .adviseur-informatie-wrapper{
	display: flex;
	flex-direction: column;
}
.adviseur-informatie-column .adviseur-informatie-wrapper { align-items: flex-start; }

/* Border radius top */
.radius-top img { border-radius:.6rem .6rem 0 0; }

/* HKB Cards Homepage */
.home .hkbcards::before {
	bottom: 0;
	left: 0;
	position: absolute;
	content: "";
	background: url("/wp-content/uploads/2025/11/swipe-text.svg");
	width: 107px;
	height: 97px;
	background-repeat: no-repeat;
	transform: translate(-2.5rem, -1rem);
}
.home .owl-carousel .owl-nav button {
	width: 4rem;
	height: 4rem;
}

#ipt_fsqm_form_8 .ipt_fsqm_container_thumbselect .ipt_uif_question_content {
	display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    max-width: fit-content !important;
    margin: 0 auto !important;
    gap: 1rem !important;
}

#ipt_fsqm_form_8 .ipt_fsqm_container_thumbselect .ipt_uif_question_content input.ipt_uif_thumbselect {
	display: none !important;
}