/*!
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 : 								#501b65;
	--header-background-color:			#ffffff;
	--nav-color: 										#424851;
	--nav-hover-color: 							#501b65;
	--nav-active-color:							#006ab4;
	--primair-text-color: 					#333333;
	--primair-text-font: 						'Inter', sans-serif;
	--primair-text-size: 						16px;
	--primair-link-color:						#006ab4;
	--primair-link-hover-color:			#501b65;
  --menu-font-size: 							14px;
	--menu-font-family: 						'Inter', Arial, sans-serif;
	--menu-font-weight: 						600;
	--footer-background-color:			#ebf6f7;
	--footer-font-size: 						14px;
	--footer-font-family: 					'Inter', Arial, sans-serif;
	--footer-link-color: 						#333333;
	--footer-link-hover-color: 			#006ab4;
	--footer-header-color:					#501b65;
	--footer-header-size:						16px;
	--underfooter-background-color:	#ffffff;
	--underfooter-font-size: 				13px;
	--underfooter-font-family: 			'Inter', Arial, sans-serif;
	--underfooter-text-color:				#501b65;
	--underfooter-link-color: 			#006ab4;
	--underfooter-link-hover-color: #501b65;
	--geel:													#fab600;
	--buttonbgcolor:								#fab600;
	--paars: 												#501b65;
	--buttonbgcolorhover:						#501b65;
	--buttontextcolor:							#501b65;
	--buttontextcolorhover:					#ffffff;
	--mint: 												#a4d8e0;
	--blauw: 												#006ab4;
	--blauwopmint:									#004d81;
	--lichtmint:										#ebf6f7;
	--lichtgrijs:										#f6f6f6;
	--grijs:												#d6d6d6;
	--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;
	--pricecolor:										#333333;
}

html {
	box-sizing: border-box;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
main {
	display: block;
	margin-top:110px;
}
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;*/
	margin:30px 0 10px;!important;
}
h2 {
	font-size: 30px;
}

p {
	margin-bottom: 15px;
}

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%;
}

/* Links
--------------------------------------------- */
a, a:visited {
	color: var(--primair-link-color);
/*	text-decoration:none; */
	font-weight:500;
}

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"],
input[type="submit"] {
	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;
}

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%;
}
/* 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-left { display:inline-block; float:left; width:30%; padding-top:22px; }
.header-left .slogan {
	font-size: 14px;
	display: block;
	font-weight: 600;
	margin-left: 50px;
	margin-top:-10px;
	letter-spacing: 0.01px;
}
.is-sticky .slogan { margin-left:36px!important; }
.is-sticky .header-left {padding-top:8px!important;}
.header-left .slogan a {color:var(--paars);}
.header-right { display:inline-block; float:left; width:70%; text-align:right; }
.header-right nav { margin-top: 40px; }
.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; }
.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
}
.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 {
  max-width: 70%;
	margin-top:15px;
}
.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 .stickystappenbalk {display:none;}
.is-sticky .stickystappenbalk {
	display:block;
	background-color:var(--sticky-header-bgcolor);
	height:130px;
}
.is-sticky .stickystappenbalk .container, .is-sticky .stickystappenbalk .container h1 {
	color:var(--sticky-header-color);
}
.is-sticky .stickystappenbalk .container {
	overflow:visible;
	height:auto!important;
}
.is-sticky .stickystappenbalk .container h1 {
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:5px;
	}
.is-sticky .stickystappenbalk .stappenbalkkolom {
	float:left;
	font-size:17px;
	margin-right:40px;
	margin-top:15px;
}
.is-sticky .stickystappenbalk .stappenbalkkolom:last-child {
	float:right;
	text-align:right;
	margin-right:0;
}
.is-sticky .stickystappenbalk .stappenbalkkolom.kolomcentreer {
	width:100%;
	display:block;
	text-align:center;
}
.is-sticky .stickystappenbalk a.button {
	color: var(--paars);
  background: var(--geel);
  background-image: url(/wp-content/uploads/2023/10/pijl-rechts-paars.png);
  background-repeat: no-repeat;
  background-position: center right 18px;
  border-radius: 25px!important;
  padding: 7px 55px 7px 18px;
	font-family: 'Inter', Arial, sans-serif;
  font-weight: 600;
	-webkit-transform: skew(-15deg);
	text-decoration:none;
}
.is-sticky .stickystappenbalk a.button:hover {
	background-color:#ffffff;
}
.is-sticky .stickystappenbalk .klantenvertellen {
	display:inline-block;
	float:right;
	background-image: url(/wp-content/uploads/2024/02/klantenvertellenachtergrondheader-transparant.png);
	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:16px;
	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;
}

@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: 'Font Awesome 6 Brands';
  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 a i.fas {
  background-color: #fff;
  font-family: 'Font Awesome 6 Pro' !important;
  font-style: normal;
  font-size: 18px;
  color: var(--footer-header-color);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  margin-right: 5px;
}
footer a i.fas:hover, footer a i.fa-brands:hover  {color: var(--footer-link-hover-color);}
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/11/klantenvertellen-bg.webp);
  background-repeat: no-repeat;
  width: 200px;
  height: 63px;
  padding: 13px 19px;
  text-align: right;
}
footer.site-footer .klantenvertellen_footer .price {
	margin-right:1px;
	letter-spacing: -3px;
	font-size:27px;
	font-weight:500;
}
footer.site-footer .klantenvertellen_footer .price sup {
	top:-10px;
	left:-1px;
	font-size:50%;
}
.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); text-decoration: none;}
.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:40px; }
/*.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: 33.3%;
	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 {
	color: var(--paars);
  background: var(--geel);
  background-image: url(/wp-content/uploads/2023/10/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!important;
}
.search-form input.search-submit:focus {
	margin:20px 0;
	float:left;
	color: var(--paars);
  background: var(--geel);
  background-image: url(/wp-content/uploads/2023/10/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 0 0 0!important;
}

.error-404 form.search-form input.search-submit:hover, .search-form input.search-submit:hover {
	color:#ffffff;
	background-color: var(--paars);
	background-image: url(/wp-content/uploads/2023/11/pijl-rechts-wit.png);
	background-repeat: no-repeat;
	background-position: center right 18px;
}

/* 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;
}
#page
.page .titel-rij {
  height: 480px;
  margin-top: -0;
  margin-bottom: 50px;
}
.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;
  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 .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: 480px;
    background-position: center;
    background-size: cover;
    background-blend-mode: multiply;
}
.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/2023/10/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/2023/11/pijl-rechts-wit.png);
	background-repeat: no-repeat;
	background-position: center right 18px;
}
.page header.site-header { border-bottom: 1px solid rgba(31, 47, 67, .25);}
.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;
}
.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 .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;
  background-size: cover;
  background-blend-mode: multiply;
	background-repeat:no-repeat;
	margin-top: 0;
  margin-bottom: 48px;
}
.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/2023/10/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/2023/11/pijl-rechts-wit.png);
	background-repeat: no-repeat;
	background-position: center right 18px;
}
a.wp-block-button__link, input.wpcf7-submit, .mc4wp-form-fields input[type="submit"], .verkoopblokken a.wp-block-advgb-button_link, a.aandeslagButton, button.button {
  color: var(--buttontextcolor)!important;
  background: var(--buttonbgcolor)!important;
  background-image: url(/wp-content/uploads/2023/10/pijl-rechts-paars.png)!important;
  background-repeat: no-repeat!important;
  background-position: center right 18px!important;
  border-radius: 25px!important;
  padding: 8px 50px 8px 20px;
	font-family: 'Inter', Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
	border:0;
	text-decoration:none;
}
a.aandeslagButton {display:inline-block;}
input.wpcf7-not-valid {border:1px solid var(--required)!important;}

.wp-block-button__link:hover, input.wpcf7-submit:hover, .mc4wp-form-fields input[type="submit"]:hover, .verkoopblokken a.wp-block-advgb-button_link:hover, a.aandeslagButton:hover, button.button:hover {
	background-color:var(--buttonbgcolorhover)!important;
	color:var(--buttontextcolorhover)!important;
	background-image: url(/wp-content/uploads/2023/11/pijl-rechts-wit.png)!important;
	background-repeat: no-repeat;
	background-position: center right 18px;
}
#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:100px!important;
}
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;
}
.wpcf7-list-item {display:block!important; margin:5px 0 0 2px!important}
.wpcf7-list-item .wpcf7-list-item-label { font-weight:normal!important; font-size:16px!important;}
.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;
}
.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;
}
.wpcf7-list-item input[type="checkbox"] {
	transform: scale(1.1);
	box-shadow: inset 0 0 0 0.4em white, 0 0 0 0.1em;
}
.wpcf7-list-item input[type="checkbox"]:checked {
	box-shadow: inset 0 0 0 0.1em var(--blauw), 0 0 0 0.1em var(--blauw) !important;
	accent-color: var(--blauw)!important;
}
input[type="text"], input[type="email"] {
	height:40px!important;
 	padding:0 10px!important;
}
.offerteformulier form {width:50%;}
.archive main .container {padding-left:24px!important; padding-right:24px!important;}
.zoek-title::after {background-color: var(--blauw)!important; margin:15px 0 40px!important; width: 50px; content: ""; height: 2px; display: block;}
.search-form-container input.search-field  {
	border: none;
	border-bottom:1px solid #cccccc;
	padding:15px 0;
	max-width:50%;
	display:block;
	margin-bottom:15px;
}
.search-form-container input.search-field:focus {outline:none; bborder-bottom:1px solid #cccccc;}
/*einde custom */

/*verkoopblokken*/
section.verkoopblokken-enkel {clear:both!important;}
section.verkoopblokken .wp-block-columns { padding: 30px 0 15px; }
section.verkoopblokken .wp-block-columns .wp-block-column {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px!important;
    padding:20px!important;
    margin-left: 25px;
    margin-right: -25px;
}
section.verkoopblokken.aangifte .wp-block-columns .wp-block-column {
  box-shadow:none!important;
  background-color:var(--lichtmint)
}
section.verkoopblokken-enkel .wp-block-columns .wp-block-column { flex-basis:35%!important; padding:20px 10px; margin:0 auto!important;}
.single section.verkoopblokken-enkel .wp-block-columns .wp-block-column { flex-basis:50%!important;}
section.verkoopblokken .wp-block-columns .wp-block-column h2 { height: 40px!important; font-size:20px!important; color:var(--vaarwel-paars);}
section.verkoopblokken .wp-block-columns .wp-block-column h2.dubbelrij {margin-bottom:22px!important;}
section.verkoopblokken .wp-block-columns .wp-block-column .fa-duotone {
    float: right;
    margin-right: 10px;
    font-size: 80px;
    --fa-primary-color: var(--paars);
    --fa-secondary-color: var(--blauw);
    margin-right: 5px;
}
section.verkoopblokken .wp-block-columns .wp-block-column ul.advgb-list li::before {color:var(--mint);}
.fa-duotone, .fad {
    position: relative;
    font-weight: 900;
    letter-spacing: normal;
}
.fa-classic.fa-duotone, .fa-duotone, .fad {
    font-family: "Font Awesome 6 Duotone";
}

.fa, .fa-brands, .fa-classic, .fa-duotone, .fa-light, .fa-regular, .fa-sharp, .fa-sharp-solid, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fasl, .fasr, .fass, .fat {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
section.verkoopblokken .wp-block-advgb-list {height: 85px;}
section.verkoopblokken ul.advgb-list li::before {font-weight:900!important; font-size:1.3em!important;}
.page .verkoopblokken .wp-block-column:nth-child(1) { margin-left:130px!important; }
.page .verkoopblokken .wp-block-column:nth-child(2) { margin-right:130px!important; }
.page .verkoopblokken.verkoopblokken-enkel .wp-block-column {margin:0 auto!important; background-color:var(--lichtmint); /*border:1px solid var(--vaarwel-paars);*/ box-shadow:none!important; }

.fa-duotone:after {opacity:1!important;}
/*einde verkoopblokken*/

/*woocommerce */
.woocommerce-page .woocommerce {
	position: relative;
  width: 100%;
  max-width: 1224px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 24px;
  padding-right: 24px;;
  overflow: hidden;
}
.single-product main#primary .container {padding-left:24px; padding-right:24px;}
.single-product article header.entry-header {display:none!important;}
.woocommerce .single-product .woocommerce-product-gallery {
  width: 40% !important;
	display:inline-block!important;
}
.product .woocommerce-product-gallery img {
    width: 377px !important;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px !important;
}
.woocommerce .product .summary {
    width: 60% !important;
}
h1.product_title {margin-bottom:30px!important}
.woocommerce .woocommerce-info {
	float:left!important;
  padding: 18px 15px 15px 55px !important;
  background-color: var(--lichtmint) !important;
	border:none!important;
	width:100%;
	font-size:1.1em!important;
}
.woocommerce .woocommerce-info:before {
    font-family: "FontAwesome"!important;
    content: "\f05a"!important;
		margin-right:10px;
}
li.description_tab a, li.description_tab a:visited, li.custom_reviews_tab a, li.cusomt_reviews a:visited {
	text-decoration: none!important;
	color:#333333!important;
}
li.description_tab.active a, li.description_tab a:hover, li.custom_reviews_tab.active a, li.custom_reviews_tab a:hover  {
	color:var(--blauw)!important;
}

.woocommerce-product-gallery__image--placeholder {
    border: none!important;
}
.product_meta {
    display: none!important;
}
.price, .amount, .woocommerce div.product p.price {
    color: #333333!important;
		font-weight:bold;
}
.single-product .summary .prijs .price {
    font-size: 40px;
}
.single-product .prijs sup {
    font-size: .6em;
}
.single-product .member-discount .woocommerce {padding-left:0!important; padding-right:0!important;}
.woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0;
    margin: 20px 0 30px;
    height: 41px;
    overflow: visible;
    width: 100%;
    float: left;
    border-bottom: 1px solid #d3ced2 !important;
}
.woocommerce-Tabs-panel h2 {color:#333333; font-size:20px!important;}
.woocommerce.add_to_cart_inline {
    border: none !important;
}
.woocommerce.add_to_cart_inline .amount, .woocommerce.add_to_cart_inline .woocommerce-price-suffix {display:none!important;}
.woocommerce .add_to_cart_button {
	border-radius: 50px !important;
    background-color: var(--geel) !important;
    /*text-transform: uppercase !important;*/
    font-weight: 600 !important;
    color: var(--paars) !important;
    min-height: 30px !important;
    border: none !important;
    box-shadow: none !important;
}
.woocommerce .add_to_cart_button:hover, .woocommerce .add_to_cart_button:active {
	background-color: var(--paars)!important;
	color:#ffffff!important;
}
.woocommerce .cart .button, .woocommerce .cart input.button  {
    float: none;
    padding: 7px 50px 7px 18px !important;
}
button#place_order {padding: 8px 55px 8px 18px !important}
a.add_to_cart_button:before, button.single_add_to_cart_button:before {
    content: '\f00c';
    font-family: FontAwesome;
    margin-right: 10px;
    color: #54C571;
}
.woocommerce-tabs ul.tabs li {float:left!important; margin-right:50px!important;}
.woocommerce-Tabs-panel {float:left; margin-top:0!important;}
.woocommerce-Tabs-panel .comments-area .comments-title {display:none!important;}
.carticon .jf-cart:before { content: '\f07a';
    font-family: 'Font Awesome 6 Pro';
    font-size: 15px; }
.cart-count {
	border-radius: 50%;
	display: inline-block;
	color: #fff;
	background-color:var(--blauw);
	text-align: center;
  font-size: 9px;
  min-width: 18px;
  height: 18px;
  line-height: 8px;
  padding: 6px 1PX 0 0;
  position: absolute;
  top: -8px;
  right: -5px;
  user-select: none;
  cursor: pointer;
  pointer-events: none;
}
a.verderwinkelen {
  float: right;
  margin-bottom: 20px !important;
	border: 2px solid var(--blauw) !important;
  background-image: url(/wp-content/uploads/2023/10/pijl-rechts-blauw.png) !important;
  background-repeat: no-repeat !important;
  background-position: center right 18px !important;
  background-color: #ffffff!important;
  color: var(--blauw) !important;
  text-transform: none !important;
  min-height: 30px !important;
  height: auto !important;
  border-radius: 25px !important;
  padding: 7px 55px 7px 18px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
	text-decoration:none!important;
}
.coupon label {display:none;}
.coupon input#coupon_code {width:160px!important; margin-right:10px!important;}
.coupon button.button, button[name="update_cart"] {margin-top:4px!important;}

a.checkout-button {
	float:left;
	margin-bottom: 20px !important;
	border: 2px solid var(--blauw) !important;
	background-image: url(/wp-content/uploads/2023/10/pijl-rechts-blauw.png) !important;
	background-repeat: no-repeat !important;
	background-position: center right 18px !important;
	background-color: #ffffff!important;
	color: var(--blauw) !important;
	text-transform: none !important;
	min-height: 30px !important;
	height: auto !important;
	border-radius: 25px !important;
	padding: 7px 55px 7px 18px !important;
	box-shadow: none !important;
	font-size:16px!important;
	font-weight: 600 !important;
	text-decoration:none!important;
}
.cart_totals {
	float:left!important;
}
button#place_order {float:left!important;}
small.tax_label {display:none;}
.shop_table strong .amount {font-weight:bold!important;}
.shop_table .amount {font-weight:normal!important;}
ul.wc-tabs li a {text-decoration:none!important;}

/* einde woocommerce */


/* site specifiek */
main.site-main {padding-bottom:50px;}
.home .runninghead:first-child {
	margin-top: 20px;
}
.home h2.wp-block-heading {margin:0;}
.runninghead {
  color: var(--blauw);
  font-size: 22px;
  font-weight: 600;
  line-height: 36px;
	margin-bottom:15px;
}
.home-eerste-groep {
  padding-bottom: 25px;
}
.home-eerste-groep .home-klantenvertellen .klantenvertellen_wrapper {margin:0 auto!important; width:200px!important;}

.klantenvertellen_link {text-decoration: none!important;}
.klantenvertellen_footer {
  background-image: url(/wp-content/uploads/2024/11/klantenvertellen-bg.webp);
  background-repeat: no-repeat;
  width: 200px;
  height: 63px;
  padding: 11px 21px;
  color: #ffffff !important;
  text-align: right;
}
.klantenvertellen_footer .price {color:#333333; font-size:27px; letter-spacing: -3px;}
.klantenvertellen_footer .price .decimal {
  font-size: 50%;
  top: -0.7em !important;
/*  margin-left: -4px;*/
}
.home-tweede-groep {
  padding-top: 50px;
  padding-bottom: 50px;
}
.homevraagkolom {
  background-color: var(--mint);
  padding: 20px;
}
.homevraag {
  font-size: 1.4em;
  min-height: 101px;
	margin:0;
}
p.homeantwoord {
  color: var(--blauwopmint) !important;
  font-size: 1.4em;
}
p.homeantwoord:before {
  content: url(/wp-content/uploads/2024/03/plauwpijltjeopmint.png);
  margin-right: 10px;
}
.home-derde-groep {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: var(--lichtmint);
}
.home-derde-groep h2, .home-derde-groep p, .home-vierde-groep h2, .home-vijfde-groep h2 {
	margin-top:0;
}
.home-derde-groep .wp-block-columns, .home-vierde-groep .wp-block-columns, .home-vijfde-groep .wp-block-columns {
	margin-bottom:0!important;
}
.home-vierde-groep, .home-zesde-groep  {
	padding-top: 50px;
  padding-bottom: 50px;
}
.home-vierde-groep .voorbeeldtakenlijst {
	margin-bottom:25px!important;
}
.home-vierde-groep .voorbeeldtakenlijst .wp-block-column:first-child {
  border-right: 1px solid var(--paars);
}
.home-vierde-groep .button {
	margin-top:15px;
}
.home-vijfde-groep {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: var(--lichtmint);
}
.home-vijfde-groep .daarom-blok .daarom-rechts p:before {
  content: url(/wp-content/uploads/2023/10/blauwpijltje-20.png);
  float: left;
  margin-top: 3px;
  margin-right: 10px;
}

.kk-reviews, .kk-reviews .kk-single-review {
  position: relative;
}
.kk-layout-simple .kk-reviews {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-gap: 30px !important;
}
.kk-reviews, .kk-reviews .kk-single-review {
    position: relative;
}
.kk-single-review {
    background-color: var(--lichtmint);
    padding: 20px !important;
    text-align: left !important;
    margin-top: 0 !important;
}
.kk-reviews:not(.kk-layout-list) .kk-single-review .kk-single-review-rating {
    position: absolute;
    top: -20px;
    right: -35px;
    transform: rotate(10deg);
}
.kk-single-review-rating {
	border-radius: 50%;
  background-color: var(--blauw) !important;
	color: #FFF;
	font-size: 1.2em;
	height: 40px;
	width: 40px;
	line-height: 40px;
	vertical-align: middle;
	font-weight: 700;
	text-align: center;
  transform: none !important;
  top: 15px !important;
  right: 15px !important;
}
.kk-reviews .kk-single-review .kk-single-review-text {
  font-size: 1em;
  font-weight: 400;
	min-height:190px;
}
.kk-single-review-comment {
  display: none !important;
}
.kk-single-extra {
  margin: 0 0 10px;
}
.kk-single-review-meta {
  font-size: 0.9em !important;
  color: #333;
  margin-top: 15px !important;
  border-top: 1px solid var(--grijs);
  padding-top: 9px;
}
.kk-single-review-text h3 {
	margin-top:0!important;
	width: 97%;
}
.kk-single-review-name {
  color: var(--blauw);
  font-weight: 600 !important;
  display: block;
}
.kk-single-review-meta-divider {
  display: none !important;
}

.home-zevende-groep {
  border-top: 1px solid var(--grijs);
  border-bottom: 1px solid var(--grijs);
  padding-top: 50px;
  padding-bottom: 50px;
}
.home-zevende-groep figure {
  float: left;
  margin-top:15px;
	margin-right: 35px;
}
.home-achtste-groep {padding-top:50px;}
.home-achtste-groep h2 {
	margin-top:0!important;
}
.kennisbank-overzicht {
  margin-bottom: 45px;
}
.kennisbank-overzicht a.leesmeer {
  display: inline-block;
  float: left;
  margin-top: 10px;
  margin-left: 0;
  background-color: #ffffff !important;
  color: var(--primair-link-color) !important;
  border-radius: 25px !important;
  border: 2px solid var(--primair-link-color);
  font-weight: 600;
  padding: 4px 51px 4px 14px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  background-image: url(/wp-content/uploads/2023/10/pijl-rechts-blauw.png) !important;
  background-repeat: no-repeat;
  background-position: center right 18px;
}
.kennisbank-overzicht a.leesmeer:hover {
	color: var(--primair-link-hover-color)!important;
	border-color: var(--primair-link-hover-color);
	background-image: url(/wp-content/uploads/2023/10/pijl-rechts-paars.png) !important;
  background-repeat: no-repeat;
  background-position: center right 18px;
}

#rank-math-faq {
  background-color: var(--lichtmint);
  padding: 20px 20px 5px;
  margin-top: 0;
  margin-bottom: 40px;
	margin-left:0;
}
#rank-math-faq h3.rank-math-question {
	margin-top:0!important;
}
#rank-math-faq h3.rank-math-question strong {font-weight:bold!important;}
.bereken-knoppen a {
    font-size: 18px;
    color: var(--buttontextcolor) !important;
    background-color: var(--buttonbgcolor) !important;
    margin: 0 0 0 0px !important;
    padding: 10px 30px;
    border-radius: 25px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    display: inline-block;
}
.bereken-knoppen a:hover {
	color:var(--buttontextcolorhover)!important;
	background-color:var(--buttonbgcolorhover)!important;
}
footer .linkjes {
	margin-bottom:10px;
}

.embed-youtube, .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%; /* Dit zorgt voor een 16:9 verhouding */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000; /* optioneel: voor een achtergrondkleur */
}

.embed-youtube iframe, .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.opzeggen-blok {padding:25px; background-color:var(--lichtmint);}

.paars-blok {
    background-color: var(--paars);
    color: var(--geel);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 6px 6px -6px #000 !important;
}
.paars-blok h2 {
    color: var(--geel) !important;
    font-size: 1em;
}
.paars-blok .wp-block-button a {
	background-color: var(--geel) !important;
  background-image: url(/wp-content/uploads/2023/10/pijl-rechts-paars.png) !important;
  background-repeat: no-repeat !important;
  background-position: center right 18px !important;
  color: var(--paars) !important;
  border-radius: 25px !important;
  font-size: 15px;
  font-weight: 600;
  min-height: 30px !important;
  padding: 7px 55px 7px 18px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 15px;
  margin-bottom: 15px;
  display: inline-block;
  width: auto !important;
}
.paars-blok .wp-block-button a:hover {
	background-color:#ffffff!important;

}
.grijze-rij {
	background-color:var(--lichtgrijs);
	margin-top: 45px;
	padding-top:60px;
	padding-bottom:60px;
}
.grijze-rij h2.section-title {font-size:40px;}
.grijze-rij ul {list-style:none; padding-inline-start:0;}
.grijze-rij li {
    float: left;
    clear: both;
}
.grijze-rij ul li a {
	text-decoration:none;
}
.grijze-rij 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;
}
/* einde site specifiek */

@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: 0; padding-right:0;}
.single main .container .return {margin-top:25px; margin-bottom:20px;}
.single main .container .return a {text-decoration:none;}
.single main .container .return a:before {
    content: '\f053';
    margin-right: 10px;
    font-family: FontAwesome;
}
main .titel-rij {margin-top:-48px;}
.single-post .site-main .container {
    padding-left: 24px;
    padding-right: 24px;
}
.single header.site-header {
	border-bottom: 1px solid rgba(31, 47, 67, .25);
}

/* Categorie pages
--------------------------------------------- */
.category .site {
	position: relative;
  width: 100%;
/*	max-width: 1224px;*/
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
.category .site header.page-header {margin-bottom:50px;}
.category .site article h2.entry-title {
	margin:0
}
.category .site article h2.entry-title a {
	color:var(--paars);
	text-decoration:none;
	font-weight:700;
}
.category .site article h2.entry-title a:hover {
	color:var(--blauw);
}
.category .site article .entry-content {
	margin-top:-10px;
	margin-bottom:30px;
	padding-bottom:40px;
/*	border-bottom: 1px solid var(--paars);*/
}

/* 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:none!important;}
	header.is-sticky {background-color:#ffffff!important;}
	header.is-sticky .stickystappenbalk {display:none;}
	header .container { min-height:auto!important; height:auto!important;}
	header .container {padding:0 0 0 4%!important; max-width:100%!important;}
	.alignwide {padding:0 4%!important; max-width:100%!important;}
	.page header.site-header.is-sticky {height:75px!important; background-color: #ffffff!important;}
	header.is-sticky .site-branding {padding-top:10px; margin-left:-10px;}
	header.is-sticky .container {
		padding: 0 0 0 4%!important;
		min-height:300px;
	}
	header.is-sticky button {font-size:16px!important; padding: 7px 16px 7px 10px;}
	.single header.site-header, .site-header.is_sticky { height:75px!important; }
	.header-left { width:45%; }
	.header-left img {width:95%;}
	.header-left .slogan {font-size:11px; margin-left:10px!important; }
	.header-right { width:55%; text-align:right; padding-bottom:30px;}
	.header-right nav {margin-top:17px!important; position:relative; z-index:99!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: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; }
	.header-right button.menu-toggle::after {content:'\f0c9'; font-family: FontAwesome; }
	main {margin-top:75px;}
	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;}
	h1.entry-title {
		padding:0;
		font-size:40px;
		margin-top:30px!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;
	}
	.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;
	}
	.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:50%; text-align:center; margin-right:0;}

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

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