/*!440
Theme Name: FlavorIT
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: flavorit
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

FlavorIT is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of1re
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
	--header-color : 						#391348;
	--header-background-color:				#ffffff;
	--nav-color: 							#501b65;
	--nav-hover-color: 						#006ab4;
	--nav-active-color:						#006ab4;
	--primair-text-color: 					#0d0900; /*#2B281F;*/
	--primair-text-font: 					'Inter', sans-serif;
	--primair-text-size: 					16px;
	--primair-link-color:					#0d0900;
	--primair-link-hover-color:				#501b65; /*#006ab4;*/
  	--menu-font-size: 						18px;
	--menu-font-family: 					'Inter', Arial, sans-serif;
	--menu-font-weight: 					400;
	--footer-background-color:				#ebf6f7;
	--footer-font-size: 					14px;
	--footer-font-family: 					'Inter', Arial, sans-serif;
	--footer-link-color: 					#333333;
	--footer-link-hover-color: 				#501b65; /*#006ab4;*/ 
	--footer-header-color:					#0D0900; /*#501b65;*/
	--footer-header-size:					16px;
	--underfooter-background-color:			#ebf6f7;
	--underfooter-font-size: 				13px;
	--underfooter-font-family: 				'Inter', Arial, sans-serif;
	--underfooter-text-color:				#0d0900;
	--underfooter-link-color: 				#0d0900;
	--underfooter-link-hover-color:			#501b65;
	--geel:									#fab600;
	--button-bg-color: 						#fab700;
	--button-bg-hover-color:				#FCCF54;
	--paars: 								#501b65;
	--donkerpaars:							#391348;
	--roze:									#EEE8F0;
	--mint: 								#a4d8e0;
	--blauw: 								#006ab4;
	--lichtmint:							#ebf6f7;
	--horscroll:							#006ab4;
	--libefore:								#006ab4;
	--zoekresultatenborder: 				#501b65;
	--readmorebackground:					#fab600;
	--readmorecolor:						#501b65;
	--readmorebackgroundhover:				#501b65;
	--readmorecolorhover:					#ffffff;
	--sticky-header-bgcolor:				#501b65;
	--sticky-header-color:					#ffffff;
	--required:								#d3263f;
	--imgcaption:							#333333;
	--secundary-button-bg:					#EEE8F0;
	--secundary-button-bg-hover:			#E2D9E5;
}

@font-face {
  font-family: 'Material Symbols Outlined';
  src: url('/wp-content/themes/flavorit/fonts/MaterialSymbolsOutlined-variable.woff2') format('woff2');
  font-weight: 100 700;
  font-style: normal;
  font-display: block;
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  letter-spacing: normal;
  white-space: nowrap;
}

html {
	box-sizing: border-box;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
main {
	display: block;
	margin-top:152px;
}
main::before, article::before {
	content: '';
	display:block;
	clear:both;
	box-sizing:border-box;
	text-size-adjust: 100%;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
a {
	background-color: transparent;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}
strong {
	font-weight: bolder;
}
img {
	border-style: none;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body,
button,
input,
select,
optgroup,
textarea {
	color: var(--primair-text-color);
	font-family: var(--primair-text-font);
	font-size: var(--primair-text-size);
	line-height: 1.5;
}

body {
	margin: 0;
}

.wrapper {
	overflow:hidden;
}

.container {
	position:relative;
  width:100%;
	max-width:1224px;
	margin-right:auto;
	margin-left:auto;
	padding-left:48px;
	padding-right:48px;
	overflow:hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--header-color);
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
h1.entry-title {
	font-size:52px;
	line-height: 110%;
	padding-bottom: 30px;
	margin:0!important;
}

p {
	margin-bottom: 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

nav a, nav a:visited {color:var(--nav-color);}
nav a:hover {color:var(--nav-hover-color);}

/* Elements
--------------------------------------------- */
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

.primary-button a, a.primary-button, input[type="submit"], a.wp-element-button, .gele-knop a, a.gele-knop  {
	color: var(--paars)!important;
    background-color: var(--button-bg-color);
    border-radius: 25px;
    border: none;
    padding: 11px 18px;
    line-height: 1;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 700;
    font-size: 14px!important;
    text-decoration: none;
    transition: 0.3s;
    display: inline-flex;
    align-items: center;
    height: 44px;
}
.primary-button a::after, a.primary-button::after, a.wp-element-button::after, .gele-knop a::after, a.gele-knop::after{
    font-family: "Material Symbols Outlined";
    content: "\e5c8";
    font-weight: 400;
    color: var(--paars);
    margin-top: 1px;
    margin-left: 5px;
    font-size: 17px;
}
.primary-button a:hover, a.primary-button:hover, input[type="submit"]:hover, .gele-knop a:hover, a.gele-knop:hover {
	background-color: var(--button-bg-hover-color);
}
.secundary-button a, a.secundary-button {
	color: var(--paars) !important;
    background-color: var(--secundary-button-bg) !important;
    padding: 11px 18px !important;
    border-radius: 25px !important;
    line-height: 1;
    border: none !important;
    transition: 0.3s;
    display: flex;
    align-items: center;
    height: 44px;
    font-size: 14px !important;
    font-weight: 700;
}
.secundary-button a:hover, a.secundary-button:hover {
	background-color: var(--secundary-button-bg-hover);
}

/* Links
--------------------------------------------- */
a, a:visited {
	color: var(--primair-link-color);
}

a:hover,
a:focus,
a:active {
	color: var(--primair-link-hover-color);
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}
input[type="submit"] {
	padding-right:36px;
}
.submit-icon-wrapper {
    position: relative;
    display: inline-block;
}
.submit-icon-wrapper::after {
    font-family: "Material Symbols Outlined";
	font-size:16px;
    content: "\e5c8";
    font-weight: 400;
    color: var(--paars);
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

.wpcf7-submit-wrapper {
    position: relative;
    display: inline-block;
}

.wpcf7-submit-wrapper::after {
    font-family: "Material Symbols Outlined";
    content: "\e5c8";
    position: absolute;
    right: 86px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--paars); 
}

form.wp-block-search .wp-block-search__label {display:none;}


/* header
--------------------------------------------- */
/*header.site-header {
	z-index:2;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding: 0;
	z-index: 1;
	height:110px;
	background-color: rgba(255, 255, 255, 0.15);
}
header.site-header .container{
	height:110px;
	padding-top:0;
	padding-left:24px!important;
	padding-right:24px!important;
	font-size: var(--menu-font-size);
	font-family:var(--menu-font-family);
	font-weight:var(--menu-font-weight);
}*/
header.site-header {
	z-index:2;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	padding: 0;
	z-index: 1000;
	/*height:110px;*/
	height:152px;
	background-color: #ffffff;
	transition: transform 0.3s ease-in-out;
    transform: translateY(0);
}
header.site-header.hide {
	transform: translateY(-100%);
}
header.site-header .container{
	height:152px;
	padding-top:0;
	padding-left:24px;
	padding-right:24px;
	font-size: var(--menu-font-size);
	font-family:var(--menu-font-family);
	font-weight:var(--menu-font-weight);
	display:flex;
	align-items:center;
}

.header-left { display:inline-block; float:left; width:30%; padding-top:0; }
.header-left img.custom-logo {height:90px; width:auto;}
.is-sticky .slogan { margin-left:19px!important; }
.header-left .slogan a { color:var(--paars); text-decoration: none; font-weight: 700; }
.header-right { display:inline-block; float:left; width:70%; text-align:right; }
.header-right nav .menu-hoofdmenu-container { display:flex; justify-content: flex-end;}
.header-right nav .menu-hoofdmenu-container ul li { padding-left:12px; padding-right:12px; }
.header-right nav .menu-hoofdmenu-container ul li.menu-search-icon a {
    color: var(--blauw);
    font-size: 1.1em;
}
.header-right nav .menu-hoofdmenu-container ul li.menu-startaanvraag a {
    font-weight: 600;
}
.menu-search-icon a .material-symbols-outlined,
.menu-search-icon .material-symbols-outlined {
    font-size: 1.5em !important;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
	font-weight: 300;
    margin-top: -4px;
    margin-left: -3px;
}

.site-header .stickytitle {display:none;}
.site-header.is-sticky {
	position: fixed;
	width:100%;
	padding-top:0;
	background-color:rgba(255,255,255,0.9);
  	box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  	backdrop-filter: blur(10px);
	/*height:85px!important;*/
	height:195px!important;
}
.site-header.is-sticky .container {height:80px; padding-top:0;}
.site-header.is-sticky .container .header-left .slogan {font-size:11px;}
/*.site-header.is-sticky .container .header-right nav {margin-top:30px;}*/
.site-header.is-sticky img {
 height:70px;
 width:auto;
}
.site-header.is-sticky button {
  font-size: 14px;
  padding: 7px 10px;
}
.site-header.is-sticky .stickytitle {
	display:block;
	background-color:var(--sticky-header-bgcolor);
	color: var(--sticky-header-color);
	border-bottom: 1px solid rgba(31, 47, 67, .25);
}
.site-header.is-sticky .stickytitle .container {height:50px!important; padding-top:14px!important; font-weight:normal;}

.site-header .stickybalk {display:none;}
.is-sticky .stickybalk {
	background-color:var(--sticky-header-bgcolor);
	height:115px;
	align-items:center;
	display:flex;
}
.is-sticky .stickybalk .container {
	color:var(--sticky-header-color);
	display:flex;
	justify-content: flex-start;
	align-items: center;
	gap:20px;
}
.is-sticky .stickybalk .container .title {
	font-size:24px;
	font-weight:700;
	margin-right:20px;
}
.is-sticky .stickybalk .container .title .price sup {
	vertical-align: baseline; 
    position: relative;
    top: -2px; 
}
.is-sticky .stickybalk .container .sticky-kv-cijfer {
	margin-left:auto;
    background-image: url(https://www.verklaringvanerfrecht.nl/wp-content/uploads/2025/12/klantenvertellenlogo-wit-100-f73f02.svg);
    padding-left: 125px;
    background-position: left center;
    background-repeat: no-repeat;
	background-size: 112px auto;
	margin-top:-8px;
}
.is-sticky .stickybalk .container .sticky-kv-cijfer .mintcijfer {
	text-align:center;
	height:43px;
	margin-top:2px;
}
.is-sticky .stickybalk .container .sticky-kv-cijfer .mintcijfer .price {
	font-size:32px;
	color:#ffffff;
	font-weight:700;
}
.is-sticky .stickybalk .container .sticky-kv-cijfer .mintcijfer .price sup.decimal {
	vertical-align:inherit!important;
	font-size:32px;
	font-weight: 700;
	left:0!important;
}
.is-sticky .stickybalk .container .sticky-kv-cijfer .sterretjes .material-icons {font-size:17px;}
.is-sticky .stickybalk .container .sticky-kv-cijfer .sterretjes .material-symbols-outlined {font-size:17px; font-variation-settings: 'FILL' 1; letter-spacing: -0.1em; color:var(--sticky-header-color)}

a.kv-cijfer-link {
    display: block;
    margin-left: auto;
    text-decoration: none;
}

/*a.read-more-button:hover {
	background-color:var(--paars)!important;
	color:#ffffff;
	background-image: url(/wp-content/uploads/2024/02/pijl-rechts-wit.png)!important;
	background-repeat: no-repeat!important;
	background-position: center right 18px;
}*/

.is-sticky .stickystappenbalk a.button:hover {
	background-color:#ffffff;
}
.is-sticky .stickystappenbalk .klantenvertellen {
	display:inline-block;
	float:right;
	background-image: url(/wp-content/uploads/2025/05/klantenvertellenachtergrondheader-transparant.webp);
	background-repeat: no-repeat;
	height:94px;
	width:80px;
	margin-top:-45px;
}
.is-sticky .stickystappenbalk .klantenvertellenhoger {margin-top:-85px!important;}
.is-sticky .stickystappenbalk .klantenvertellen a {
	color: #424851!important;
}
.is-sticky .stickystappenbalk .klantenvertellen .klantenvertellen_kop {
	float:right;
	margin-top:17px;
	margin-right:26px;
}
.is-sticky .stickystappenbalk .klantenvertellen .klantenvertellen_kop .price {
	font-size:30px;
	letter-spacing:-3px;
	font-weight:600;
}
.is-sticky .stickystappenbalk .klantenvertellen .klantenvertellen_kop .price .decimal {
	font-size:15px;
	/*top:-0.6em;*/
	left:-0.1em;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

/* The progress container (grey background) */
.progress-container {
  width: 100%;
  height: 8px;
  background: #ffffff;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 8px;
  background: var(--horscroll);
  width: 0%;
}

/* footer
--------------------------------------------- */
footer {
	background-color:var(--footer-background-color);
	overflow:hidden;
	padding-top:30px;
	padding-bottom:30px;
	font-family: var(--footer-font-family);
	font-size: var(--footer-font-size);
}
footer #block-9 {height:1px;}
footer small, footer small a, footer small a:hover {
	color:var(--footer-background-color);
	font-size:1px;
}
footer a, footer a:visited {
	color:var(--footer-link-color);
	text-decoration:none;
}
footer a:hover {color: var(--footer-link-hover-color);}

footer h2, footer h2 a, footer h2 a:visited {
	color:var(--footer-header-color);
	font-size: var(--footer-header-size);
	text-decoration:none;
	font-weight: 700;
}
footer i.fa-brands {
    font-family: 'FontAwesome';
    font-style: normal;
    color: var(--footer-header-color);
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
}
footer .fa-solid { margin-right:10px; }
footer .widget_nav_menu  ul { margin-left:0; padding-left:0; list-style:none; }
footer .widget_nav_menu  ul li a { text-decoration:none; }

footer.site-footer .container {padding-left:4px; padding-right:4px;}
footer.site-footer .klantenvertellen_footer {
	background-image: url(/wp-content/uploads/2024/10/klantenvertellen-bg.webp);
	background-repeat: no-repeat;
	width: 200px;
	height: 63px;
	padding: 18px 19px;
	text-align: right;
}
footer.site-footer .klantenvertellen_footer .price {
	margin-right:1px;
	letter-spacing: -3px;
	font-size:27px;
	margin-top:-3px;
	display:inline-block;
}
footer.site-footer .klantenvertellen_footer .price sup {
	top:-0.2em;
	left:-1px;
	font-size:50%;
}
footer.site-footer .mc-field-group input[type="email"] {
    background-color: #E1EBEC;
    border: none;
    padding: 8px 12px;
    border-radius: 6px;
}
footer.site-footer div#mc_embed_signup_scroll p {
    font-size: 12px;
    font-weight: 400;
}
.underfooter {
	background-color: var(--underfooter-background-color);
	color: var(--underfooter-text-color);
	font-size: var(--underfooter-font-size);
	font-family: var(--underfooter-font-family);
	height:40px;
	padding-top:10px;
}
.underfooter .container {padding-left:24px; padding-right:24px;}

.underfooter a, .underfooter a:visited {color: var(--underfooter-link-color); }
.underfooter a:hover {color: var(--underfooter-link-hover-color);}
.underfooter-left {float:left; text-align: left;}
.underfooter-left .menu-underfooter-container {float:left;}
.underfooter-left .menu-underfooter-container ul { float:left; margin-left:0; padding-left:0}
.underfooter-left .menu-underfooter-container ul li {float:left; width:auto; list-style:none; margin-left:0; margin-right:25px; }
.underfooter-left .menu-underfooter-container ul li a {color: var(--underfooter-link-color);}
.underfooter-left .menu-underfooter-container ul li a:hover {color: var(--underfooter-link-hover-color);}
.underfooter-right {float:right; text-align:right;}
.underfooter-right ul li {float: left; width:auto; list-style:none; margin-left:40px; margin-right:0;}
.underfooter-right ul li:first-child { margin-left: 0 !important; }
.underfooter-right ul li i {margin-right:10px;}

.footer-widget-area {
	box-sizing: border-box;
	color: rgb(66, 72, 81);
	display: block;
	flex-basis: 25%;
	flex-grow: 0;
	flex-shrink: 0;
	font-size: 14px;
	line-height: 26px;
	width: 25%;
	min-height: 1px;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	float:left;
}

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation li.current-menu-item a {
	color:var(--nav-active-color)!important;
}


/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

/* 404 Page */
.notfoundleft {
	float:left;
	width: 58.33333%;
	position:relative;
}
.notfoundright {
	Float:left;
	width: 41.66667%;
	position:relative;
	text-align:center;
	line-height:26px;
}
.error-404 form.search-form input.search-field {
	border: none;
	border-bottom: 1px solid rgba(51, 51, 51, 0.2);
	padding: 15px 0;
	height: auto;
	line-height: 1;
	width:100%;
	max-width:350px;
	text-align:center;

}
/*.error-404 form.search-form input.search-submit, form.search-form input.search-submim,footer input.button {
	color: var(--paars);
  background: var(--geel);
  background-image: url(/wp-content/uploads/2024/02/pijl-rechts-paars.png);
  background-repeat: no-repeat;
  background-position: center right 18px;
	border:none;
  border-radius: 25px;
  padding: 8px 50px 8px 20px;
  font-weight: 600;
	display:block;
	margin:20px auto;
} */
.zoekresultaten {min-height: 435px;}
.zoekresultaten form.search-form input.search-submit {
	margin:30px 0!important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%23642e85'%3E%3Cpath d='M647-440H160v-80h487L424-743l56-57 320 320-320 320-56-57 223-223Z'/%3E%3C/svg%3E");	background-size: 16px; /* <-- HIERMEE VERKLEIN JE DE PIJL (probeer bijv. 14px of 18px) */
    background-position: center right 14px;
	background-repeat:no-repeat;
    padding: 8px 38px 8px 20px; 
    border: none;
    border-radius: 25px;
    font-weight: 600;
    cursor: pointer;
}

.footer input.button { margin:0!important;}


/* 404 Page */

/*Custom
------------------------------*/
.alignfull {
	width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  position: relative;
  left: 50%;
  right: 50%;
}
.alignwide {
	max-width:1180px;
	width: 100vw;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	overflow-y: hidden;
	overflow-x:hidden;
}
#page
.page .titel-rij {
  height:350px;
  margin-bottom:40px;
  margin-top:0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page .titel-rij a, .page .titel-rij a:visited  {color:#ffffff;}
.page .titel-rij h1, .search .titel-rij h1 {
  font-size: 44px;
  text-align: center;
  color: #ffffff !important;
  display: inline-block;
  width: 100%;
  /*margin: 60px auto 15px !important;*/
  margin:0 auto 15px!important;
  text-shadow: 0 0.1875rem 0.375rem rgb(31 47 67 / 50%);
}
.page .titel-rij p {
  font-size: 22px;
  color: #ffffff !important;
  text-shadow: 0 0.1875rem 0.375rem rgb(31 47 67 / 50%);
}
.page .titel-rij p .price sup.decimal {
	left:0;
	font-size:inherit;
	vertical-align:baseline;
}

.page .default-titel-rij {
	background-image: url(/wp-content/uploads/2022/07/stocksy_txp986aecffrss100_medium_1745798.jpg), linear-gradient(90deg, rgba(31, 47, 67, 0.6) 25%, rgba(31, 47, 67, 0) 75%);
  height: 480px;
  background-position: center;
  background-size: cover;
  background-blend-mode: multiply;
}
.page .zoeken-titel-rij, .search .zoeken-titel-rij {
  background-image: url(/wp-content/uploads/2022/07/stocksy_txp986aecffrss100_medium_1244290.jpg), linear-gradient(90deg, rgba(31, 47, 67, 0.6) 25%, rgba(31, 47, 67, 0) 75%);
  height: 480px;
  background-position: center;
  background-size: cover;
  background-blend-mode: multiply;
}
.page .contact-titel-rij {
    background-image: url(/wp-content/uploads/2024/10/stocksy_txp986aecffrss100_medium_1745719.webp), linear-gradient(90deg, rgba(31, 47, 67, 0.6) 25%, rgba(31, 47, 67, 0) 75%);
    /*height: 350px;*/
    background-position: center 33%;
    background-size: cover;
    background-blend-mode: multiply;
}
.page .contact-titel-rij h1 {
    margin: 0 auto 15px !important;
}
.advgb-search-bar-wrapper .advgb-search-bar-inner {
  display: flex;
  flex-wrap: nowrap;
  margin: auto;
}
.advgb-search-bar-wrapper .advgb-search-bar-inner .advgb-search-bar {
	background-color:#ffffff;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  margin-right: 10px;
  padding: 6px;
  border: none;
  border-bottom: 1px solid #ccc;
}
.advgb-search-bar-wrapper .advgb-search-bar-inner .advgb-search-bar input.advgb-search-bar-input {
  border: none;
  outline: none;
  box-shadow: none;
  width: 100%;
  padding: 0 5px;
  margin: 0;
  background-color: transparent;
  color: inherit;
}
.advgb-search-bar-wrapper .advgb-search-bar-inner .advgb-search-bar .advgb-search-bar-icon {margin-top:6px;}
.fa, .far, .fas, .fa-solid {
  font-family: "Font Awesome 6 Pro";
	font-style:normal;
}
.main-navigation ul li.menu-item-26 a {
	border-radius: 25px;
  background: var(--geel);
	color: var(--paars);
  height: 40px !important;
  background-image: url(/wp-content/uploads/2024/02/pijl-rechts-paars.png);
  background-repeat: no-repeat;
  background-position: center right 18px;
  padding: 8px 50px 8px 20px !important;
	margin-top:-9px
}
.main-navigation ul li.menu-item-26 a:hover {
	background:var(--paars);
	color:#ffffff;
	background-image: url(/wp-content/uploads/2024/02/pijl-rechts-wit.png);
	background-repeat: no-repeat;
	background-position: center right 18px;
}

.page .kennisbank-overzicht {align-items:normal;}
.page .kennisbank-overzicht.container {
	padding-left:24px; padding-right:24px;
}
.page .kennisbank-titel-rij {
  background-image: url(/wp-content/uploads/2024/10/stocksy_txp986aecffrss100_medium_1745719.webp), linear-gradient(90deg, rgba(31, 47, 67, 0.6) 25%, rgba(31, 47, 67, 0) 75%);
  height: 480px;
  background-position: center;
  background-size: cover;
  background-blend-mode: multiply;
	background-repeat:no-repeat;
	margin-top: 0;
  margin-bottom: 48px;
}
.page .kennisbank-overzicht h2  {
	font-family: Inter, Arial, sans-serif;
	font-size: 20px;
	margin-top:0;
	margin-bottom:10px;
}
.page .kennisbank-overzicht ul {
	margin-left:0!important;
	list-style:none!important;
	padding-left:0!important; 
}
.page .kennisbank-overzicht ul li {
	clear:both;
}
.page .kennisbank-overzicht ul li a {
	text-decoration:none;
}
.page .kennisbank-overzicht ul li a::before {
	content: '■' !important;
  color: var(--libefore) !important;
  margin-right: 10px !important;
  font-size: .6em !important;
  margin-top: 5px !important;
  float: left !important;
  height: 25px !important;
}
.page .kennisbank-overzicht a.leesmeer {
    display: inline-flex;
    float: left;
    margin-left: 0;
	margin-bottom: 10px;
    background-color: #ffffff !important;
    color: var(--blauw) !important;
    border-radius: 25px !important;
    border: 2px solid var(--blauw);
    font-weight: 600;
	font-size:14px;
    padding: 7px 14px !important;
    box-shadow: none !important;
    text-decoration: none !important;
   /* background-image: url(/wp-content/uploads/2024/02/pijl-rechts-blauw.png) !important;
    background-repeat: no-repeat;
    background-position: center right 18px;*/
	align-items:center;
}
.page .kennisbank-overzicht a.leesmeer:hover {
   /* background-image: url(/wp-content/uploads/2024/02/pijl-rechts-paars.png) !important;
    background-repeat: no-repeat;
    background-position: center right 18px;*/
	color: var(--paars)!important;
	border-color:var(--paars);
}
.page .kennisbank-overzicht a.leesmeer::after {
	font-family: "Material Symbols Outlined";
    content: "\e5c8";
    font-weight: 400;
    color: var(--blauw);
    margin-left: 5px;
    font-size: 17px;
}
.page .kennisbank-overzicht a.leesmeer:hover::after {
	color: var(--paars);
}


.page .belmijterug-titel-rij {
	background-image: url(/wp-content/uploads/2024/10/stocksy_txp986aecffrss100_medium_1745719.webp), linear-gradient(90deg, rgba(31, 47, 67, 0.6) 25%, rgba(31, 47, 67, 0) 75%);
	height: 480px;
	background-position: center 33%;
	background-size: cover;
	background-blend-mode: multiply;
	background-repeat:no-repeat;
}
.zoekresultaten h1.page-title {
	font-size: 52px;
}
.zoekresultaten article {
	margin-bottom:30px;
	border-bottom:1px solid var(--zoekresultatenborder);
	padding-bottom:50px;
}
.zoekresultaten article h2 {font-size:30px; font-weight:700;}
.zoekresultaten article h2 a {
	text-decoration:none;
	color: var(--header-color);
	font-weight:700;
}
a.readmore {
	border-radius: 25px;
  background: var(--readmorebackground);
  color: var(--readmorecolor);
  height: 40px !important;
  background-image: url(/wp-content/uploads/2024/02/pijl-rechts-paars.png);
  background-repeat: no-repeat;
  background-position: center right 18px;
  padding: 8px 50px 8px 20px !important;
	text-decoration:none;
	display:inline-block;
  font-weight:bold;
	font-family: Inter, Arial, sans-serif;
	font-size:16px;
}
a.readmore:hover {
	background-color:var(--readmorebackgroundhover);
	color:var(--readmorecolorhover);
	background-image: url(/wp-content/uploads/2024/02/pijl-rechts-wit.png);
	background-repeat: no-repeat;
	background-position: center right 18px;
}
.home-eerste-witte-rij {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
}
.home-eerste-witte-rij .wp-block-column img {
    border-radius: 16px;
}
.home-eerste-witte-rij h2 {
    font-size: 48px;
    margin-top: 20px;
    margin-bottom: 15px;
}
.home-eerste-witte-rij .wp-block-column h3.wp-block-heading {
    font-size: 32px;
}
.home-verloop-rij {
	background-image: linear-gradient(rgb(235, 246, 247), white); 
	padding-top:112px; 
	padding-bottom:0;
}
.home-verloop-rij h2 {
	font-size:48px; 
	margin-top:0px; 
	margin-bottom:15px; 
	line-height:1;
}

.beoordelingen-rechts a {text-decoration:none;}
.beoordelingen-rechts .klantenvertellencontainer {
	background-image: url(/wp-content/uploads/2026/04/klantenvertellen-trans-zwart.png);
    background-repeat: no-repeat; 
	background-size: auto 77px;
	padding-left:125px;
	margin-left:45px;
	background-position:15px center;
	height:77px;
	text-align:center;
}
.beoordelingen-rechts .klantenvertellencontainer .mintcijfer .price, .beoordelingen-rechts .klantenvertellencontainer .mintcijfer .price  sup.decimal {
	font-size:40px; 
	font-weight:700; 
	color:var(--donkerpaars);
}
.beoordelingen-rechts .klantenvertellencontainer .mintcijfer .price sup.decimal { 
	vertical-align:inherit!important; 
	left:0!important;
}
.beoordelingen-rechts .klantenvertellencontainer .sterretjes {
	color:var(--paars);
	font-family:'Material Symbols Outlined';
	font-style:normal;
	font-weight:400;
	text-align:center;
	margin-top:-10px;
	letter-spacing:-0.1em;
}
.beoordelingen-rechts .klantenvertellencontainer .sterretjes .material-symbols-outlined {
    font-size: 19px;
    font-variation-settings: 'FILL' 1;
}
.home-verloop-rij .review-slider-blok {padding:0!important;}
.home-verloop-rij .review-slider-blok .kv-slide {min-width:33%;}

.home-verloop-rij .drie-stappen-block {
    background-color: var(--mint);
    border-radius: 15px;
    padding: 64px !important;
    margin-top: 112px;
}
.home-verloop-rij .drie-stappen-block h2.wp-block-heading {
    width: 65%;
    line-height: normal;
    font-size: 48px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 20px;
}
.home-verloop-rij .drie-stappen-block .material-symbols-outlined {
    color: var(--blauw);
    font-size: 64px;
}
 .home-verloop-rij .drie-stappen-block .stap {
    color: var(--donkerpaars);
    font-weight: 600;
    margin-bottom: 0;
    font-size: 20px;
}
.home-verloop-rij .drie-stappen-block h3 {
    font-size: 30px;
    margin-top: 5px !important;
    margin-bottom: 20px;
    line-height: 1.3;
}

.nogvragen {
    padding-top: 112px;
    margin-bottom: 15px;
}
.nogvragen h2 {
    margin-top: 15px;
}
.nogvragen .advgb-accordion-wrapper {
    padding-left: 25px;
}
.homefaq .advgb-accordion-header {
    background-color: var(--mint) !important;
    border: none !important;
    color: var(--paars) !important;
    border-radius: 16px !important;
    padding: 14px 20px !important;
    height: 67px;
}
.homefaq .advgb-accordion-header-icon {
    display: none;
}
.homefaq .advgb-accordion-header-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px !important;
}
.homefaq .advgb-accordion-header-title::after {
    content: '\e5db';
    font-family: "Material Symbols Outlined";
    font-size: 24px !important;
    font-weight: 300;
}
.homefaq .ui-state-active .advgb-accordion-header-title::after {
    content: '\e5cd' !important;
    font-family: "Material Symbols Outlined";
}
.homefaq .advgb-accordion-body {
    background-color: var(--mint) !important;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    margin-top: -15px;
    padding: 0 20px !important;
}
.home-bottom-rij {
    background: linear-gradient(to bottom, transparent calc(100% - 55px), var(--lichtmint) 55px);
    margin-bottom: -30px;
}


input.wpcf7-not-valid {border:1px solid var(--required)!important;}

#rank-math-faq {
    background-color: var(--lichtmint);
    padding: 20px 20px 5px;
    margin-bottom: 30px;
}
ul.advgb-toc {
	list-style:none!important;
}
ul.advgb-toc.o-sticky {
	margin-right:-24px!important;
	padding-top:0px!important;
	z-index:999;
}
ul.advgb-toc li {
	text-align:left!important;
	word-wrap: break-word;
	word-break: auto-phrase;
}
ul.advgb-toc li a {
	color: var(--paars);
	font-weight: 700;
}
ul.advgb-toc li a:hover, ul.advgb-toc li a.mPS2id-clicked {
	color:var(--blauw)!important;
}
ul.advgb-toc li a::before {
	content: '\f0da'!important;
	font-family: FontAwesome;
	margin-left:-18px;
	margin-right:8px;
}
.wp-block-column.o-is-sticky {
	margin-top:200px;
}

.wpcf7-form input[type=date], .wpcf7-form input[type=email], .wpcf7-form input[type=number], .wpcf7-form input[type=password], .wpcf7-form input[type=tel], .wpcf7-form input[type=text], .wpcf7-form input[type=url], .wpcf7-form select, .wpcf7-form textarea {
    margin-top: 10px;
}
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
	width:100%;
}
form .smallLeft, form .smallRight { display: inline-block!important; width: 35%!important; }
form .largeRight, form .largeLeft { display: inline-block!important; width: 61%!important; }
form .largeLeft, form .smallLeft { margin-right: 3.65%!important; }

.wp-block-image {
	font-size:0;
	max-width:100%;
	margin-bottom:15px;
}
.wp-block-image figcaption.wp-element-caption {
	font-size:12px;
	color: var(--imgcaption);
	text-align:center;
}
.belterug .wpcf7-list-item {display:block!important; margin:5px 0 0!important}
.belterug .wpcf7-list-item .wpcf7-list-item-label { font-weight:normal!important; font-size:16px!important;}
.belterug .wpcf7-list-item input[type="radio"] {
	 appearance: none;
	 margin: 0 5px 0 0;
	 width: 13px;
	 height: 13px;
	 background: none;
	 box-shadow: inset 0 0 0 0.4em white, 0 0 0 0.1em;
	 border-radius: 50%;
	 transition: 0.2s;
	 cursor: pointer;
	 color: #424851;
}
.belterug .wpcf7-list-item input[type="radio"]:checked {
	 box-shadow: inset 0 0 0 0 white, 0 0 0 0.1em var(--blauw) !important;
	 background: var(--blauw) !important;
 }

.voorbeeld {
	padding:25px;
	background-color:var(--lichtmint);
}

.archive main .container {padding-left:24px!important; padding-right:24px!important;}
.archive article {margin-bottom:50px; padding:25px; background-color:var(--lichtmint);}
.archive .entry-header h2.entry-title { margin-bottom:0!important; font-size:25px; margin-top:0!important; }
.archive .entry-header h2.entry-title a {color:var(--paars)!important; font-weight:700 }
.archive .entry-content {margin-top:0!important;}

.price sup {
	position: relative;
	vertical-align: text-top;
	font-size: 74%;
	left: -0.2em;
}

.wp-block-search__inside-wrapper {background-color:#ffffff; width:500px; margin:0 auto; padding:4px;}
.wp-block-search__inside-wrapper input[type="search"] {border:none!important; }
.wp-block-search__inside-wrapper input[type="search"]:focus {outline:none; box-shadow:none; border-color:transparent;}
.wp-block-search__inside-wrapper button {background-color:#ffffff; font-size:0; border:none; padding:5px;} 
.wp-block-search__inside-wrapper button:before {
    font-family: 'Material Symbols Outlined';
    content: 'search';
    font-weight: 500;
    font-size: 20px;
    color: var(--primair-text-color);
}

.leesmeerblok {float:left; margin-bottom:40px;}
.leesmeerblok p {font-size:1.15em; font-weight:600; color:var(--paars); margin-bottom:0}

.pre-head {
    color: var(--blauw);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: -10px;
    letter-spacing: 0.15em;
}
.pre-head::before {
	content: url(/wp-content/uploads/2026/04/logo-pijl-blauw-20.png);
	display:inline-block;
	margin-right:10px;
	height:24px;
	width:auto;

}
.cta-block {
    background-color: var(--lichtmint);
    padding: 25px;
}
.stickyTOC {
  position: fixed;
  top: 200px;
  width: 100%;
}
/*einde custom */

/* site specifiek */
.mintbalk {
	background-color:var(--mint);
	color: var(--donkerpaars);
	height:122px;
    padding: 22px 0;
    font-weight: bold;
}
.mintbalk .mintgroep {
    padding: 0 24px !important;
}
.mintbalk .wp-block-group-is-layout-constrained {
    max-width: 1224px;
    margin: 0 auto;
}
.mintbalk .wp-block-column p {
    display: flex;
    gap: 8px;
    align-items: center;
}
.mintbalk .wp-block-column p:last-child {
    margin-top: 0;
    margin-bottom: 0;
}
.mintbalk .wp-block-columns .wp-block-column p::before {
	font-family: "Material Symbols Outlined";
    content: "\e86c";
    font-size: 28px;
    font-weight: 300;
    color: var(--donkerpaars);
}
.mintbalk .mintcontainerlinks {
    float: left;
    width: 77%;
    padding: 20px 0;
    font-size: 20px;
    display: flex;
    gap: 30px;
}
.mintbalk .mintcontainerlinks .wp-block-column {
    flex-basis: auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
}

.mintbalk .mintcontainerrechts {
    float: right;
    background-color: #B6E0E6;
    border-radius: 10px;
    height: 82px;
    width: 235px;
    padding-right: 15px;
}
.mintbalk .mintcontainerrechts .klantenvertellencontainer {
    background-image: url(/wp-content/uploads/2026/04/klantenvertellen-trans-zwart.png);
    background-repeat: no-repeat;
    background-size: 112px auto;
    background-position: 15px center;
}
.mintbalk .mintcontainerrechts a {
    text-decoration: none !important;
    color: var(--donkerpaars);
}
.mintbalk .mintcontainerrechts .mintcijfer {
    text-align: center;
    height: 43px;
    margin-top: 5px;
    margin-left: 140px;
}
.mintbalk .mintcontainerrechts .mintcijfer .price {
    color: var(--donkerpaars);
    font-size: 32px;
    font-weight: 700;
}
.mintbalk .mintcontainerrechts .mintcijfer .price sup.decimal {
    vertical-align: inherit !important;
    font-size: 32px;
    font-weight: 700;
    left: 0;
}
.mintbalk .mintcontainerrechts .sterretjes {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    text-align: center;
    margin-top: -1px;
    margin-left: 140px;
}

.mintbalk .mintcontainerrechts .sterretjes .material-symbols-outlined {
    font-size: 17px !important;
    font-variation-settings: 'FILL' 1;
    letter-spacing: -0.1em;
}
.klvrtl {
    position: absolute;
    width: 250px;
    height: 200px;
    z-index: 10;
    display: inline-block;
    margin-left: -123px;
}
.klvrtl .boven {
    background-color: #ffffff !important;
    height: 70px;
}
.klvrtl .boven .cijfer {
    float: left;
    font-size: 50px;
    line-height: 50px;
    font-weight: bold;
    color: #397E47;
    padding: 10px 15px;
}
.klvrtl .boven .cijfer a {
    color: #397e47 !important;
    font-weight: 700;
}
.klvrtl .boven .cijfer sup.decimal {
    top: 0 !important;
    font-size: 50px !important;
    vertical-align: baseline;
    left: 0;
}
.klvrtl .boven .sterren {
    font-size: 16px;
    float: left;
    color: #397E47;
    padding: 13px 10px 0;
    line-height: 22px;
}
.klvrtl .onder {
    height: 125px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    background-color: #f3f3f3 !important;
    display: block;
    text-align: center;
    padding: 10px;
}
.klvrtl .onder img {
    height: 100px !important;
    width: auto;
}

.formulier {
    background-color: #f4f5f6;
    border-radius: .375rem;
    padding: 40px;
    clear: both;
    float: left;
    display: block;
    font-size: 18px !important;
    margin-bottom: 40px;
}
.formRow label {
    font-weight: 700;
    font-size: 18px !important;
}
.formRow .formitem {
    float: left;
    width: 47.5%;
    margin-right: 5%;
    margin-bottom: 40px;
}
.formRow .formitem:last-child {margin-right:0}
.formitem label span.required {
    font-style: italic;
    font-weight: 400;
    color: var(--required) !important;
    display: inline-block;
    font-size: 13.008px;
    padding-left: .125em;
		margin-left: 5px;
}
article .klantenvertellen_wrapper {
  width: 200px;
  float: right;
}
article a.klantenvertellen_link {
  color: var(--primair-text-color) !important;
  text-decoration: none;
}

.entry-content .klantenvertellen {
	background-image: url(/wp-content/uploads/2024/10/klantenvertellen-bg.webp);
  background-repeat: no-repeat;
  width: 200px;
  height: 63px;
  padding: 11px 19px;
  text-align: right;
}
.entry-content .klantenvertellen .price  {letter-spacing:-3px; font-size:27px; text-align:right; font-weight:600;}
.entry-content .klantenvertellen .price sup.decimal {font-size:50%!important; }

.kk-reviews:not(.kk-layout-list) .kk-single-review {
  margin-top: 10px;
}

.kk-reviews .kk-single-review {
	position:relative;
	background-color: #f4f5f6;
  border-radius: 5px;
  padding: 25px;
  text-align: left !important;
  margin-bottom: 30px;
}
.kk-reviews:not(.kk-layout-list) .kk-single-review .kk-single-review-rating {
    position: relative;
    float: right;
    top: 0;
    right: 0;
    transform: none;
}
.kk-reviews .kk-average-score, .kk-reviews .kk-rating {display:none;}
.kk-reviews .kk-single-review .kk-single-review-rating {
    border-radius: 50%;
    background: var(--paars);
    color: #ffffff;
    font-size: 1.2em;
    height: 40px;
    width: 40px;
    line-height: 40px;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
}
.kk-reviews .kk-single-review .kk-single-review-comment {
	float:left;
    margin-top: 30px !important;
		border-top: 1px solid #cccccc;
    padding: 0 1em !important;
}
.kk-reviews .kk-single-review .kk-single-review-comment h4 {
    font-size: 18px;
}
.kk-reviews .kk-single-review .kk-single-review-text {
	float:left;
}
.kk-reviews .kk-single-review .kk-single-review-text h3 {
	margin-top:0;
}

#mc4wp-form-1 .mc4wp-form-fields p.site {display:none;}

.wp-block-image .alignleft {margin-right:20px;}

.erfbelasting-blok {background-color:var(--lichtmint); padding: 25px;}

.verzekeraars table th:first-child {width:18%;}

.mc4wp-checkbox-contact-form-7 label span {font-size:16px;}

/* einde site specifiek */



@media screen and (max-width:1180px) and (min-width:769px) {
	
	.hometopafbeelding .img-overlay-middle .links {
		width:56%!important;
	}
	.hometopafbeelding .img-overlay-middle .rechts {
		padding: 20px 125px 130px!important;
	}
	.hometopafbeelding .img-overlay-middle .rechts h1 {
		font-size:40px!important;
	}

}


@media screen and (max-width:768px) and (min-width:481px) {
	.hometopafbeelding .img-overlay-top {
		margin-left: -184px!important;
	}
	.hometopafbeelding .img-overlay-middle .rechts h1 {
		font-size:34px!important;
	}
	.hometopafbeelding .img-overlay-middle .rechts {
    padding: 80px 0 0 60px!important;
		margin-right:29px!important
	}
	.hometopafbeelding .rechts div.knop {
		margin-left:0!important;
	}
	.hometopafbeelding .img-overlay-bottom {
		margin-right:-70px!important;
	}
	.paarserijmetfoto {background-position:right -65px; background-size:100%;}
	.paarserijmetfoto h1 {text-shadow: -1px 0px 4px rgba(0,0,0,0.6);}
	.paarserijmetfoto .kolomrechts:before {display:none;}
	.klvrtl {position:relative; float:right; margin-left:0 }
	.home-rij-hoe-werkt-het {padding:50px 25px 0;}

}
@media screen and (min-width:441px) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.single main .container article, .single main .container .return {padding-left: 24px; padding-right:24px;}
.single main .container .return {margin-top:25px; margin-bottom:20px;}
.single main .container .return a {text-decoration:none; color:var(--blauw)}
.single main .container .return a:before {
    content: '\f053';
    margin-right: 10px;
    font-family: FontAwesome;
}
main .titel-rij {margin-top:-48px;}

.single header.site-header {
	border-bottom: 1px solid rgba(31, 47, 67, .25);
}
/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	/*clip: rect(1px, 1px, 1px, 1px);*/
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	float: right;
	margin-left: 48px!important;
	margin-bottom: 1.5em!important;
	position:relative;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

@media screen and (max-width:440px) {
	header {background-color:#ffffff!important; }
	header.site-header {height:98px!important; }
  	header.site-header .container { 
		min-height:auto!important; 
		height:98px!important; 
		padding:0 0 0 24px!important; 
		max-width:100%!important;
		height:auto; 
	}

	header .header-left { width:75%; padding-top:0; }
	header .header-left img.custom-logo { height:44px; width:auto; }
	header .header-left .slogan {
		font-size:12px; 
		margin-left:30px;
	}

	header.is-sticky {background-color:#ffffff!important; }
	header.is-sticky .header-left img.custom-logo {margin-left:0}
	header.is-sticky .slogan {margin-left:25px!important; margin-top:-10px; line-height:14px;}
	.is-sticky .stickystappenbalk .container h1 {font-size:15px!important; font-weight:normal!important; }
	.is-sticky .stickystappenbalk .container h1 span.price {font-weight:bold!important;}
	.alignwide {padding:0 24px!important; max-width:100%!important;}
	header.site-header.is-sticky {height:175px!important; background-color: #ffffff!important; z-index:9!important;}
	header.site-header.is-sticky .container {height:80px!important;}
	header.site-header.is-sticky .container .header-left .slogan {margin-top:-7px; margin-left:29px!important;}
	header.is-sticky .site-branding {padding-top:5px; margin-left:-10px;}
	header.is-sticky .container {
		padding: 0 0 0 4%!important;
		min-height:300px;
	}
	header.site-header.is-sticky .stickybalk {/*display:block; height:95px;*/display:none;}

	header.is-sticky button {font-size:16px!important; padding: 7px 16px 7px 10px;}
	header.is-sticky .stickytitle { display:none!important; }
	.single header.site-header, .site-header.is_sticky { height:75px!important; }
	.single header .stickytitle {margin-top:-6px!important;}
	
	.header-right { 
		width:25%; 
		text-align:right;
		position: relative;
	    z-index: 99999 !important;
	}
	.header-right nav {margin-top:0!important; position:relative; z-index:9999!important;  background-color:#ffffff;}
	.header-right nav.toggled {
		box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	}
	.header-right nav .menu-hoofdmenu-container {
		padding:0; 
		position:fixed; 
		/*top:80px;*/
		top:140px; 
		right:0; 
		width:100%; 
		background-color:#ffffff;
	}

	.header-right nav .menu-hoofdmenu-container {padding:10px 0;}
	.header-right nav .menu-hoofdmenu-container ul li a {line-height:2.5;}
	.header-right nav .menu-hoofdmenu-container ul li.menu-item-26 a {
		border-radius:0;
		background:none;
		color:inherit;
		height:auto!important;
		padding:0!important;
		margin:0!important;
	}
	.header-right button.menu-toggle {
		border:none; 
		background:#ffffff!important; 
		float:right; 
		display: block;
		position: relative;
		z-index: 100000 !important;
		cursor: pointer !important;
		/* Belangrijk voor iPhone: */
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		pointer-events: auto !important;
	}
	.header-right button.menu-toggle::after {content:'\e5d2'; font-family: 'Material Symbols Outlined'; font-size:40px; pointer-events: none; /* Klik valt door het icoon heen op de button */}

	.mob-menu-header-holder.mobmenu {
		background-color: #ffffff !important;
	}
	.mob-menu-logo-holder {text-align:left!important; margin-left:-75px!important;}
    .mobmenu-panel.show-panel {
		width:100%!important;
		margin-top:18px;
		transform: translateY(0) !important; /* Slide naar beneden */
		background:none!important;
	}
	.mobmenu-right-bt {background-color:#ffffff!important;}
	.cancel-button {color:var(--paars)!important;}
	.mobmenu-panel {
		transform: translateY(-100%) !important;
    	transition: transform 0.3s ease !important;
		right:0!important;
	}
	.mobmenu-panel.show-panel {height:auto!important; transform: translateY(0) !important;}
	.mobmenu-panel.show-panel .mobmenu-content .menu-hoofdmenu-container {
		background-color:#ffffff!important;
	}

	.mobmenu-panel.show-panel ul li a {
		color:var(--paars)!important;
		font-family: 'Inter', sans-serif!important;
		padding:10px 20px 10px 0;
	}
	ul.wp-mobile-menu li.menu-search-icon a {
		color: var(--blauw) !important;
		font-size: 1.5em !important;
	}

	header.page-header {overflow:hidden; float:left; display:block;}
	h1.page-title { margin-top:20px!important; }
	.page .titel-rij p {font-size:18px!important;}
	.home main.site-main {margin-top:90px !important;}
	.page main.site-main {margin-top:148px;}
	main .img-overlay-middle {height: 405px!important;}
	main .img-overlay-middle .links {
		width:100%!important;
		height:150px!important;
		-webkit-transform: none!important;
		position:relative!important;
	}
	main .img-overlay-middle .links img {height:150px!important; -webkit-transform:none!important;}
	main .img-overlay-middle .rechts {
		width:100%!important;
		height:255px!important;
		float:left!important;
		-webkit-transform: none!important;
		padding: 30px 20px!Important;
	}
	main .img-overlay-middle .rechts h1 {
		font-size: 30px!important;
		margin-top:0!important;
		-webkit-transform: none!important;
	}
	main .img-overlay-middle .rechts .knop {margin-left:0!important;}
	main .img-overlay-middle .rechts a.wp-element-button  {
		-webkit-transform:none!important;
	}
	main .container {padding-left:4%!important; padding-right:4%!important;}
	main .entry-content {
		margin:0;
	}
	.wp-block-image figure.alignright {float:none!important; margin:0 auto!important;}
/*	.home-rij-notarislichtmint .wp-block-columns .wp-block-column  { padding-left:0!important;}
	.ervaren-erfrechtspecialisten {height:auto!important; min-height:350px!important; background:none!important; margin-top:0!important}
	.ervaren-erfrechtspecialisten .mobafb {
		height:100px;
		background-image: url(/wp-content/uploads/2024/10/stocksy_txp986aecffrss100_medium_1244290-440.webp);
    	background-position: 0;
    	background-size: 100%;
    	background-repeat: no-repeat;
	}*/
	h1.entry-title {
		padding:0;
		font-size:40px;
		margin-top:30px!important;
	}
	.pre-head {
        font-size: 12px !important;
    }
	.ervaren-erfrechtspecialisten .wp-block-column:last-child { padding-left: 0; }
	.home-rij-wat-doet {margin-bottom:0!important;}
	.home-rij-wat-doet ol, .soms ol { margin-left:0!important; }

	.home-verloop-rij h2 {font-size:36px!important; }
	.home-verloop-rij .drie-stappen-block {
		margin-top: 64px;
        padding: 32px 20px !important;
		width: calc(100% - 48px);
    }
	.home-verloop-rij .drie-stappen-block h2 {width:90%;}
	.home-verloop-rij .drie-stappen-block .material-symbols-outlined {
        font-size: 48px;
    }
	.home-verloop-rij .drie-stappen-block .stap {
		font-size: 16px;
        margin-top: 0;
        font-weight: 500;
    }
	.home-verloop-rij .drie-stappen-block h3 {
		font-size: 24px;
		line-height: 1.3;
        margin-bottom: 12px;
        width: 75%;
	}
	.homefaq .advgb-accordion-header {
		height: auto;
        min-height: 67px !important;
    }

	.page .titel-rij {height:200px!important; margin-top:0!important;}
	.page .titel-rij.kennisbank-titel-rij {
		height:425px!important;
	}
	.page .wp-block-advgb-search-bar {
		width: 90%!important;
		margin:0 auto!important
	}
	.page .wp-block-advgb-search-bar .advgb-search-bar-inner {max-width:100%!important}
	.page .wp-block-advgb-search-bar .advgb-search-bar-inner .advgb-search-bar {margin-right:0!important;}
	.page .titel-rij h1 {
		font-size:40px!important;
		margin-top: 0px!important;
	}
	.single article, .single .return {
		padding-left:0!important;
		padding-right:0!important;
	}

	.formulier {padding:0 20px!important; width:100%;}
	.formulier .cf7-cf-turnstile {max-width:100%;}

	.site-footer {padding:24px;}
	.site-footer #footer-widget-1, .site-footer #footer-widget-2, .site-footer #footer-widget-3, .site-footer #footer-widget-4 {
		width:100%;
		padding:0!important;
	}
	.klantenvertellen_footer {padding:18px 19px!important;}
	.underfooter {height: auto!important; padding-bottom:10px;}
	.underfooter-left {width:100%; text-align:center;}
	.underfooter-left .menu-underfooter-container { width:100%;}
  	.underfooter-left .menu-underfooter-container ul {width: 100%;}
	.underfooter-left .menu-underfooter-container ul li {width:100%; text-align:center; margin-right:0; line-height:30px;}
	.underfooter-right {padding-inline-start:0; width:100%;}
	.underfooter-right ul li, .underfooter-right ul li:first-child {
		margin-inline-start:-20px!important;
		margin-left:0;
		width:100%;
		display:block;
		text-align:center;
	 }

 	.post-template main article ul {margin-left:0!important; padding-inline-start: 30px!important;}

	.wp-block-column .advgb-toc.o-sticky {display:none!important;}

	.paarserijmetfoto {
		height:710px!important;
		background-image: url(/wp-content/uploads/2024/10/stocksy_txp986aecffrss100_medium_1745719.webp) !important;
		background-repeat: no-repeat;
		background-size:100%; 
		background-position: center bottom; 
	}
	.paarserijmetfoto::before {display:none;}
	.paarserijmetfoto .paarserij-groep-binnen h1.wp-block-heading {font-size:36px!important; width:100%!important; max-width:100%!important; margin-top:0!important;}
	.paarserijmetfoto .paarserij-groep-binnen .kolomlinks {padding-top:64px!important; padding-bottom:64px!important}
	.paarserijmetfoto .paarserij-groep-binnen .kolomlinks p.pretitle { font-size:18px; margin:0 0 25px!important; }
	.paarserijmetfoto .paarserij-groep-binnen .home-rij1-knoppen {display:inline-block; padding-top:0;}
	.paarserijmetfoto .paarserij-groep-binnen .home-rij1-knoppen .gele-knop a.wp-element-button { margin-bottom:16px;}
	.paarserijmetfoto .paarserij-groep-binnen .home-rij1-knoppen .witte-knop a.wp-element-button {margin-bottom:0;} 
	.paarserijmetfoto .klvrtl { width:175px!important; height:auto!important; overflow:hidden!important; position:relative!important; margin-top:0!important; margin-right:-20px; float:right; z-index:1!important; }
	.paarserijmetfoto .klvrtl .boven .cijfer, .paarserijmetfoto .klvrtl .boven .cijfer .price .decimal {font-size:30px!important}
	.paarserij-groep-binnen .wp-block-button {display:block; width:auto;}
	.paarserij-groep-binnen .wp-block-button:first-child {margin-top:16px;}
	.paarserij-groep-binnen a.wp-element-button {width:auto; }
	.paarserij-groep-binnen .kolomrechts {display:none;}
	.paarserijmetfoto .klvrtl .boven .sterren {float:left; position:relative; font-size:10px!important;}
	.paarserijmetfoto .klvrtl .boven .cijfer {float:left; position:relative; padding:10px 14px!important;}
	.paarserijmetfoto .klvrtl .onder { height:80px!important; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
	.paarserijmetfoto .klvrtl .onder img {height: auto!important; width: 75%!important;}

	.mintbalk {
		font-size:14px!important; 
		height:auto!important;
		padding-top:32px;
		padding-bottom:36px;
	}
	.mintbalk .mintgroep {padding:0!important}
	.mintbalk .mintcontainerlinks {
		display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
		padding:0 0 16px 0;
		width:100%;
		font-size:14px;
	}
	.mintbalk .mintcontainerlinks .wp-block-column p {
		display: grid;
        align-items: center;
        grid-template-columns: auto 1fr;
        gap: 4px;
	}
	.mintbalk .mintcontainerrechts {
		float:none;
		padding:0;
		background-size:40%;
		max-width:70%;
		margin: 0 auto;
		background-position:30px center;
	}
	.mintbalk .mintcontainerrechts .mintcijfer, .mintbalk .mintcontainerrechts .sterretjes { margin-left:130px!important; }

	.kv-slider {width:100%; padding:0; margin-left:0;}
	.kv-slide {min-width:100%!important; padding:0 24px!important}
	.kv-controls {padding:0 24px;}

	.nogvragen .advgb-accordion-wrapper {padding-left:0;}

	.wp-block-search__inside-wrapper  { 
		width:90%;
	}
}
