/*
 Theme Name:   Kleinkunstig 2024
 Theme URI:    http://www.grotebroer.com
 Description:  Kleinkunstig 2024 standalone theme
 Author:       Media Mogul
 Author URI:   http://www.mediamogul.nl
 Version:      1.1.1
 Text Domain:  kleinkunstig
 */
:root {
 	--w-max: 1400px;
 	--w-lrg: 1240px;
 	--w-med: 700px;
	--search-width: 250px;
	--hu-drop-shadow: 5px 5px 0px;
	--ff: 'Roboto', Helvetica, Arial, sans-serif;
	--ffslab: 'Roboto Slab', serif;
	--c-christmas-grn: #209801;
	--fz-xs: .81rem;
	--fz-s: .88rem;
	--fz-m1: 1.13rem;
	--fz-m2: 1.25rem;
	--fz-m3: 1.38rem;
	--fz-l: 1.5rem;
	--fz-xl: 2rem;
	--fz-xxl: 2.25rem;
}
/* HTML5 DOCTOR RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,sub,sup,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;box-sizing: border-box;}
body{line-height:1}
article,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul,ul{list-style:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0}
input,select{vertical-align:middle}
textarea:focus, input:focus{ outline: 0; }
html, body {
	font-size: 16px;
}
body {
	font-family:  var(--ff);
	font-weight: 300;
	text-align: center;
	margin: 0 auto;
	position: relative;
	line-height: 1.5;
	color: #000;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}
img {
	max-width: 100%;
	height: auto;
}
pre {
	clear: both;
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	text-align: left;
	font-size: var(--fz-xs);
	line-height: 1.4;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}
a img { border: none; }
a {
	color: #000;
	cursor: pointer;
	text-decoration: underline;
}
a:hover { text-decoration: none; }
strong { font-weight: 700; }
hr.clear {
	visibility: hidden;
	height: 0px;
	border: none;
	clear: both;
	float: none;
	margin: 0;
	font-size: 0px;
	line-height: 0px;
}
.form-row:after,
.clearfix:after {
	content: '';
	display: table;
	clear: both;
}
p { margin-bottom: 20px;}
textarea,
input[type=text], 
input[type=email],
input[type=password],
input[type=date],
select {
	/*border: none;*/
	/*border-bottom: 1px solid #000;*/
	border: none;
	font-family: var(--ff);
	padding: 5px 10px;
	margin-bottom: 5px;
	font-size: 1rem;
	width: 100%;
	-webkit-appearance: none;
	box-sizing: border-box;
}
button[type="submit"],
input[type=submit] {
	-webkit-appearance: none;
	border: none;
	cursor: pointer;
	font-size: 1rem;
	padding: 5px 10px;
}
input[type=text], 
input[type=email],
input[type=password],
input[type=date],
button[type="submit"],
input[type=submit] {
	height: 40px;
}
strong,
h1,h2,h3,h4,h5,h6 {
	font-weight: 500;
	letter-spacing: .5px;
	line-height: 1.3
}

/*  __                   __         
   / /_  ___  ____ _____/ /__  _____
  / __ \/ _ \/ __ `/ __  / _ \/ ___/
 / / / /  __/ /_/ / /_/ /  __/ /    
/_/ /_/\___/\__,_/\__,_/\___/*/
.row-inner,
.category-overview,
.lesdocs-overview,
.header-inner,
#center-div,
.wp-block-columns.alignwide,
.box .wp-block-group__inner-container,
.block-light .wp-block-group__inner-container,
.block-editor-content > .wp-block-group:not(.alignfull) .wp-block-group__inner-container,
.page-title-wrap h1,
.post-menu > div,
.block-editor-content > .teammembers-overview,
.block-editor-content > h1,
.block-editor-content > h2,
.block-editor-content > h3,
.block-editor-content > h4,
.block-editor-content > p,
.block-editor-content > ul,
.block-editor-content > ol
 {
	max-width: var(--w-max);
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
header .header-inner {
	min-height: 65px;
	padding-left: 20px;
	padding-right: 20px;
}
header.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	/*
	padding-top: 20px;
	box-sizing: border-box;
	*/
	transition: height 0.3s ease;
	/*height: 80px;*/
	z-index: 10001;
	transition: transform 0.3s ease;
	height: 165px;
}
body { 
	padding-top: 165px;
}
body.site-nieuwemakers header.header { height: 150px; }
body.site-nieuwemakers { padding-top: 150px; }

#toggle-menu {
	display: none;
}

ul.bottom-nav li,
header ul li {
	display: inline-block;
	margin: 0 12px;
}
header li a {
	text-decoration: none;
}
.top-menu-wrapper {
	padding: 2px 10px;
	background-color: #efefef;
	margin-bottom: 10px;
}
.top-menu-wrapper > .row-inner {
	display: flex;
	justify-content: space-between;
	padding-left: 15px;
	padding-right: 20px;
}
.top-menu-wrapper ul li {
	float: left;
	font-size: var(--fz-s);
}
.top-menu-wrapper ul li a {
	color: #666;
}
.top-menu-wrapper ul li a:hover,
.top-menu-wrapper ul li a.active {
	color: var(--c-main);
}
.top-menu-wrapper > div:nth-of-type(2) {
	float: right;
}

footer .row-inner {
	display: flex;
	flex-wrap: wrap;
}
footer .row-inner > div {
	text-align: left;
}
div[class*="grid-col"] {
	padding: 20px;
	padding-top: 0px;
}
.grid-col-3 { flex-basis: 25% !important; }
.grid-col-4 { flex-basis: 33.33% !important; }
.grid-col-5 { flex-basis: 41.66% !important; }
.grid-col-6 { flex-basis: 50% !important; }
.grid-col-8 { flex-basis: 66.66% !important; }
.grid-col-9 { flex-basis: 75% !important; }

.main-menu-wrapper {
	float: right;
}
.main-menu-wrapper li a {
	color: var(--c-dark);
	font-weight: 500;
	font-size: var(--fz-m1);
}
nav.main-menu-wrapper li.current-menu-item > a {
	color: var(--c-main);
}
.logo-wrap {
	float: left;
	padding-top: 5px;
	width: 200px;
	transition: width 0.4s ease;
	padding-bottom: 5px;
}
.logo-wrap a,
.logo-wrap a img { display: block; }
#navs-wrapper {
	margin-top: 32px;
	padding-left: 20px;
	float: left;
	width: calc(100% - 200px);
	text-align: left;
}
/*body.site-nieuwemakers #navs-wrapper { margin-top: 23px; }*/
#navs-wrapper.wrapped { margin-top: 2px; }
nav.main-menu-wrapper ul li, nav.main-menu-wrapper li a, 
nav.main-menu-wrapper > ul > li > a {
	font-size: var(--fz-m2);
}
nav.main-menu-wrapper li a:hover {
	color: var(--c-main);
}
nav.main-menu-wrapper  li.menu-item-has-children > ul li {
	white-space: nowrap;	
	padding: 0;
	margin: 0;
}
nav.main-menu-wrapper  li.menu-item-has-children > ul li a {
	font-size: var(--fz-m1);
	display: block;
	padding: 0px 10px;
}
nav.main-menu-wrapper  li.menu-item-has-children >  a {
	cursor: default;
}

@media (min-width: 771px) {
	nav.main-menu-wrapper  li.menu-item-has-children {
		position: relative;
	}
	nav.main-menu-wrapper  li.menu-item-has-children > ul {
		position: absolute;
		top: 100%;
		left: -9999px;
		z-index: 100;
		background-color: #fff;
		font-size: 1rem;
		border-left: 1px solid var(--c-dark);
		border-bottom: 1px solid var(--c-dark);
	}
	nav.main-menu-wrapper  li.menu-item-has-children:hover > ul {
		left: 0;
	}
	nav.main-menu-wrapper  li.menu-item-has-children > ul li a {
		padding: 5px 10px;
	}
}

#kleinkunstig-search-n-usp {
    position: relative;
    width: 100%;
    height: 50px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    margin: auto;
    background-color: var(--c-dark);
    color: #fff;
    margin-bottom: 15px;
}
#kleinkunstig-search-n-usp .row-inner { 
	padding-left: 20px; 
	display: flex;
	justify-content: space-between;
}
footer#footer a,
#kleinkunstig-search-n-usp a {
	color: #fff;
}
.mobile-header-btns { position: relative; }
.fa {
    display: inline-block;
}
.mobile-search-toggler,
.fa:before {
	content: ' ';
	display: block;
	background: url('/wp-content/themes/kleinkunstig-2020/_img/sprite.svg?v=2') -350px -170px;
	width: 16px;
	height: 12px;
}
.fa.fa-globe:before { background-position-x: -350px;  }
.fa.fa-id-card-o:before { background-position-x: -375px; }
.fa.fa-thumbs-up:before { background-position-x: -400px; }
.fa.fa-refresh:before { background-position-x: -425px; }
.fa.fa-user:before { background-position-x: -450px; }
.mobile-search-toggler,
.fa.fa-search:before { background-position: -700px -70px; }
#usp {
    position: static;
    width: calc(100% - var(--search-width) );
    text-align: right;
    color: #fff;
    height: 28px;
    font-weight: 400;
    font-size: var(--fz-s);
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1;
    text-align: left;
    overflow: hidden;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 6px;
}
#usp ul { float: right; }
#usp ul li { margin: 0 5px; }
#usp a {
	text-decoration: none;
}
#kleinkunstig-search-wrap {
    float: left;
    width: var(--search-width);
    position: relative;
    padding-right: 10px;
    transform: translateY(1px);
}
#kleinkunstig-search-wrap button.search-submit {
	-webkit-appearance:none;
	position: absolute;
	top: 4px;
	right: 10px;
	border: none;
	background: transparent !important ;
	outline: none;
}
#kleinkunstig-search-wrap input[name="s"] {
	font-size: var(--fz-xs);
	height: auto;
}
.mobile-search-toggler,
.fa.fa-search, .fa.fa-search:before {
	height: 20px;
}
h2.search-type-sub-header {
	max-width: var(--w-max);
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 15px;
	padding-bottom: 0;
}
.mobile-search-toggler { display: none; }
/*       ___              __                   __         
   _____/ (_)___ ___     / /_  ___  ____ _____/ /__  _____
  / ___/ / / __ `__ \   / __ \/ _ \/ __ `/ __  / _ \/ ___/
 (__  ) / / / / / / /  / / / /  __/ /_/ / /_/ /  __/ /    
/____/_/_/_/ /_/ /_/  /_/ /_/\___/\__,_/\__,_/\___/*/

body[data-scrolling="down"]:not(.scrolled-to-top) header.header {
	box-shadow: 0 40px 30px rgba(0, 0, 0, 0.1);
	/*transform: translateY( calc( -1 * var(--header_h)));*/
	/*transform: translateY( -20px );*/
}/*
body[data-scrolling="down"] header.header .logo-wrap {
	width: 100px;
	padding-top: 0px;
}
body[data-scrolling="down"] nav.main-menu-wrapper {
	margin-top: 0px;
}
body[data-scrolling="down"] nav.main-menu-wrapper  ul li a {
	font-size: var(--fz-m1) !important ;
}
body[data-scrolling="down"]  #usp { font-size: .75rem; }
*/

/*  ____            __           
   / __/___  ____  / /____  _____
  / /_/ __ \/ __ \/ __/ _ \/ ___/
 / __/ /_/ / /_/ / /_/  __/ /    
/_/  \____/\____/\__/\___/*/

footer ul.bottom-nav {
	float: right;
}
footer#footer,
#footer-bottom {
	padding: 30px 20px;	
}
footer#footer {
	padding-top: 60px;
	background-color: var(--c-dark);
	color: #fff;
	position: relative;
}
footer h4,
footer h3 {
	color: #fff !important;
	font-size: var(--fz-m1);
	margin-bottom: 10px;
}
footer#footer a {
	color: #fff;
	text-decoration: none;	
}
footer#footer a:hover { color: #fff; }
footer a.logo {
	display: block;
	max-width: 200px;
	margin-bottom: 30px;
}
footer .text-field ul {
	/*margin-left: 1em;*/
}
footer .text-field ul li {
	/*list-style: disc;*/
}
footer .text-field ul + ul {
	width: 50%;
	float: left;
}
#footer-bottom {
	border-top: 1px solid #efefef;
	padding-bottom: 20px;
	position: relative;
	background-color: #fff;
}
#footer-info {
	float: left;
}
#footer-nav {
	float: right;
}
#footer-nav li {
    color: #999;
    font-size: .94rem;
    line-height: 44px;
}
#footer-nav li {
    display: inline-block;
    margin: 0 11px 0 0;
    padding: 0;
    font-size: var(--fz-s);
    line-height: 14px;
    vertical-align: middle;
}

/* Roboto Slab tings */
h1,
h2,
h3,
h4 {
	font-family: var(--ffslab);
	font-weight: 700;
}
/* Bottom Arrows */
#footer-bottom:after,
.box:after,
.block-light:after,
.drop-arrow-top,
.drop-arrow-bot,
.page-title-wrap:after {
	content: ' ';
	display: block;
	width: 0;
	height: 0;
	border-left: 24px solid transparent;
	border-right: 24px solid transparent;
	border-top: 18px solid var(--c-main);
	position: absolute;
	z-index: 2;
	bottom: -17px;
	left: 50%;
	margin-left: -24px;
}
#footer-bottom:after { border-top-color: #fff; }
.box:after,
.block-light:after { border-top-color: var(--c-light); }


/*  __    __           __               ___ __            
   / /_  / /___  _____/ /__   ___  ____/ (_) /_____  _____
  / __ \/ / __ \/ ___/ //_/  / _ \/ __  / / __/ __ \/ ___/
 / /_/ / / /_/ / /__/ ,<    /  __/ /_/ / / /_/ /_/ / /    
/_.___/_/\____/\___/_/|_|   \___/\__,_/_/\__/\____/*/

.block-editor-content {
	position: relative;
	background-color: #fff;
	padding-bottom: 1px;
}
.page-title-wrap {
	padding: 40px 20px;
	background-color: var(--c-main);
	color: #fff;
	position: relative;	
	margin-bottom: 40px !important;
}
body.home .page-title-wrap { 
	margin-bottom: 0; 
	z-index: 3;
}
/* Fix: ruimte voor pijltje wanneer submenu aanwezig is */
.page-header .post-menu {
	margin-top: 20px;
}

/* Pijltje tonen voor pagina's ZONDER submenu (overschrijft above-fold CSS) */
/* ALLEEN voor body.page - posts hebben eigen styling */
body.page .page-header.no-sub-menu .page-title-wrap:after {
	content: " " !important;
	display: block !important;
	width: 0 !important;
	height: 0 !important;
	border-left: 24px solid transparent !important;
	border-right: 24px solid transparent !important;
	/* border-top: alleen width en style forceren */
	/* Kleur wordt bepaald door bestaande regels (.page-title-wrap:after) */
	/* en overschreven door color_highlight_XX classes */
	border-top-width: 18px !important;
	border-top-style: solid !important;
	position: absolute !important;
	z-index: 2 !important;
	bottom: -17px !important;
	left: 50% !important;
	margin-left: -24px !important;
	background: transparent !important;
}
/* Extra margin voor ruimte onder pijltje - ALLEEN pages */
body.page .page-header.no-sub-menu .page-title-wrap {
	margin-bottom: 40px !important;
}

/* Breadcrumbs en titel links uitlijnen op pagina's (consistent voor alle pagina's) */
/* ALLEEN voor body.page - posts hebben eigen styling */
body.page .page-header .page-breadcrumbs {
	padding-top: 40px;
	padding-bottom: 10px;
	background-color: var(--c-main);
	color: #fff;
}
body.page .page-header .page-breadcrumbs a {
	color: #fff;
}
body.page .page-title-wrap .page-breadcrumbs,
body.page .page-header .page-title-wrap .page-breadcrumbs {
	text-align: left;
	padding-left: 40px;
	box-sizing: border-box;
}
body.page .page-title-wrap .page-breadcrumbs .row-inner,
body.page .page-header .page-title-wrap .page-breadcrumbs .row-inner {
	text-align: left;
	padding-left: 0; /* Reset, padding zit op parent */
}
body.page .page-title-wrap h1,
body.page .page-header .page-title-wrap h1 {
	text-align: left;
	margin-left: 0;
	margin-right: 0;
	padding-left: 20px;
}
/*.page-title-wrap.display-mobile-only*/
.page-title-wrap.display-mobile-only { display: none; }
.page-title-wrap h1 {
	font-size: var(--fz-xxl);
	line-height: 1.05;
	color: #fff !important;
}
.page-title-wrap.w-btn {
	padding-top: 28px;
	padding-bottom: 28px;
}
/* Alleen de directe row-inner (niet die in .page-breadcrumbs) */
.page-title-wrap.w-btn > .row-inner {
	display: flex;
	justify-content: space-between;	
	align-items: center;
	min-height: 88px;
}
/* Extra ruimte onder breadcrumbs voor betere verticale balans */
.page-title-wrap.w-btn .page-breadcrumbs {
	margin-bottom: 10px;
}
.page-title-wrap [class*="grid-col"] {
	padding-bottom: 0;
}
.page-title-wrap .grid-col-4 { 
	padding-left: 0; 
	padding-right: 0;
}

.page-title-wrap.w-btn h1 { margin-left: 0; }

/* Breadcrumbs uitlijnen met H1 - padding nu op .page-breadcrumbs level voor pagina's */
/* Voor workshops/posts (niet body.page) nog steeds op row-inner */
body:not(.page) .page-title-wrap .page-breadcrumbs .row-inner {
	padding-left: 20px;
}

#ws-sticky a.ws-request,
.page-title-wrap.w-btn a.ws-request {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--c-highlight-03);
	color: #fff;
	text-decoration: none;
	font-size: var(--fz-xl);
	font-family: var(--ffslab);
	font-weight: bold;
	padding: 0 20px;
	height: 70px;
	align-self: center;
/*	margin-right: 20px;*/
	position: relative;
	transition: background-color .3s ease;
	box-sizing: border-box;
}
/* Blauwe/gele knop in sidebar - kleinere padding, verticaal gecentreerd */
.blocked.yellow > a {
	display: block;
	background: var(--c-highlight-03);
	color: #fff;
	text-decoration: none;
	font-size: var(--fz-xl);
	font-family: var(--ffslab);
	font-weight: bold;
	padding: 22px 20px;
	position: relative;
	transition: background-color .3s ease;
	box-sizing: border-box;
}
.blocked.yellow > a:after,
/*#sideblock-high_res_images > a:after,*/
#sideblock-form_link > a:after,
#page-container .ac-form-wrap button._submit:after,
#ws-sticky a.ws-request:after,
.page-title-wrap.w-btn a.ws-request:after {
	content: ' ';
	display: block;
	width: 20px;
	height: 20px;
	background-color: inherit;
	position: absolute;
	top: calc( 50% - 9px);
	right: -10px;
	transform: rotate(45deg);
}
.blocked.yellow > a:hover,
#ws-sticky a.ws-request:hover,
.page-title-wrap.w-btn a.ws-request:hover {
	background-color: var(--c-dark);
}

.page-title-wrap nav.school-type-select ul {
	display: flex;
	font-family: var(--ff);
	justify-content: center;
	font-size: var(--fz-m1);
}
.page-title-wrap nav.school-type-select ul li { 
	margin: 20px 10px;
	margin-bottom: -10px;
}
.page-title-wrap nav.school-type-select ul a {
	display: inline-block;
	color: #fff;	
	text-decoration: none;
	border: 1px solid;
	border-color:inherit;
	padding: 5px 15px;
}
.page-title-wrap nav.school-type-select ul a:hover {
	background: #fff;
	color: var(--c-main);
}
.block-editor-content a, 
.block-editor-content a:visited {
	color: var(--c-dark);
}
.box,
.block-light {
	padding: 40px 20px;
	background-color: var(--c-light);
	position: relative;
}
.classic-cnt-wrapper,
.block-editor-content > .wp-block-group:not(.alignfull) .wp-block-group__inner-container,
.box:not(.home-items-overview) .wp-block-group__inner-container,
.block-editor-content > h1,
.block-editor-content > h2,
.block-editor-content > h3,
.block-editor-content > h4,
.block-editor-content > p,
.block-editor-content > ul,
.block-editor-content > ol,
.block-editor-content > .teammembers-overview, 
.block-light:not(.home-items-overview) .wp-block-group__inner-container {
	max-width: 900px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

.block-editor-content > h1.has-text-align-center,
.block-editor-content > h2.has-text-align-center,
.block-editor-content > h3.has-text-align-center,
.block-editor-content > h4.has-text-align-center,
.block-editor-content > p.has-text-align-center { text-align: center; }

.block-editor-content > .wp-block-group.home-slider-wrap .wp-block-group__inner-container {
	max-width: var(--w-max);
}
.block-editor-content > ul,
.wp-block-group__inner-container > ul,
.block-editor-content > ol,
.wp-block-group__inner-container > ol {
	padding-left: 40px;
	margin-bottom: 20px;
}
.wp-block-group__inner-container > ul,
.wp-block-group__inner-container > ol {
	padding-left: 20px;
}
.block-editor-content > ul,
.wp-block-group__inner-container > ul {
	list-style: disc;
}

.box .wp-block-group__inner-container > h1,
.box .wp-block-group__inner-container > h2,
.box .wp-block-group__inner-container > h3,
.box .wp-block-group__inner-container > h4,
.classic-cnt-wrapper > h1,
.classic-cnt-wrapper > h2,
.classic-cnt-wrapper > h3,
.classic-cnt-wrapper > h4,
.block-light .wp-block-group__inner-container > h1,
.block-light .wp-block-group__inner-container > h2,
.block-light .wp-block-group__inner-container > h3,
.block-light .wp-block-group__inner-container > h4,
.related-items-wrapper > h2 {
	font-size: var(--fz-xl);
	color: var(--c-dark);
	margin-bottom: 20px;
}
/*body.page .wp-block-group__inner-container > h1,*/
.block-editor-content > h1.has-medium-font-size,
.block-editor-content > h2.has-medium-font-size,
.block-editor-content > h3.has-medium-font-size,
.block-editor-content > h4.has-medium-font-size,
.box .wp-block-group__inner-container > h1.has-medium-font-size,
.box .wp-block-group__inner-container > h2.has-medium-font-size,
.box .wp-block-group__inner-container > h3.has-medium-font-size,
.box .wp-block-group__inner-container > h4.has-medium-font-size,
.classic-cnt-wrapper > h1.has-medium-font-size,
.classic-cnt-wrapper > h2.has-medium-font-size,
.classic-cnt-wrapper > h3.has-medium-font-size,
.classic-cnt-wrapper > h4.has-medium-font-size,
.block-light .wp-block-group__inner-container > h1.has-medium-font-size,
.block-light .wp-block-group__inner-container > h2.has-medium-font-size,
.block-light .wp-block-group__inner-container > h3.has-medium-font-size,
.block-light .wp-block-group__inner-container > h4.has-medium-font-size {
	font-size: 1rem !important;
	font-family: var(--ff) !important;
	margin-bottom: 0;
}
strong.schema-faq-question { 
	color: var(--c-dark); 
	font-weight: 700;
}
p.schema-faq-answer img {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.classic-cnt-wrapper > h2,
.classic-cnt-wrapper > h3,
.classic-cnt-wrapper > h4,
.box .wp-block-group__inner-container > h3,
.block-light .wp-block-group__inner-container > h3 {
	font-size: var(--fz-l);
	margin-bottom: 10px;
}
.box .wp-block-group__inner-container > h1 a,
.block-light .wp-block-group__inner-container > h1 a,
.box .wp-block-group__inner-container > h2 a,
.block-light .wp-block-group__inner-container > h2 a,
.box .wp-block-group__inner-container > h3 a,
.block-light .wp-block-group__inner-container > h3 a {
	color: var(--c-dark);
}
.wp-block-columns.alignwide,
.box .wp-block-group__inner-container,
.block-light .wp-block-group__inner-container {
	text-align: left;
}
.box.transp {
	background-color: transparent;
}
.usp-block {
	padding: 40px 20px;
	padding-bottom: 0;
	text-align: left;
}
.box .wp-block-group__inner-container ul,
.usp-block ul {
	list-style: disc;
	margin-left: 1em;
	margin-bottom: 10px;
}
.focus-item .blog-post-title,
.usp-block h1,
.usp-block h2,
.usp-block h3,
.contact-form-wrap h2 {
	font-size: var(--fz-m2);
	margin-bottom: 10px;
	color: var(--c-main);
}
.block-editor-content > h1:not(.has-text-align-center),
.block-editor-content > h2:not(.has-text-align-center),
.block-editor-content > h3:not(.has-text-align-center),
.block-editor-content > h4:not(.has-text-align-center),
.block-editor-content > p:not(.has-text-align-center),
.block-editor-content > ul,
.block-editor-content > ol {
	text-align: left;
}
/*  _ __                     
   (_) /____  ____ ___  _____
  / / __/ _ \/ __ `__ \/ ___/
 / / /_/  __/ / / / / (__  ) 
/_/\__/\___/_/ /_/ /_/___*/

.home-items-overview {
	margin-bottom: 20px;
}
.items-overview,
.custom-workshop-items-wrap,
.teammembers-overview,
.teammember-item.focus-item > .item-inner,
.home-items-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.custom-workshop-items-wrap .overview-item,
.items-overview .overview-item,
.home-items-wrap .overview-item {
	flex-basis: 25%;
}
.custom-workshop-items-wrap {
	max-width: var(--w-max);
	margin-left: auto;
	margin-right: auto;
}
.overview-item {
	margin-bottom: 10px;
}
.overview-item > .link-replacer,
.overview-item > a {
	display: block;
	padding: 15px;
	text-decoration: none;
	height: 100%;
	cursor: pointer;
}
.overview-item img {
	display: block;
}
.overview-item .item-inner { 
	position: relative; 
	height: calc(100% - 20px);
	/*overflow: hidden;*/
}
.item-img {
	background-color: #efefef;
	position: relative;
	overflow: hidden;	
}
.overview-item:not(.home-item) .item-img {
	height: 0;
	padding-bottom: 161.11%;
}

.item-inner .item-img img {
	transition: transform 0.4s ease;	
}
.overview-item .item-inner .item-img img {
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.overview-item:not(.home-item) .item-img img {
	position: absolute;
	top: 0;
	left: 0;
}
.overview-item .item-info-box {
	position: absolute;
	bottom: 10px;
	left: 0px;
	right: 0px;
	background-color: #fff;
	padding: 12px;
	padding-top: 10px;
	text-align: left;
	padding-bottom: 50px;
	z-index: 5
}
.workshops-overview .overview-item .item-info-box {
	left: 10px;
	right: 10px;
	bottom: 20px;
	padding-bottom: 30px;
}
.overview-item .item-info-box p.excerpt {
	color: #000 !important;
}
.related-item .item-info-box {
	padding-bottom: 60px;
}
.overview-item .item-info-box:before {
	content: ' ';
	display: block;
	height: 18px;
	width: 100%;
	position: absolute;
	left: 0;
	top: -17px;
	background: url('/wp-content/themes/kleinkunstig-2020/_img/crooked-top.svg?v=2') 0 0 no-repeat;
	background-size: cover;
}
.overview-item:nth-of-type(2n) .item-info-box:before {
    transform: scale(-1, 1);	
}
.slide.more-btn,
span.more-button {
	display: block;
	position: absolute;
	bottom: 30px;
	left: -10px;
	width: calc(100% - 20px);
	z-index: 10;
	height: 34px;
	background: var(--c-main);
	padding: 5px 5px 5px 30px;
	transition: background-color 0.3s ease;
	text-align: left;
}
span.more-button strong {
	color: #fff;
	font-size: 1rem;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;	
}


/* Arrows */
/*.options-box ul li.active:after,*/
.submit-container > .submit-wrap:after,
.submit-container > .submit-wrap:before,
.slide.more-btn:before,
.slide.more-btn:after,
span.more-button:before,
span.more-button:after {
	content: ' ';
	display: block;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 15px solid var(--c-main);
	position: absolute;
	right: -14.7px;
	top:0;
	transition: border-left-color 0.3s ease;	
}
.submit-container > .submit-wrap:before,
.slide.more-btn:before,
span.more-button:before {
	right: auto;
	top: -10px;
	left: 0;
	border: none;
	border-bottom: 10px solid var(--c-dark);
	border-left: 10px solid transparent;
}

.overview-item:hover .item-img img {
	transform: scale(1.05);
}
.overview-item:hover span.more-button { background-color: #000 !important; }
.overview-item:hover span.more-button:after { border-left-color: #000 !important; }

.item-label {
	position: absolute;
	z-index: 5;
	top: 10px;
	left: 10px;
	background-color: var(--c-main);
	color: #fff;
	font-size: var(--fz-s);
	font-weight: 500;
	line-height: 1;
	border-radius: 3px;
	padding: 3px 6px;
}
.workshop-circle-label {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 80px;
	height: 80px;
	text-align: center;
	border-radius: 50%;
	z-index: 5;
	font-size: 1rem;
	line-height: 1.1;
	font-weight: bold;
	display: flex;
	flex-direction: column;
    justify-content: center;
}
.workshop-circle-label p { margin-bottom: 0; }
/* Home item items - w square image */
.overview-item.home-item .item-inner { 
	background-color: #fff;
}

.overview-item.home-item .item-info-box {
	position: relative;
	left: 0;
	bottom: 10px;
}
.overview-item.home-item span.more-button {
	left: -10px;
	bottom: 10px;
	width: calc(100% - 15px);
	z-index: 10;
}

a.wp-block-button__link {
    font-size: 1rem;
    font-weight: 700;
    padding: 5px 20px;
    border-radius: 0px;
    text-align: center;
    width: auto;
}
a.wp-block-button__link:hover {
	background-color: #000;
}
.items-overview.search-results {
	max-width: var(--w-max);
	margin-left: auto;
	margin-right: auto;
}
.block-downloads a.dl-btn {
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* WSO C2A Blocks */
.wso-c2a-block {
	padding: 15px;
/*	min-height: 480px;*/
	position: relative;
}
.wso-c2a-block.layout-small > .inner {
	padding-bottom: 161.11%;
}
.wso-c2a-block.layout-small > .inner > div {
	width: calc(100% - 40px);
	position: absolute;
	inset: 20px 20px 20px 20px;
	display: flex;
	padding: 20px;
	flex-direction: column;
	justify-content: center;
}
.wso-c2a-block:not(.layout-small) > .inner > div {
	padding-top: 20px;
}
.wso-c2a-block:not(.layout-small) > .inner > div.content-wrap {
	padding: 20px;
}
.wso-c2a-block h2 {
	font-size: var(--fz-l);
	line-height: 1.1;
	margin-bottom: 10px;
	color: inherit !important;
}
.wso-c2a-block h2.has-medium-font-size {
	font-size: var(--fz-m2) !important;
}
.items-overview.with-filters .wso-c2a-block.layout-full_w_image,
.items-overview.with-filters .wso-c2a-block.layout-full_w {
	width: 100%;
	flex-basis: 100%;
	height: 250px;
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	overflow: hidden;
}
.items-overview.with-filters .wso-c2a-block.layout-full_w { height: 200px; }
.wso-c2a-block.layout-full_w_image .block-image {
	position: absolute;
	top: 0;
	left: 15px;
	width: 64%;
	height: 250px;
}
.wso-c2a-block a.wp-block-button__link {
	font-size: 1.19rem;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.7;
	min-height: 44px;
}
.wso-c2a-block.layout-full_w_image .block-image img {
	object-fit: cover;
	object-position: center;
	max-width: none;
	width: 100%;
	height: 100%;
}
.wso-c2a-block.layout-full_w_image > .inner {
	width: 33.33%;
	position: absolute;
	top: 0;
	right: 15px;
	height: inherit;
}
.wso-c2a-block.layout-full_w > .inner h2,
.wso-c2a-block.layout-full_w_image > .inner h2 {
	font-size: var(--fz-m2);
	line-height: 1.4;
}
.wso-c2a-block.layout-full_w > .inner { height: inherit; }
.wso-c2a-block.layout-full_w > .inner > div {
	height: 100%;
	padding-top: 0;
	padding-left: 40px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
    justify-content: space-around;	
}
.wso-c2a-block.layout-full_w > .inner > div p:last-child,
.wso-c2a-block.layout-full_w > .inner > div h2:last-child { margin-bottom: 0; }
.wso-c2a-block.layout-full_w > .inner h2 {
	text-align: left;
	margin-bottom: 0;
}
.wso-c2a-block.layout-full_w a.wp-block-button__link {
	position: relative;
}
.wso-c2a-block.layout-full_w:before,
.wso-c2a-block.layout-full_w a.wp-block-button__link:after {
	content: ' ';
	display: block;
	width: 14px;
	height: 14px;
	background-color: inherit;
	position: absolute;
	top: 15px;
	right: -7px;
	transform: rotate(-45deg);
}
.wso-c2a-block.layout-full_w:before {
	right: auto;
	height: 32px;
	width: 32px;
	background-color: #fff;
	top: 50%;
	margin-top: -16px;
	left: -2px;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
@media screen and (min-width: 1000px) and (max-width: 1150px) {
	.wso-c2a-block h2 { font-size: 1.63rem; }
}
.metafield-filter-inputs-wrap {
	padding-left: 10px;
}
.options-box input[type="number"] {
	max-width: 120px;
	height: 30px;
	font-size: 1rem;
	box-sizing: border-box;
}
#page-container .metafield-filter-inputs-wrap { padding-top: 5px; }
#page-container .metafield-filter-inputs-wrap button {
	border: none;
	background-color: var(--c-main) !important;
	color: #fff;
	font-weight: bold;
	padding: 3px 6px;
	height: 30px;
	box-sizing: border-box;
	margin-left: -10px;
	position: relative;
	cursor: pointer;
}
#page-container .metafield-filter-inputs-wrap button:after {
	content: ' ';
	display: block;
	width: 12px;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	margin-left: -1px;
	background-color: var(--c-main);
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
#page-container .metafield-filter-inputs-wrap button:hover,
#page-container .metafield-filter-inputs-wrap button:hover:after {
	background-color: #000 !important;
}
/*  __    _       __    ___       __    __ 
   / /_  (_)___ _/ /_  / (_)___ _/ /_  / /_
  / __ \/ / __ `/ __ \/ / / __ `/ __ \/ __/
 / / / / / /_/ / / / / / / /_/ / / / / /_  
/_/ /_/_/\__, /_/ /_/_/_/\__, /_/ /_/\__/s  
        /____/          /___*/

.color_highlight_01 .item-overview-title {
	color: var(--c-highlight-01) !important ;
}
.color_highlight_02 .item-overview-title {
	color: var(--c-highlight-02) !important ;
}
.color_highlight_03 .item-overview-title {
	color: var(--c-highlight-03) !important ;
}
.color_highlight_04 .item-overview-title {
	color: var(--c-highlight-04) !important ;
}
.color_highlight_05 .item-overview-title {
	color: var(--c-highlight-05) !important ;
}

.color_highlight_01 span.more-button { background-color: var(--c-highlight-01); }
.color_highlight_01 span.more-button:after { border-left-color: var(--c-highlight-01); }
.color_highlight_02 span.more-button { background-color: var(--c-highlight-02); }
.color_highlight_02 span.more-button:after { border-left-color: var(--c-highlight-02); }
.color_highlight_03 span.more-button { background-color: var(--c-highlight-03); }
.color_highlight_03 span.more-button:after { border-left-color: var(--c-highlight-03); }
.color_highlight_04 span.more-button { background-color: var(--c-highlight-04); }
.color_highlight_04 span.more-button:after { border-left-color: var(--c-highlight-04); }
.color_highlight_05 span.more-button { background-color: var(--c-highlight-05); }
.color_highlight_05 span.more-button:after { border-left-color: var(--c-highlight-05); }

/* Highlight 01 */
/*body.color_highlight_01 .block-editor-content a, */
/*body.color_highlight_01 .block-editor-content a:visited,*/
body.color_highlight_01 .essential-breadcrumbs a,
body.color_highlight_01 .post-menu ul li a,
/*body.color_highlight_01 nav.main-menu-wrapper li.current-menu-item > a, */
body.color_highlight_01 .entry-title,
.overview-item.highlighted-workshop.color_highlight_01 .item-info-box .highlight-label,
body.color_highlight_01 .category-overview h1,
body.color_highlight_01 .category-overview h2,
body.color_highlight_01 .category-overview h3,
body.color_highlight_01 .category-overview h4,
body.color_highlight_01 .category-overview h5,
body.color_highlight_01 .category-overview h6,
body.color_highlight_01 .category-overview h1 a,
body.color_highlight_01 .category-overview h2 a,
body.color_highlight_01 .category-overview h3 a,
body.color_highlight_01 .category-overview h4 a,
body.color_highlight_01 .category-overview h5 a,
body.color_highlight_01 .category-overview h6 a {
	color: var(--c-highlight-01);
}
body.color_highlight_01 .submit-container > .submit-wrap:after { border-left-color: var(--c-highlight-01); }
body.color_highlight_01 .page-title-wrap:after { border-top-color: var(--c-highlight-01); }
body.color_highlight_01 .post-menu,
body.color_highlight_01 .post-menu ul li a:hover,
body.color_highlight_01 .post-menu ul li a:hover:after, 
body.color_highlight_01 .post-menu ul li.current-menu-item a,
body.color_highlight_01 .post-menu ul li.current-menu-item a:after,
body.color_highlight_01 .bottom-sidebar .widgettitle { border-bottom-color: var(--c-highlight-01); }
body.color_highlight_01 a.button,
body.color_highlight_01 #page-container .button, #page-container button, 
body.color_highlight_01 #page-container button[type="submit"], 
body.color_highlight_01 #page-container input[type="submit"], 
body.color_highlight_01 #page-container input[type="reset"], 
body.color_highlight_01 #page-container input[type="button"],
body.color_highlight_01 .page-title-wrap,
/*.color_highlight_01 .item-label,*/
body.color_highlight_01 .page-header .page-breadcrumbs {
	background-color: var(--c-highlight-01) !important;
}

/* Highlight 02 */
/*body.color_highlight_02 .block-editor-content a, */
/*body.color_highlight_02 .block-editor-content a:visited,*/
body.color_highlight_02 .essential-breadcrumbs a,
body.color_highlight_02 .post-menu ul li a,
/*body.color_highlight_02 nav.main-menu-wrapper li.current-menu-item > a, */
body.color_highlight_02 .entry-title,
.overview-item.highlighted-workshop.color_highlight_02 .item-info-box .highlight-label,
body.color_highlight_02 .category-overview h1,
body.color_highlight_02 .category-overview h2,
body.color_highlight_02 .category-overview h3,
body.color_highlight_02 .category-overview h4,
body.color_highlight_02 .category-overview h5,
body.color_highlight_02 .category-overview h6,
body.color_highlight_02 .category-overview h1 a,
body.color_highlight_02 .category-overview h2 a,
body.color_highlight_02 .category-overview h3 a,
body.color_highlight_02 .category-overview h4 a,
body.color_highlight_02 .category-overview h5 a,
body.color_highlight_02 .category-overview h6 a {
	color: var(--c-highlight-02);
}
body.color_highlight_02 .submit-container > .submit-wrap:after { border-left-color: var(--c-highlight-02); }
body.color_highlight_02 .page-title-wrap:after { border-top-color: var(--c-highlight-02); }
body.color_highlight_02 .post-menu,
body.color_highlight_02 .post-menu ul li a:hover,
body.color_highlight_02 .post-menu ul li a:hover:after, 
body.color_highlight_02 .post-menu ul li.current-menu-item a,
body.color_highlight_02 .post-menu ul li.current-menu-item a:after,
body.color_highlight_02 .bottom-sidebar .widgettitle { border-bottom-color: var(--c-highlight-02); }
body.color_highlight_02 a.button,
body.color_highlight_02 #page-container .button, #page-container button, 
body.color_highlight_02 #page-container button[type="submit"], 
body.color_highlight_02 #page-container input[type="submit"], 
body.color_highlight_02 #page-container input[type="reset"], 
body.color_highlight_02 #page-container input[type="button"],
body.color_highlight_02 .page-title-wrap,
/*.color_highlight_02 .item-label,*/
body.color_highlight_02 .page-header .page-breadcrumbs {
	background-color: var(--c-highlight-02) !important;
}

/* Highlight 03 */
/*body.color_highlight_03 .block-editor-content a, */
/*body.color_highlight_03 .block-editor-content a:visited,*/
body.color_highlight_03 .essential-breadcrumbs a,
body.color_highlight_03 .post-menu ul li a,
/*body.color_highlight_03 nav.main-menu-wrapper li.current-menu-item > a, */
body.color_highlight_03 .entry-title,
.overview-item.highlighted-workshop.color_highlight_03 .item-info-box .highlight-label,
body.color_highlight_03 .category-overview h1,
body.color_highlight_03 .category-overview h2,
body.color_highlight_03 .category-overview h3,
body.color_highlight_03 .category-overview h4,
body.color_highlight_03 .category-overview h5,
body.color_highlight_03 .category-overview h6,
body.color_highlight_03 .category-overview h1 a,
body.color_highlight_03 .category-overview h2 a,
body.color_highlight_03 .category-overview h3 a,
body.color_highlight_03 .category-overview h4 a,
body.color_highlight_03 .category-overview h5 a,
body.color_highlight_03 .category-overview h6 a {
	color: var(--c-highlight-03);
}
body.color_highlight_03 .submit-container > .submit-wrap:after { border-left-color: var(--c-highlight-03); }
body.color_highlight_03 .page-title-wrap:after { border-top-color: var(--c-highlight-03); }
body.color_highlight_03 .post-menu,
body.color_highlight_03 .post-menu ul li a:hover,
body.color_highlight_03 .post-menu ul li a:hover:after, 
body.color_highlight_03 .post-menu ul li.current-menu-item a,
body.color_highlight_03 .post-menu ul li.current-menu-item a:after,
body.color_highlight_03 .bottom-sidebar .widgettitle { border-bottom-color: var(--c-highlight-03); }
body.color_highlight_03 a.button,
body.color_highlight_03 #page-container .button, #page-container button, 
body.color_highlight_03 #page-container button[type="submit"], 
body.color_highlight_03 #page-container input[type="submit"], 
body.color_highlight_03 #page-container input[type="reset"], 
body.color_highlight_03 #page-container input[type="button"],
body.color_highlight_03 .page-title-wrap,
/*.color_highlight_03 .item-label,*/
body.color_highlight_03 .page-header .page-breadcrumbs {
	background-color: var(--c-highlight-03) !important;
}

/*body.color_highlight_04 .block-editor-content a, */
/*body.color_highlight_04 .block-editor-content a:visited,*/
body.color_highlight_04 .essential-breadcrumbs a,
body.color_highlight_04 .post-menu ul li a,
/*body.color_highlight_04 nav.main-menu-wrapper li.current-menu-item > a, */
body.color_highlight_04 .entry-title,
.overview-item.highlighted-workshop.color_highlight_04 .item-info-box .highlight-label,
body.color_highlight_04 .category-overview h1,
body.color_highlight_04 .category-overview h2,
body.color_highlight_04 .category-overview h3,
body.color_highlight_04 .category-overview h4,
body.color_highlight_04 .category-overview h5,
body.color_highlight_04 .category-overview h6,
body.color_highlight_04 .category-overview h1 a,
body.color_highlight_04 .category-overview h2 a,
body.color_highlight_04 .category-overview h3 a,
body.color_highlight_04 .category-overview h4 a,
body.color_highlight_04 .category-overview h5 a,
body.color_highlight_04 .category-overview h6 a {
	color: var(--c-highlight-04);
}
body.color_highlight_04 .submit-container > .submit-wrap:after { border-left-color: var(--c-highlight-04); }
body.color_highlight_04 .page-title-wrap:after { border-top-color: var(--c-highlight-04); }
body.color_highlight_04 .post-menu,
body.color_highlight_04 .post-menu ul li a:hover,
body.color_highlight_04 .post-menu ul li a:hover:after, 
body.color_highlight_04 .post-menu ul li.current-menu-item a,
body.color_highlight_04 .post-menu ul li.current-menu-item a:after,
body.color_highlight_04 .bottom-sidebar .widgettitle { border-bottom-color: var(--c-highlight-04); }
body.color_highlight_04 a.button,
body.color_highlight_04 #page-container .button, #page-container button, 
body.color_highlight_04 #page-container button[type="submit"], 
body.color_highlight_04 #page-container input[type="submit"], 
body.color_highlight_04 #page-container input[type="reset"], 
body.color_highlight_04 #page-container input[type="button"],
body.color_highlight_04 .page-title-wrap,
/*.color_highlight_04 .item-label,*/
body.color_highlight_04 .page-header .page-breadcrumbs {
	background-color: var(--c-highlight-04) !important;
}

/*body.color_highlight_05 .block-editor-content a, */
/*body.color_highlight_05 .block-editor-content a:visited,*/
body.color_highlight_05 .essential-breadcrumbs a,
body.color_highlight_05 .post-menu ul li a,
/*body.color_highlight_05 nav.main-menu-wrapper li.current-menu-item > a, */
body.color_highlight_05 .entry-title,
.overview-item.highlighted-workshop.color_highlight_05 .item-info-box .highlight-label,
body.color_highlight_05 .category-overview h1,
body.color_highlight_05 .category-overview h2,
body.color_highlight_05 .category-overview h3,
body.color_highlight_05 .category-overview h4,
body.color_highlight_05 .category-overview h5,
body.color_highlight_05 .category-overview h6,
body.color_highlight_05 .category-overview h1 a,
body.color_highlight_05 .category-overview h2 a,
body.color_highlight_05 .category-overview h3 a,
body.color_highlight_05 .category-overview h4 a,
body.color_highlight_05 .category-overview h5 a,
body.color_highlight_05 .category-overview h6 a {
	color: var(--c-highlight-05);
}
body.color_highlight_05 .submit-container > .submit-wrap:after { border-left-color: var(--c-highlight-05); }
body.color_highlight_05 .page-title-wrap:after { border-top-color: var(--c-highlight-05); }
body.color_highlight_05 .post-menu,
body.color_highlight_05 .post-menu ul li a:hover,
body.color_highlight_05 .post-menu ul li a:hover:after, 
body.color_highlight_05 .post-menu ul li.current-menu-item a,
body.color_highlight_05 .post-menu ul li.current-menu-item a:after,
body.color_highlight_05 .bottom-sidebar .widgettitle { border-bottom-color: var(--c-highlight-05); }
body.color_highlight_05 a.button,
body.color_highlight_05 #page-container .button, #page-container button, 
body.color_highlight_05 .page-title-wrap,
/*.color_highlight_05 .item-label,*/
body.color_highlight_05 .page-header .page-breadcrumbs,
body.color_highlight_05 #page-container button[type="submit"], 
body.color_highlight_05 #page-container input[type="submit"], 
body.color_highlight_05 #page-container input[type="reset"], 
body.color_highlight_05 #page-container input[type="button"] {
	background-color: var(--c-highlight-05) !important;
}

/* Reset colored headings  cause its fugly
.block-editor-content div:not(.category-overview) h1,
.block-editor-content div:not(.category-overview) h2,
.block-editor-content div:not(.category-overview) h3,
.block-editor-content div:not(.category-overview) h4,
.block-editor-content div:not(.category-overview) h5,
.block-editor-content div:not(.category-overview) h6,
.block-editor-content div:not(.category-overview) h1 a,
.block-editor-content div:not(.category-overview) h2 a,
.block-editor-content div:not(.category-overview) h3 a,
.block-editor-content div:not(.category-overview) h4 a,
.block-editor-content div:not(.category-overview) h5 a,
.block-editor-content div:not(.category-overview) h6 a {
	color: var(--c-dark) !important;
}
 */

/*       _             __   
   _____(_)___  ____ _/ /__ 
  / ___/ / __ \/ __ `/ / _ \
 (__  ) / / / / /_/ / /  __/
/____/_/_/ /_/\__, /_/\___/ 
             /___*/
#workshop-focus > .row-inner {
	display: flex;
	flex-wrap: wrap;
}
#workshop-focus > .row-inner .grid-col-8 {
	/*padding-left: 0;*/
}
#workshop-focus .classic-cnt-wrapper {
	text-align: left;
	padding-left: 0;
	padding-right: 0;
}
.workshop-sidebar-blocks {
	padding-left: 0 !important;
}
.post-extra-data {
	margin-bottom: 32px;
	padding: 0 25px;
	text-align: left;
	position: relative;
}
.post-extra-data.boxed { 
	padding-top: 25px; 
	padding-bottom: 25px;
}
#sideblock-faq,
#sideblock-costs,
#sideblock-travel_costs,
#sideblock-audience,
div.post-extra-data[class*="block-costs"],
#sideblock-c2a,
#sideblock-downloads {
	padding-left: 0;
	padding-right: 0;
}
#workshop-focus h2,
#mm-c2a-block .text-field h3,
.post-extra-data h3 {
	font-size: var(--fz-l);
	margin-bottom: 15px;
}

/* Specificaties titel uitlijnen met andere sidebar titels */
#sideblock-performance_properties {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#sideblock-performance_properties h3 {
	margin-left: 0;
}
.double-price-list .text-field > ul:not(.performance-properties) { display: none; }
#workshop-focus .main-text {
	font-size: var(--fz-m2);
}
.classic-cnt-wrapper > ul,
.text-field ul {
	margin: 15px 0;
}
.post-extra-data .text-field ul { 
	margin-bottom: 0;
}
.post-extra-data .text-field ul > li:last-child { margin-bottom: 0; }
.classic-cnt-wrapper > ul li,
.text-field ul li {
	padding-left: 20px;
	position: relative;
	margin-bottom: 10px;
}
.classic-cnt-wrapper > ul li:before,
.text-field ul li:before {
	content: "\203A";
	position: absolute;
	top: 0;
	left: 0;
	font-size: var(--fz-xl);
	line-height: 0.6;
}
#sideblock-form_link {
	padding: 0;
	background: transparent;
	position: sticky;
	top: 162px;
	z-index: 2;
	margin-bottom: 20px;
}
/* Witruimte na contact knop */
#sideblock-form_link + div {
	margin-top: 30px;
}
/*#sideblock-high_res_images > a,*/
/*#sideblock-high_res_images > a:hover,*/
/*body.iudk #sideblock-high_res_images > a:hover,*/
#sideblock-form_link > a {
	display: block;
	background: var(--c-dark);
	color: #fff;
	font-size: var(--fz-m3);
	font-family: var(--ffslab);
	text-decoration: none;
	padding: 22px 20px;
	width: 100%;/* calc(100% - 20px);*/
	box-sizing: border-box;
	position: relative;
}
/*#sideblock-high_res_images > a,*/
#sideblock-form_link > a:hover {
	background-color: var(--c-highlight-03);
}
#sideblock-high_res_images > a {
	display: block;
/*	color: #000;*/
	text-decoration: none;
	font-size: var(--fz-l);
	line-height: 1.3;
	font-family: var(--ffslab);
	font-weight: bold;
} 
#sideblock-c2a {
	background: var(--c-highlight-03);
	padding-top: 0;
}
#sideblock-c2a, #sideblock-c2a a {
	color: #fff;
}
#sideblock-high_res_images {
	padding: 0;
/*	padding-bottom: 25px;*/
}

#mm-c2a-block .mmgphone.w-icon:before {
	display: none !important;
}
#mm-c2a-block .mmgphone.w-icon,
#mm-c2a-block .mail-link-wrap {
	display: block;
	line-height: 2;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
}
/* Consistente regelafstand en uitlijning voor "Heb je vragen" blok */
#mm-c2a-block .text-field > p {
	line-height: 2;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
}
#mm-c2a-block .text-field {
	text-align: left;
}
/* Verwijder inspringing van telefoon icoon */
#mm-c2a-block .mmgphone.w-icon:before,
#mm-c2a-block a[href*="tel:"] > i {
	margin-left: 0;
}
#sideblock-goals:before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
#mm-c2a-block:before,
.extra-data > .post-extra-data:nth-child(1):before {
	background-color: var(--c-main);
	opacity: 0.15;
}
.extra-data > .post-extra-data:nth-child(3):before {
	background-color: #efefef;
}
#sideblock-travel_costs,
#sideblock-audience,
#sideblock-costs {
/*	margin-bottom: 10px;*/
/*	padding-bottom: 1px;*/
}
.workshop-sidebar-blocks > div.text-hidden .text-field { display: none; }
#sideblock-high_res_images > a,
.workshop-sidebar-blocks > div h3.toggler {
	font-family: var(--ffslab) !important;
	border-bottom: 1px solid var(--c-dark);
	padding-bottom: 10px;
	position: relative;
	cursor: pointer;
	margin-bottom: 15px;
	width: 100%;
	padding-right: 30px; /* Ruimte voor pijl */
}
.workshop-sidebar-blocks > div h3.toggler:before {
	top: 0 !important;
	right: 0 !important;
}

.related-items-wrapper {
	padding-top: 40px;
	padding-bottom: 60px;
	background-color: var(--c-highlight-03);
	color: #fff;
	position: relative;
}
.related-items-wrapper:before {
	background: #fff !important;
	top: -16px;
	bottom: auto;
}
.related-items-wrapper > h2 {
	color: #fff;
	text-align: left;
	max-width: var(--w-max);
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
}
#main-image-wrap {
	margin-bottom: 30px;
}
.prev-next-wrap {
	margin-top: 40px;
	position: relative;
	background-color: #f7f7f8;
}
.prev-next-wrap a {
	display: block;
	float: left;
	width: 50%;
	box-sizing: border-box;
	text-decoration: none;
	padding: 20px;
}
.prev-next-wrap a strong {
	font-size: var(--fz-xl);
	color: var(--c-main);
	font-family: var(--ffslab);
	font-weight: 700;
}
.prev-next-wrap a:hover strong{ color: #000; }
.prev-next-wrap a.prev {
	text-align: left;
}
.prev-next-wrap a.next {
	text-align: right;
}
.drop-arrow-top {
	bottom: auto;
	top: 0;
}
i[class*="drop-arrow-"].white { border-top-color: #fff; }
i[class*="drop-arrow-"].grey { border-top-color: #f7f7f8; }



/*  ____                   
   / __/___  _________ ___ 
  / /_/ __ \/ ___/ __ `__ \
 / __/ /_/ / /  / / / / / /
/_/  \____/_/  /_/ /_/ /*/
form[name="req-ws-m-form"] {
	position: relative;
}
form[name="req-ws-m-form"] input[type="email"] {
	width: calc(100% - 100px);
	border: 1px solid  var(--c-main);
}
form[name="req-ws-m-form"] input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	background-color: var(--c-main);
	color: #fff;
}
#sideblock-downloads .notice,
#sideblock-downloads .notice-success {
	color: var(--c-dark);
	padding: 0;
	margin-left: 0;
	font-weight: normal;
}
#responsive-form {
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: var(--c-light);
}
#workshop-focus #responsive-form { padding-top: 1px; }
body.page-template-default #responsive-form { padding-top: 30px; padding-bottom: 30px; }
.classic-cnt-wrapper #responsive-form { padding-top: 15px; }
.form-row {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.form-row input {
	display: block;
	margin-bottom: 0;
}
.form-row > div {
	padding: 0 10px;
	padding-bottom: 20px !important ;
}
.form-row .column-third,
.form-row .column-half {
	width: 50%;
	float: left;
}
.form-row .column-third { width: 33.33%; }
.contact-form-wrap h2 {
	font-size: var(--fz-xl);
}
.submit-container {
	position: relative;
}
.submit-container > .submit-wrap {
	position: absolute;
	bottom: -20px;
	left: -20px;
	margin: 0;
	padding: 0;
	width: calc(100% + 30px);
}
.submit-container > .submit-wrap .ajax-loader {
	position: absolute;
}
.submit-container > .submit-wrap input[type="submit"] {
	border-radius: 0px !important;
	width: 100%;
	height: 40px;
	padding: 5px 20px;
	box-sizing: border-box;
	transition: none !important;
	display: block  !important;
	background-color: var(--c-main);
	color: #fff;
	font-weight: 500;
	font-size: var(--fz-m2);
}
.submit-container > .submit-wrap:after {
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

body #page-container .submit-container > .submit-wrap:hover input[type="submit"] {
	background-color: #000 !important ;
}
.submit-container > .submit-wrap:hover:after {
	border-left-color: #000 !important;
}
.classic-cnt-wrapper > div[role="form"] {
	margin-top: 20px;
}

/* Slider textbox */
.slide-info-box {
    position: absolute;
    background-color: #f0f0f0;
    bottom: 70px;
    left: 50px;
    width: 470px;
    color: #101417;
}
.slide-info-box > h3,
.slide-info-box > .text-field {
	margin: 10px 20px;
}
.slide-info-box > h3 {
	font-size: var(--fz-l);
}
.slide.more-btn {
	top: 100%;
	color: #fff;
	font-weight: bold;
	width: calc(100% + 10px);
}
.slide.more-btn:hover {
	background-color: #000;
}
.slide.more-btn:hover:after {
	border-left-color: #000;
}
.home-slider-wrap div.mm-wunderplugin-gallery {
	padding-bottom: 0;
	height: 500px;
}
/* Workshop gallery - focal point crop */
.single-post .mm-wunderplugin-gallery ul {
	height: 550px;
}
.single-post .mm-wunderplugin-gallery ul li {
	height: 100%;
}
.single-post .mm-wunderplugin-gallery ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* object-position wordt via PHP inline toegevoegd met !important */
}
/* Override eventuele plugin CSS - inline style wint door [style] selector */
.mm-wunderplugin-gallery ul li img[style*="object-position"] {
	object-position: unset;
}

/* Gallery navigatie pijlen */
.mm-wunderplugin-gallery {
	position: relative;
}
.mm-wunderplugin-gallery ul {
	position: relative;
}
.mm-wunderplugin-gallery .scroller-arrows-nav {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	pointer-events: none;
	height: 550px; /* Zelfde hoogte als de gallery ul */
}
.mm-wunderplugin-gallery .scroller-arrows-nav a {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	cursor: pointer;
	pointer-events: auto;
	font-size: 0;
	line-height: 0;
	color: transparent;
	background: none;
}
.mm-wunderplugin-gallery .scroller-arrows-nav a::before {
	content: '';
	position: absolute;
	top: 11px;
	left: 11px;
	width: 28px;
	height: 28px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	filter: drop-shadow(0 1px 3px rgba(0,0,0,0.5));
}
.mm-wunderplugin-gallery .scroller-arrows-nav a.prev {
	left: 15px;
}
.mm-wunderplugin-gallery .scroller-arrows-nav a.prev::before {
	transform: rotate(-135deg);
}
.mm-wunderplugin-gallery .scroller-arrows-nav a.next {
	right: 15px;
}
.mm-wunderplugin-gallery .scroller-arrows-nav a.next::before {
	transform: rotate(45deg);
}
.mm-wunderplugin-gallery .scroller-arrows-nav a:hover::before {
	border-color: #fff;
	filter: drop-shadow(0 2px 5px rgba(0,0,0,0.7));
}

/* __                     
  / /____  ____ _____ ___ 
 / __/ _ \/ __ `/ __ `__ \
/ /_/  __/ /_/ / / / / / /
\__/\___/\__,_/_/ /_/ /*/
.teammembers-overview > div {
	flex-basis: 25%;
	padding: 20px;
	margin-bottom: 20px;
	background-color: transparent;
	text-align: center;
}
.teammember-item .item-img {
	display: block;
	overflow: hidden;
	background-color: transparent;
	margin-bottom: 10px;
	border-radius: 50%;
	position: relative;
	z-index: 2;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.teammember-item .item-img img {
	display: block;
	transition: transform 0.3s ease;
	position: relative;
}
.teammember-item  .item-inner > a:hover .item-img img {
	transform: scale(1.05);
}
.teammembers-overview a {
	text-decoration: none;
}
.teammember-item div.member-role {
	margin-top: 10px;
	color: #555 !important; 
}
.member-links {
	padding-top: 5px;
	text-align: center;
}
a.phone-link i,
a#header-tel-link,	
a#header-mail-link,	
a.linkedin-link i,
#mm-c2a-block a[href*="tel:"] > i,
#mm-c2a-block a[href*="mailto:"] > i,
.mmgphone.w-icon:before,
a.email-link i {
	content: ' ';
	display: inline-block;
	width: 24px;
	height: 23px;
	background: url('/wp-content/themes/kleinkunstig-2020/_img/sprite.svg') -550px 5px no-repeat;
	margin: 0 6px 0 0;
	transform: scale(0.7);
	opacity: 0.7;
}
a.linkedin-link i { background-position: -902px -1px;  }
.mmgphone.w-icon:before,
a#header-tel-link,
#mm-c2a-block a[href*="tel:"] > i,
a.phone-link i { 
	background-position-x: -500px;
	height: 40px;
	margin-bottom: -9px;
	transform: scale(0.6);
}
.member-links a:hover i { opacity: 1; }
.focus-item .member-links,
.focus-item .item-info-box {
	text-align: left;
}
.focus-item .item-img {
	width: 400px;
	height: 400px;
	float: right;
	border-radius: 0;
}
.focus-item .item-img img {
	border-radius: 50%;
	float: right;
}
.focus-item .member-role { 
	font-size: var(--fz-m2); 
	margin-bottom: 15px;
}
.focus-item .text-field {
	margin-top: 20px;
}

span#back-to-top {
	display: block;
	background-color: rgba(0,0,0,0.6);
	width: 25px;
	height: 25px;
	position: absolute;
	right: 0;
	bottom: 20px;
}
span#back-to-top:before {
	content: ' ';
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	transform: rotate(-45deg);
	top: 8px;
	left: 6px;
}
.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}
.wpcf7-response-output[role="alert"],
span.wpcf7-not-valid-tip {
	color: red;
	font-size: var(--fz-s);
}
.wpcf7-form .form-row {
	text-align: left;
}
.wpcf7-response-output[role="alert"] {margin-top: 10px;}
.workshop-desc { text-align: left; }
/* _________   ___       ____            
  / ____/__ \ /   |     / __ )____  _  __
 / /    __/ // /| |    / __  / __ \| |/_/
/ /___ / __// ___ |   / /_/ / /_/ />  <  
\____//____/_/  |_|  /_____/\____/_/|*/

#mm-c2a-block {
	position: relative;
	text-align: left;
	padding: 20px;
	padding-bottom: 0;
	/*margin-top: 30px;*/
}
#mm-c2a-block .text-field h3 {
}
#mm-c2a-block a[href*="tel:"],
#mm-c2a-block a[href*="mailto:"] {
	text-decoration: none;
}
#mm-c2a-block .txt-top a:hover {
	font-weight: 500;
}
.mmgphone.w-icon:before,
#mm-c2a-block a[href*="tel:"] i { width: 14px; }
.txt-top > p:last-of-type { margin-bottom: 0; }
.txt-bot,
.thumbs-wrap {
	background-color: var(--c-main);
	margin-left: -20px;
	margin-right: -20px;
	padding: 0 10px;	
}
.thumbs-wrap {
	display: flex;
	margin-top: 35px;
}
.thumbs-wrap > img {
	margin-top: -27px;
	border-radius: 50%;
	/*width: 25%;*/
	overflow: hidden;
	border: 3px solid #fff;
	margin-left: -15px;;
}
.thumbs-wrap > img:first-of-type { margin-left: 0; }
.txt-bot {
	padding: 20px;
	padding-top: 10px;
	font-family: var(--ffslab);
	font-size: var(--fz-l);
	line-height: 1.2;
	position: relative;
}
.txt-bot,
.txt-bot a {
	color: #fff;
	text-decoration: none;
}
.txt-bot a {
	display: block;
}
.txt-bot a:after {
	content: ' ';
	display: block;
	margin-top: 10px;
	transition: transform 0.2s ease;
}
.txt-bot a:hover:after {
	transform: translateX(7px);
}
/* __                             __   _                
  / /_____ _____ _____ ____  ____/ /  (_)___ ___  ____ _
 / __/ __ `/ __ `/ __ `/ _ \/ __  /  / / __ `__ \/ __ `/
/ /_/ /_/ / /_/ / /_/ /  __/ /_/ /  / / / / / / / /_/ / 
\__/\__,_/\__, /\__, /\___/\__,_/  /_/_/ /_/ /_/\__, /  
         /____//____/                          /___*/
.page-header + .block-editor-content > div.tagged-img-wrap:first-child {
	margin-top: -20px;
}
.tagged-img-wrap {
	margin-bottom: 30px;;
}
.tagged-img-wrap .inner-wrap {
	position: relative;
}
.tagged-img-wrap .inner-wrap > img {
	position: absolute;
	top:  0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: none;
	height: auto;
	display: block;
}
.img-tag {
	position: absolute;
	z-index: 10;;
}
.img-tag a:after { content: none; }
.img-tag > i {
	display: block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0px 2px 0 var(--c-dark);
	position: relative;
	z-index: 5;
	cursor: pointer;
}
.img-tag:hover {
	z-index: 12;
}
.img-tag > div {
	position: absolute;
	top: 7px;
	left: 7px;
	z-index: 4;
	background-color: #fff;
	color:  var(--c-dark);
	text-align: left;
	padding: 15px;
	opacity: 0;
	transition: all 0.3s ease;
	transform: translateY(15px);
	width: 50px;
	box-shadow: rgba(0, 0, 0, 0.6);
	border-radius: 6px;
	border-bottom: 1px solid var(--c-dark);
}
.img-tag.desc-left > div {
	left: auto;
	right: 7px;
}
.img-tag > i:hover {
	/*z-index: 10;*/
}
.img-tag > i:hover + div {
	opacity: 1;
	width: 220px;
	transform: translateY(0px);
}
.img-tag > div h4 {
	font-size: 1rem;
	line-height: 1;
	margin-bottom: 7px;
	/*white-space: nowrap;*/
}
.img-tag > div p { 
	font-size: var(--fz-s);
	margin-bottom: 0; 
}
.img-tag > div a {
	color: var(--c-lime);
	text-decoration: underline;
}
.img-tag > div a:hover { text-decoration: none; }

.ws-focus-scroll-tos { display: none; }

/* ________         _      __                      
  / ____/ /_  _____(_)____/ /_____ ___  ____ ______
 / /   / __ \/ ___/ / ___/ __/ __ `__ \/ __ `/ ___/
/ /___/ / / / /  / (__  ) /_/ / / / / / /_/ (__  ) 
\____/_/ /_/_/  /_/____/\__/_/ /_/ /_/\__,_/___*/
.special-theme-christmas .page-header,
.special-theme-christmas .page-title-wrap {
	background: url('/wp-content/themes/kleinkunstig-2020/_img/header-bg-christmas.jpg');;
	background-position: top center;
	border-bottom: 1px solid var(--c-christmas-grn);	
}
.special-theme-christmas.w-sub-menu .page-header {
	border-bottom: none !important
}
.special-theme-christmas .page-header .page-title-wrap { background: none !important; }
.special-theme-christmas .page-header .post-menu {
	background-color: #fff;
	margin-bottom: 0;
	padding-bottom: 30px;
}
.special-theme-christmas .page-title-wrap h1 {
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
/*#footer-bottom:after, 
.box:after, 
.block-light:after, 
.drop-arrow-top, 
.drop-arrow-bot, */
.special-theme-christmas .home-update-item:after,
.special-theme-christmas .page-title-wrap:after {
	border-top-color: var(--c-christmas-grn);
}
.special-theme-christmas .home-updates-wrap {
	background-color: #112B00;
}
.special-theme-christmas .home-bg-items>span>i {
	background-image: url('/wp-content/themes/kleinkunstig-2020/../../plugins/mm-home-updates/_img/home-items-bg-gfx-christmas.svg');
}
.special-theme-christmas .home-update-item.color_highlight_03 .bxd-arrow {
	background-color: var(--c-christmas-grn);
}
.special-theme-christmas .home-update-item {
	box-shadow: var(--hu-drop-shadow) var(--c-christmas-grn);
}
.special-theme-christmas a.show-all-home-updates { background-color: #d00113; }
.special-theme-christmas a.show-all-home-updates:after { border-left-color: #d00113;  }

.special-theme-christmas .home-update-item.color_highlight_03,
.special-theme-christmas .home-update-item.color_highlight_03.no-image .item-txt,
.special-theme-christmas .home-update-item.color_highlight_03 .item-txt span.highlighted,
.special-theme-christmas .home-update-item.color_highlight_03 .home-update-title {
	color: var(--c-christmas-grn);
	border-left-color: var(--c-christmas-grn);
}
.special-theme-christmas footer {
	background-image: url('/wp-content/themes/kleinkunstig-2020/_img/footer-bg-christmas.jpg');
	background-position: center;
}
body.special-theme-christmas .page-header .page-breadcrumbs {
	background-color: transparent !important;
}
/*            __  _                                             _     
  ____ ______/ /_(_)   _____  _________ _____ ___  ____  ____ _(_)___ 
 / __ `/ ___/ __/ / | / / _ \/ ___/ __ `/ __ `__ \/ __ \/ __ `/ / __ \
/ /_/ / /__/ /_/ /| |/ /  __/ /__/ /_/ / / / / / / /_/ / /_/ / / / / /
\__,_/\___/\__/_/ |___/\___/\___/\__,_/_/ /_/ /_/ .___/\__,_/_/_/ /_/ 
                                               /*/
div:not(.newsletter-subscribe-box) > .ac-form-wrap {
/*	background-color: var(--c-light);*/
/*	background-color: rgba(30,52,96,.75);*/
	position: relative;
	margin-top: 50px;
	color: #fff;
}
div:not(.newsletter-subscribe-box) > .ac-form-wrap:before {
	content: ' ';
	display: block;
	position: absolute;
	inset: 0 0 0 0;
	background-color: var(--c-dark);
	opacity: .75;
	z-index: 0;
}
.ac-form-wrap > div { position: relative; z-index: 1; }
#ws-sticky { display: none; }
.contact-form-wrap h2 { 
	color: #fff ; 
	font-weight: normal;
	padding-left: 20px;
	font-family: var(--ffslab) !important;
}
div:not(.newsletter-subscribe-box) > .ac-form-wrap {
	padding: 30px;
}
#contact > .row-inner,
form[action*="kleinkunstig.activehosted."] ._form-content {
	max-width: 900px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-family: var(--ff) !important;
/*	background-color: #f4f4f4 !important;*/
}
form[action*="kleinkunstig.activehosted."] input[type="text"],
form[action*="kleinkunstig.activehosted."] input[type="email"],
form[action*="kleinkunstig.activehosted."] input[type="date"],
form[action*="kleinkunstig.activehosted."] textarea,
form[action*="kleinkunstig.activehosted."] input[type="tel"] {
/*	border:1px solid var(--c-dark);*/
	font-family: var(--ff);
}
form[action*="kleinkunstig.activehosted."] input._has_error {
	border: 1px solid red;
}
form[action*="kleinkunstig.activehosted."] input[type="text"].long-name { font-size: var(--fz-s); }
div._form-branding {
	display: none;
}
._form-content {
	display: flex;
	flex-wrap: wrap;
}
._form-content > ._form_element {
	width: 50%;
}

.ac-form-wrap > h2 {
	margin-bottom: 30px;
	position: relative;
	z-index: 2;
}
._button-wrapper,
._form-content > ._x19536836,
._form-content > ._x54584962,
._form-content > ._x88572863,
._form-content > ._x72320048,
._form-content > ._x94815480,
._form-content > ._x91632451,
._form-content > ._x38348935,
._form-content > ._x09592607,
._form-content > ._x17845216,
._form-content > ._x90512157,
._form-content > ._x91819070,
._form-content > ._x17017687,
._form-content > ._x59294310 {
	padding: 10px;
}
._form-content > ._x54681453,
._form-content > ._x17017687,
._form-content > ._x90512157 {
	padding-top: 0;
	padding-bottom: 0;
}
._form-content > ._x19536836,
._form-content > ._x88572863,
._form-content > ._x72320048,
._form-content > ._x38348935,
._form-content > ._x94815480,
._form-content > ._x54584962 {
	width: 33.33%;
}
._form-content > ._x90512157,
.newsletter-subscribe-box ._form-content > ._form_element,
._form-content > ._x59294310 { width: 100%; }
._form-content > ._x59294310 textarea {
	min-height: 100px;
}
._form-label {
/*	font-weight: bold;*/
	display: inline-block;
	margin-bottom: 4px;
}
._form-content > ._x54681453,
._form-content > ._x91819070,
body.mboss ._form-content > ._form_element._x17845216,
body.mboss ._form-content > ._form_element._x90512157,
body.mboss ._form-content > ._form_element._x17017687,
._form-fieldset > ._row:not(._checkbox-radio),
._x28600109,
legend._form-label:empty { display: none; }
 _button-wrapper button { color: #fff; }

/* MBOss exceptions */
body.mboss ._form-content > ._x91819070,
body.mboss ._form-content > ._x09592607 {
	display: block !important;
}


/* Voorstelling detail-page, hide some form inputs */
[data-product-type="voorstelling"] ._form_element._x14670855 fieldset div._row._checkbox-radio:nth-of-type(3),
[data-product-type="voorstelling"] ._form_element._x14670855 fieldset div._row._checkbox-radio:nth-of-type(4),
[data-product-type="voorstelling"] ._form_element._x14670855 fieldset div._row._checkbox-radio:nth-of-type(5) {
	display: none;
}

._button-wrapper._full_width { width: 100%; }
body.grotebroer ._x14670855 { display: none; }
body.kleinkunstig ._form_element._x14670855 + ._button-wrapper._full_width { width: 50%; }
#page-container .ac-form-wrap button._submit {
	position: relative;
	background: var(--c-dark) !important;
	float: right;
	font-family: var(--ffslab);
	font-size: var(--fz-xl);
	font-weight: bold;
	height: auto;
	padding: 10px 30px;
	margin-right: 20px;
	transition: background-color .3s ease;
}
#page-container .ac-form-wrap button._submit:hover {
	background-color: var(--c-highlight-03) !important;
}
._form-thank-you { padding-left: 20px; }
.newsletter-subscribe-box ._form-thank-you { padding-left: 0; }
body.page-contact ._form-thank-you,
.workshop-form ._form-thank-you { opacity: 0; }
body.page-contact form.form-done:before,
.workshop-form form.form-done:before {
	position: static;
	background-image: url('/wp-content/themes/kleinkunstig-2020/_img/ajax-loader-white.gif');
}
/*
_x19536836 - voornaam
_x38348935 - tussenvoegsel
_x54584962 - achternaam
_x88572863 - email
_x72320048 - tel
_x94815480 - voorkeursdatum
_x91632451 - plaatsnaam
_x09592607 - schoolnaam
_x17845216 - html info (Na het invoeren van de plaatsnaam kunt u de schoolnaam invoeren.)
_x90512157 - informeert niet namens school
_x17017687 - school not listed
_x59294310 - opmerkingen textarea
_x14670855 - extra's checkboxes
*/
/* Thank u page */
body.page-bedankt .container,
body.page-bedankt .block-editor-content {
	background-color: #ffefe6;
	color: var(--c-dark);
}
body.page-bedankt .block-editor-content .wp-block-columns {
	max-width: var(--w-max);
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: var(--fz-m2);
}
body.page-bedankt .block-editor-content .wp-block-columns > div:first-child { padding-left: 20px; }
body.page-bedankt .block-editor-content .wp-block-columns > div:last-child { padding-right: 20px; }
body.page-bedankt .block-editor-content .wp-block-columns > div:first-child a {
	color: var(--c-highlight-01);
}
body.page-bedankt .block-editor-content h2, 
body.page-bedankt .block-editor-content h3 {
	font-size: var(--fz-xl);
}
.blocked.yellow > a {
	display: block;
	background: var(--c-highlight-03);
	padding: 20px;
	color: #fff;
	text-decoration: none;
}
body.page-bedankt .blocked.yellow {
	margin-bottom: 30px;
}
.newsletter-subscribe-box.box.blue {
	background-color: #667491;
	color: #fff;
	padding: 20px;
	padding-left: 20px !important;
}
.newsletter-subscribe-box.box.blue:after {
	border-top-color: #667491;
}
.newsletter-subscribe-box.box.blue .wp-block-group__inner-container {
	padding-left: 0;
	padding-right: 0;
}
.newsletter-subscribe-box.box.blue h3 {
	color: #fff;
}
body.page-bedankt .related-items-wrapper:before {
	background-color: #ffefe6 !important;
}
body.page-bedankt .block-editor-content .related-items-wrapper .item-inner h2, 
body.page-bedankt .block-editor-content .related-items-wrapper .item-inner h3 {
	font-size: var(--fz-m3);
}


/* suggestions */
.ui-menu {
	background-color: #fff;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
	max-height: 250px;
	overflow: auto;
	max-width: var(--w-med);
}
.ui-menu .ui-menu-item {
	text-align: left;
	font-family: var(--ff);
	padding: ;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu > .ui-menu-item:last-of-type { border-bottom: none; }
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
	margin: 0 !important;
	font-weight: 500;
}
div._error {
	font-size: var(--fz-s);
	color: #f00;
	margin-bottom: 3px;
}
._row._checkbox-radio {
	margin-bottom: 10px;
	position: relative;
	padding-left: 25px;
}
._row._checkbox-radio > input[type="checkbox"] {
	position: absolute;
	top: 3px;
	left: 0;
}
p.explanation {
	font-size: var(--fz-s);
	font-style: italic;
	margin-bottom: 10px;
}


/* Faqs wrap */
.block-faq {
/*	color: var(--c-dark);*/
}
.mm-faqs-wrap { }
.block-editor-content .mm-faqs-wrap { display: none; }
.mm-faqs-wrap .faq-q,
.mm-faqs-wrap .faq-a {
	display: block;
}
.mm-faqs-wrap .faq-q:nth-of-type(odd) {
	/*background-color: var(--c-yellow);*/
	/*color: #000;*/
}
.mm-faqs-wrap .faq-q {
/*	font-weight: 400;*/
/*	letter-spacing: 0.03em;*/
	position: relative;
	cursor: pointer;
	border-top: 1px solid var(--c-dark);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 40px;
	margin-bottom: 0 !important;
}
.mm-faqs-wrap p.faq-q {
	font-weight: 700;
}
.mm-faqs-wrap.open .faq-q { border-top: none; }
.mm-faqs-wrap > .faq-q:first-of-type { border-top: none; }
.mm-faqs-wrap .faq-a {
	padding-bottom: 10px;
}
.mm-faqs-wrap .faq-a.hidden { display: none; }
#sideblock-high_res_images > a:after,
.workshop-sidebar-blocks > div h3.toggler:before,
.mm-faqs-wrap:not(.open) .faq-q:before {
	content: '\203A';
	display: block;
	position: absolute;
	top: 0%;
	right: 10px;
	font-size: 2.5rem;
	line-height: 1;
	font-weight: 400;
	/*
	width: 0;
	height: 0;
	margin-top: -11px;
	border-left: 21px solid transparent;
	border-right: 21px solid transparent;
	border-top: 22px solid var(--c-dark);
	*/
	transition: transform 0.2s ease;
}
#sideblock-high_res_images > a:after,
.workshop-sidebar-blocks > div h3.toggler:before { transform-origin:center }
#sideblock-high_res_images > a:hover:after,
.mm-faqs-wrap .faq-q.active:before {
	transform: rotate(90deg);
}
/* Toggler pijl states - INGEVOUWEN: naar rechts */
.workshop-sidebar-blocks > div.text-hidden h3.toggler:before {
	transform: rotate(0deg) !important;
}
/* Toggler pijl states - UITGEVOUWEN: naar beneden */
.workshop-sidebar-blocks > div:not(.text-hidden) h3.toggler:before {
	transform: rotate(90deg) !important;
}
#sideblock-high_res_images > a:after { top: -6px; }

.mm-reviews-info-wrap {
	margin-bottom: 32px;
	padding: 16px;
	text-align: left;
	position: relative;
	z-index: 2;
}
.mm-reviews-info-wrap:after {
	content: ' ';
	display: block;
	position: absolute;
	inset: 0 0 0 0;
	z-index: -1;
	background-color: var(--c-main);
	opacity: .25;
}
.mm-reviews-info-wrap span:not(.five-point-rating) { font-weight: 500; }
.mm-reviews-info-wrap.overview {
/*	padding-left: 76px;*/
	font-size: var(--fz-m2);
}
.mm-reviews-info-wrap.overview:before {
	content: ' ';
	display: block;
	border-top: 1px solid #ccc;
	margin-bottom: 1rem;
}
.mm-reviews-info-wrap.overview:after { content: none; }

/* Grote Broer exceptions */
body.grotebroer .related-items-wrapper,
body.grotebroer .blocked.yellow > a,
body.grotebroer #sideblock-c2a,
body.grotebroer #page-container .ac-form-wrap button._submit:hover,
body.grotebroer #sideblock-form_link > a:hover
/*,
body.grotebroer #ws-sticky a.ws-request,
body.grotebroer .page-title-wrap.w-btn a.ws-request 
*/{
	background-color: var(--c-highlight-04);
}
.wp-block-group.ws-overview-pre {
	max-width: var(--w-max);
	margin-left: auto;
	margin-right: auto;
}
 .block-editor-content > .wp-block-group.ws-overview-pre .wp-block-group__inner-container {
	margin-left: 295px !important;
	padding-left: 0;
}
h1.has-medium-font-size,
h2.has-medium-font-size,
h3.has-medium-font-size {
	font-size: var(--fz-l) !important;
	margin-bottom: 20px !important;
}
p.has-medium-font-size { font-size: var(--fz-m2) !important; }

/* IUDK Exceptions */
body.iudk #sideblock-c2a, 
body.iudk #sideblock-c2a a {
	color: #000;
}
body.iudk .blocked.yellow > a,
body.iudk .page-title-wrap.w-btn a.ws-request,
body.iudk #sideblock-c2a,
/*body.iudk #sideblock-high_res_images > a,*/
body.iudk #ws-sticky a.ws-request { background-color: var(--c-light); }
body.iudk .box, body.iudk .block-light { background-color: #f4f4f4 !important; }
/*
body.iudk .category-overview h1,
body.iudk .category-overview h2,
body.iudk .category-overview h3,
*/
body.iudk .category-overview h4 {
	color: var(--c-main);
}
body.iudk .related-items-wrapper { background-color: var(--c-dark); }
/*
.main-text p.has-medium-font-size { 
	font-size: var(--fz-l) !important; 
	color: var(--c-dark);
	font-weight: 300;
}
*/
.main-text h2.has-medium-font-size { 
	font-family: var(--ff) !important;
/*	color: var(--c-dark);*/
	font-weight: 300;
	font-size: var(--fz-xxl) !important;
}
/* Editor colors */
.has-background.has-color-black-background-color { background-color: #000; }
.has-background.has-color-main-background-color { background-color: var(--c-main); }
.has-background.has-color-dark-background-color { background-color: var(--c-dark); }
.has-background.has-color-highlight-01-background-color { background-color: var(--c-highlight-01); }
.has-background.has-color-highlight-02-background-color { background-color: var(--c-highlight-02); }
.has-background.has-color-highlight-03-background-color { background-color: var(--c-highlight-03); }
.has-background.has-color-highlight-04-background-color { background-color: var(--c-highlight-04); }
.has-background.has-color-highlight-05-background-color { background-color: var(--c-highlight-05); }

.has-text-color.has-black-color,
.has-text-color.has-black-color a { color: #000; }
.has-text-color.has-white-color,
.has-text-color.has-white-color a { color: #fff; }
.has-text-color.has-color-main-color,
.has-text-color.has-color-main-color a { color: var(--c-main); }
.has-text-color.has-color-dark-color,
.has-text-color.has-color-dark-color a { color: var(--c-dark); }
.has-text-color.has-color-highlight-01-color,
.has-text-color.has-color-highlight-01-color a { color: var(--c-highlight-01); }
.has-text-color.has-color-highlight-02-color,
.has-text-color.has-color-highlight-02-color a { color: var(--c-highlight-02); }
.has-text-color.has-color-highlight-03-color,
.has-text-color.has-color-highlight-03-color a { color: var(--c-highlight-03); }
.has-text-color.has-color-highlight-04-color,
.has-text-color.has-color-highlight-04-color a { color: var(--c-highlight-04); }
.has-text-color.has-color-highlight-05-color,
.has-text-color.has-color-highlight-05-color a { color: var(--c-highlight-05); }

/*  __                            ___  _____
   / /_  ____  ____ ___  ___     |__ \|__  /
  / __ \/ __ \/ __ `__ \/ _ \    __/ / /_ < 
 / / / / /_/ / / / / / /  __/   / __/___/ / 
/_/ /_/\____/_/ /_/ /_/\___/   /____/___*/

.ckv-columns,
body.home .wp-block-columns:not(.alignfull) {
	max-width: var(--w-lrg);
	margin-left: auto;
	margin-right: auto;
}
.ckv-columns h2 {
	font-size: var(--fz-xl);
	padding-top: 16px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 16px;
}
.ckv-columns {
	align-items: stretch;
}
.ckv-columns > div {
	display: flex;
	flex-direction: column;
}
.ckv-columns > div > h2 {
	flex-grow: 1;
}
h2 a,
.home-opening-cols h2 a,
.ckv-columns h2 a {
	text-decoration: none;
}
.ckv-columns h2.has-background.has-white-color a { color: #fff; }
.wp-block-columns.home-update-wrap figure.wp-block,
.ckv-columns h2 + figure.wp-block {
	margin-top: 0 !important;
}
.wp-block-columns.home-update-wrap figure.wp-block { margin-bottom: 0 !important; }
.wp-block-columns.home-opening-cols {
	gap: 0 !important;
	margin-bottom: 0;
}
.wp-block-columns.home-opening-cols .wp-block-cover, .wp-block-cover-image {
	overflow: visible !important;
}
.wp-block-columns.home-update-wrap.cnt-img-cnt-txt > .wp-block-column.cnt-img > figure,
.wp-block-columns.home-opening-cols > .wp-block-column:nth-child(1) .wp-block-cover .wp-block-cover__image-background {
	right: -30px !important;
	width: calc(100% + 30px);
	clip-path: polygon(0 0, 100% 0, calc(100% - 60px) 100%, 0% 100%);	
}
.wp-block-columns.home-opening-cols > .wp-block-column:nth-child(2) .wp-block-cover .wp-block-cover__image-background {
	left: -30px !important;
	width: calc(100% + 30px);
	clip-path: polygon(60px 0, 100% 0, 100% 100%, 0 100%);
}
.wp-block-columns.home-update-wrap.cnt-txt-cnt-img > .wp-block-column.cnt-img > figure {
	width: calc(100% + 30px);
	margin-left: -30px;
	clip-path: polygon(0px 0, 100% 0, 100% 100%, 60px 100%);
}
.wp-block-columns.home-update-wrap > .cnt-img {
	align-self: stretch !important;
}
.wp-block-columns.home-update-wrap > .cnt-img > figure > a {
	display: block;
	height: 100%;
}
.wp-block-columns.home-update-wrap > .cnt-img > figure {
	height: 100%;
}
.wp-block-columns.home-update-wrap > .cnt-img > figure img {
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
}

.wp-block-columns.home-opening-cols h2 {
	margin-bottom: .7em;
	text-shadow: 1px 1px 0px var(--c-dark);
}
.wp-block-cover.linked { cursor: pointer; }
body.home a.wp-block-button__link,
.wp-block-columns.home-opening-cols a.wp-block-button__link {
	font-size: var(--fz-m2);
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.wp-block-columns.home-update-wrap {
	box-shadow: 5px 5px 0px #343e63 !important;
}
.block-editor-content > h1 {
	font-size: var(--fz-xxl);
	margin-bottom: 1em;
}
.wp-block-columns.home-update-wrap h2,
.block-editor-content > h2 { 
	font-size: var(--fz-xl); 
	margin-bottom: 1em;
}
.block-editor-content > p + h2 {
	margin-top: 50px;
}
.wp-block-columns.home-update-wrap {
	gap: 0 !important;
	margin-bottom: 70px;
	background-color: #fff;
}
.wp-block-columns.home-update-wrap .wp-block-column.cnt-txt {
	text-align: left;
	padding: 50px;
	width: 50% !important;
	box-sizing: border-box;
	max-width: calc( var(--w-lrg) / 2 );
}
.wp-block-columns.home-update-wrap ul,
.wp-block-columns.home-update-wrap p {
	font-size: var(--fz-m2);
	font-weight: 700;
	color: var(--c-dark);
}
.wp-block-columns.home-update-wrap p a { font-weight: 300; text-decoration: none; }
body.home .block-editor-content {
	background-color: #efefef;
}
.wp-block-columns.home-update-wrap ul {
	margin-bottom: 1em;
}
.wp-block-columns.home-update-wrap ul + .wp-block-buttons {
	margin-top: 30px;
}
.wp-block-columns.home-update-wrap ul li {
	padding-left: 30px;
	position: relative;
}
.wp-block-columns.home-update-wrap ul li:before {
	content: 'V';
	font-weight: 300;
	position: absolute;
	top: 0;
	left: 0;
}
.block-editor-content > .wp-block-group.alignfull.has-background + .wp-block-heading {
	padding-top: 2rem;
}
h3 + .home-updates-wrap {
	margin-top: 2rem;
}
.home-updates-wrap  span.more-button { bottom: 10px; }
.home-update-wrap .wp-block-image { margin-bottom: 0 !important; }
.wp-block-image figure.aligncenter { margin-bottom: 1rem ; }
.home-page-2023 {
	position: relative;
	background-color: #efefef;
}
.home-page-2023 .page-content.block-editor-content {
	z-index: 10;
	background-color: transparent !important;
	padding-bottom: 0;
}
.block-editor-content > h3 {
	font-size: var(--fz-l);
	font-family: var(--ff);
	margin-bottom: 1em;
}
.block-editor-content > .wp-block-columns + h3 {
	margin-top: 2em;
}
.home-page-2023 .block-editor-content > div.wp-block-group:last-child  .wp-block-columns {
	margin-bottom: 0;
}
footer .row-inner > div:nth-child(4) .text-field {
	position: relative;
	background-color: var(--c-highlight-03);
	padding: 30px 40px;
	font-family: var(--ffslab);
	font-size: var(--fz-l);
	font-weight: 700;
	text-align: center;
}
footer .row-inner > div:nth-child(4) .text-field:before {
	content: ' ';
	display: block;
	width: 26px;
	height: 26px;
	background-color: var(--c-dark);
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -13px;
	transform: rotate(45deg) translateX(-10px) translateY(-10px);
}
footer .row-inner > div:nth-child(4) .text-field a {
	margin-top: 20px;
	display: block;
	background-color: var(--c-dark);
	color: #fff;
	font-size: var(--fz-m2);
	font-weight: 600;
	font-family: var(--ff);
	padding: 10px 20px;
	transition: background-color .3s ease;
}
footer .row-inner > div:nth-child(4) .text-field a:hover {
	background-color: var(--c-main);
}
/* HOME Keuzehulp */
#home-selection-tool {
	padding: 20px;
	background-color: var(--c-dark);
	color: #fff;
	margin-bottom: 40px;
}
#home-selection-tool .inner {
	max-width: var(--w-lrg);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
}
#home-selection-tool h3 {
	font-size: var(--fz-xl);
	margin-bottom: .5em;
}
#home-selection-tool h3 a {
	color: #fff;
	text-decoration: none;
/*	border-bottom: 1px solid #fff;*/
}
#home-selection-tool h3 a:hover { color: var(--c-main); }
#home-selection-tool .inner label {
	font-weight: bold;
	display: inline-block;
}
#home-selection-tool .inner a.hst-type-btn {
	background-color: var(--c-main);
	color: #fff;
	margin-left: 20px;
	padding: 7px 20px !important;
	transition: all .3s ease;
}
#home-selection-tool .inner a.hst-type-btn:hover {
	background-color: #fff;
	color: var(--c-main);
}

#home-selection-tool .inner > div {
	margin-right: 20px;
	width: 180px;
	max-width: 100%;
}
#home-selection-tool .inner > div.selects-wrap {
	display: flex;
	width: auto;
}
#home-selection-tool .selects-wrap select {
	max-width: 100%;
/*	min-width: 100px;*/
	margin-left: 20px;
	background: url('/wp-content/themes/kleinkunstig-2020/_img/select-chevron.svg') top right no-repeat #fff;
	background-position-y: 17px;
	background-position-x: calc(100% - 10px)
}
#home-selection-tool button[type="submit"] {
	background-color: var(--c-main) !important;
	color: #fff !important;
	font-weight: 700;
	width: 100%;
}
#home-selection-tool .selects-wrap select,
#home-selection-tool button[type="submit"] {
	height: 45px;
}
#home-selection-tool button[type="submit"][disabled] {
	opacity: .5;
}
.school-type-select label {
	font-size: var(--fz-m2);
	font-weight: bold;
	margin-right: 5px;
}
.school-type-select label input { 
	margin-right: 10px; 
	transform: scale(1.5);
	transform-origin: bottom left;
}
/*                                        _          
   ________  _________  ____  ____  _____(_)   _____ 
  / ___/ _ \/ ___/ __ \/ __ \/ __ \/ ___/ / | / / _ \
 / /  /  __(__  ) /_/ / /_/ / / / (__  ) /| |/ /  __/
/_/   \___/____/ .___/\____/_/ /_/____/_/ |___/\___/ 
              /*/
@media only screen and (min-width: 800px) {
	.special-theme-christmas .home-bg-items:after,
	.special-theme-christmas .home-bg-items:before {
		content: ' ';
		display: block;
		width: 327px;
		height: 311px;
		background-image: url('/wp-content/themes/kleinkunstig-2020/../../plugins/mm-home-updates/_img/home-items-bg-gfx-christmas.svg');
		background-position: 0 0;	
	/*	background-size: 5000px 5000px;*/
		background-size: 1350%;
		background-position: -8500px -661px;
		position: absolute;
		top: 30px;
		right: 40px;
	}
	.special-theme-christmas .home-bg-items:after {
		width: 90px;
		height: 37px;
		background-position: -910px -300px;
/*		background-color:red;*/
		background-size: 1000px 1000px;
		top: 44%;
		right: 6%;
		transform-origin: top right;
		transform: scale(5);
	}
}

@media only screen and (max-width: 770px) {
	#toggle-menu {
		display: block;
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 110;
		width: 32px;
		height: 22px;
		background: url('/wp-content/themes/kleinkunstig-2020/_img/sprite.svg') 0 0 no-repeat;
		cursor: pointer;
	}
	#toggle-menu span { display: none; }
	#navs-wrapper {
		margin-top: 0;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		background-color: var(--c-light);
		/*height: 100vh;*/
		z-index: 100;
		box-sizing: border-box;
		padding-top: 40px;
		border-bottom: 5px solid var(--c-main);
		transform: translateY( calc(-100% - 5px ) );
		transition:  transform 0.2s ease;
	}
	.main-menu-wrapper {
		float: none;
	}
	a#header-mail-link,
	a#header-tel-link {
		display: block;
		top:  10px;
		right: 60px;
		margin-bottom: 0;
		transform: scale(0.8) rotate(-30deg);
	}
	a#header-mail-link { 
		right: 100px; 
		top: 20px;
		transform: scale(1);
	}
	.mobile-search-toggler {
		display: block;
		position: absolute;
		right: 150px;
		top: 25px;
	}

	body.site-nieuwemakers header.header,
	body.site-nieuwemakers header.header,
	header.header { height: 102px; }	
	body {	padding-top: 102px !important; 	}

	body.search-hidden #kleinkunstig-search-n-usp {
		display: none; /* 37px hoog */
	}
	body.search-hidden { padding-top: 65px !important; }
	body.search-hidden header.header { height: 65px; }
	body:not(.search-hidden) header.header { height: 120px; }
	body:not(.search-hidden) { padding-top: 120px !important; }

	#kleinkunstig-search-n-usp { margin-bottom: 0; }


	body.menu-active #navs-wrapper { transform: translateY(0); }
	body.menu-active #toggle-menu { background-position-x: -50px;  }

	ul.bottom-nav li, 
	header #navs-wrapper ul li {
		display: list-item;
		float: none !important ;
		text-align: left;
	}
	header #navs-wrapper ul li a {
		display: block;
	}
	nav.main-menu-wrapper {
		margin-bottom: 20px;
	}
	.top-menu-wrapper {
		clear: both;
		margin-left: -20px;
		padding-left: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 0;		
	}
	header #navs-wrapper .top-menu-wrapper > div ul li,
	.top-menu-wrapper > div {
		/*display: inline-block !important;*/
		float: none !important ;
	}
	.top-menu-wrapper  ul li { font-size: 1rem; }
	.top-menu-wrapper li a {
		display: block;
		padding: 5px 0;
	}
	#usp {
		display: none;
	}
	footer a.logo,
	.logo-wrap {
		margin-top: 10px;
		width: 110px;
	}
	#kleinkunstig-search-wrap {
		width: 100%;
		float: none;
		padding-right: 20px;
		padding-left: 0px;
		transform: translateY(-1px);
	}
	#kleinkunstig-search-wrap button.search-submit {
		right: 20px;
	}
	body.home .page-title-wrap { 
		display: block; 
		margin-bottom: 40px !important;
	}
	.page-title-wrap {
		padding: 15px 20px;
/*		margin-bottom: 0;*/
	}
	/* Override .w-btn specifieke padding */
	.page-title-wrap.w-btn {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
	.page-title-wrap.w-btn > .row-inner {
		min-height: auto !important;
	}
	/* Mobiel: H1 titel groter, dikker en gecentreerd */
	.page-title-wrap > .row-inner {
		width: 100% !important;
		max-width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		gap: 5px;
	}
	.page-title-wrap h1,
	.page-title-wrap.w-btn h1,
	.page-title-wrap h1.grid-col-8,
	body.single-post .page-title-wrap h1,
	.page-header .page-title-wrap h1 {
		font-size: 1.75rem !important; /* 28px */
		font-weight: 500 !important;
		text-align: center !important;
		line-height: 1.3 !important;
		margin: 0 auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
		flex-basis: 100% !important;
	}
	/* Breadcrumbs in page-title-wrap compacter op mobiel */
	.page-title-wrap .page-breadcrumbs {
		margin-bottom: 3px !important;
		font-size: 0.8rem !important;
	}
	body.single-post .page-title-wrap .page-breadcrumbs,
	body.single-post .page-title-wrap .page-breadcrumbs .row-inner {
		text-align: center !important;
	}
	/* Verklein de driehoek onder de roze balk op mobiel */
	.page-title-wrap:after {
		border-left-width: 16px;
		border-right-width: 16px;
		border-top-width: 12px;
		bottom: -11px;
		margin-left: -16px;
	}
	.page-title-wrap.display-mobile-only { display: block; }
	.page-breadcrumbs.basic-display:not(.mobile-only),
	.page-title-wrap.display-desktop-only { display: none; }	
	.top-menu-wrapper > .row-inner,
	.page-breadcrumbs .row-inner { padding-left: 0; padding-right: 0 }
	.page-breadcrumbs .row-inner { font-size: var(--fz-s); }
	body.home .block-editor-content {
		display: flex;
		flex-direction: column;
	}
	body.home .block-editor-content div.home-items-overview {
		order: -1;
		background: #000;
		margin-bottom: 0;
	}
	body.home div.home-items-overview:before,
	body.home div.home-items-overview:after {
		content: ' ';
		display: block;
		position: absolute;
		background: url('/wp-content/themes/kleinkunstig-2020/_img/sprite.svg') no-repeat;
		width: 223px;
		height: 304px;
		background-position-x: 0;
		background-position-y: -600px;
		z-index: 0;
	}
	body.home div.home-items-overview:before {
		top: 0;
		left: 0
	}
	body.home div.home-items-overview:after {
		background-position-x: -782px;
		width: 218px;
		height: 277px;
		right: 0;
		bottom: 5px;
		border: none;
		margin-left: 0;
		left: auto;
	}
	/* Christmas */

	body.special-theme-christmas.home .block-editor-content div.home-items-overview { background-color: #112b00; }
	body.home.special-theme-christmas.home div.home-items-overview:before { background-position-x: -240px } 
	body.home.special-theme-christmas.home div.home-items-overview:after { background-position-x: -500px
	}


	body.home .overview-item {
		padding-bottom: 0;
		margin-bottom: 0;
		position: relative;
		z-index: 1
	}
	body.home .overview-item .item-img {
		padding-bottom: 66%;
		position: relative;
		overflow: hidden;
	}
	body.home .overview-item .item-img img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	body.home .block-editor-content .home-items-overview > .wp-block-group__inner-container > h2,
	body.home .block-editor-content .home-items-overview > h2 { display: none; }

	body.home .overview-item .item-info-box p { color: var(--c-dark); }
	body.home .overview-item .item-info-box p.excerpt:last-child { margin-bottom: 0; }

	.home-update-title { font-size: var(--fz-l) !important; }

	.contact-form-wrap h2,
	.box .wp-block-group__inner-container > h1, 
	.box .wp-block-group__inner-container > h2, 
	.box .wp-block-group__inner-container > h3, 
	.block-light .wp-block-group__inner-container > h1, 
	.block-light .wp-block-group__inner-container > h2, 
	.block-light .wp-block-group__inner-container > h3, 
	.related-items-wrapper > h2,
	.home-update-title {
		font-size: var(--fz-m3);
	}
	.item-info-box .item-more,
	.item-txt, .item-info-box .item-txt p {
		font-size: 1rem;
	}
	.home-update-item.no-image .item-info-box blockquote {
		font-size: var(--fz-m1);
	}
	a.show-all-home-updates {
		/*padding-top: 5px;*/
	}

	#kleinkunstig-search-wrap input[name="s"],
	#footer-nav li,
	.item-label { 
		font-size: 1rem;
	}
	#footer-nav li { line-height: 1.3; }

	.teammembers-overview,
	#responsive-form {
		margin-left: -20px;
		margin-right: -20px;
	}
	.form-row .column-half,
	.form-row .column-third,
	.form-row .column-full {
		width: 100%;
	}
	.submit-container > .submit-wrap {
		left: -0px;
		bottom: -0px;
		width: calc(100% - 10px);
	}
	.submit-container > .submit-wrap:before,
	.submit-container > .submit-wrap:after {
		/*content: none;*/
	}
	.teammembers-overview > div {
		flex-basis: 50%;
	}
	.member-role {
		font-size: 1rem;
	}
	.focus-item .item-img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	body.show-scroll-top span#back-to-top {
		position: fixed;
		z-index: 100;
		right: 0;
		bottom: 40px;
	}
	.overview-item .item-info-box:before {
		top: -16px;
	}
	.prev-next-wrap a strong {font-size: var(--fz-l)}
	/* Slider */
	.home-slider-wrap .wp-block-group__inner-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.slide-info-box {
		left: 0;
		width: 100%;
		bottom: 34px;
	}

	#workshop-focus > .row-inner .grid-col-8 {
		padding-left: 0;
		padding-right: 0;
	}
	.workshop-desc {
		padding-left: 20px;
		padding-right: 20px;
	}
	h4.filter-type-title { 
		cursor: pointer;
		padding-left: 10px;
		padding-right: 10px;
/*		font-weight: 300;*/
		border-bottom-width: 1px;
	}
	.category-overview.with-filters { margin-top: 10px }
}


@media screen and (max-width: 550px ) {
	footer .row-inner > div, 
	.grid-col-8, 
	.grid-col-4, 
	.grid-col-5, 
	.items-overview .overview-item, 
	.home-items-wrap .overview-item {
	    flex-basis: 100% !important;
	}
	.home-items-wrap {
		margin-left: -20px;
		margin-right: -20px;
	}
	body.home .block-editor-content .home-items-overview .item-img { display: none; }
/*	body.home .overview-item .item-info-box:before { content: none; }*/
	body.home .overview-item.home-item .item-info-box { 
		padding-bottom: 0; 
		border-radius: 5px;
	}
	body.home .overview-item.home-item .item-inner { 
		border-bottom: 1px solid #0fff00;
		border-radius: 5px;
	}
	body.home .overview-item .item-inner { height: auto; }

	body.home .overview-item.home-item span.more-button {
		background: none;
		color: inherit;
		width: auto;
		height: auto;
		padding: 0;
		bottom: auto;
		top: 5px;
		left: auto;
		right: 20px;
	}
	body.home .overview-item.home-item span.more-button strong { 
		color: inherit; 
		text-transform: lowercase;
		width: 74px;
		display: inline-block;
		text-overflow: clip;
		overflow: hidden
	}
	body.home .overview-item.home-item span.more-button:before {content: none;}
	body.home .overview-item.home-item span.more-button:after {
		content:"\00bb"; 
		right: -10px;
		top: -3px;
		border: none !important;
	}
	body.home .overview-item h2.item-overview-title { padding-top: 3px; margin-bottom: 3px; }
	body.home .overview-item.color_highlight_01 span.more-button { color: var(--c-highlight-01); }
	body.home .overview-item.color_highlight_02 span.more-button { color: var(--c-highlight-02); }
	body.home .overview-item.color_highlight_03 span.more-button { color: var(--c-highlight-03); }
	body.home .overview-item.color_highlight_04 span.more-button { color: var(--c-highlight-04); }

/*	body.home .overview-item:hover span.more-button { background: none !important; }*/

	body.home .overview-item.color_highlight_01 .item-inner { border-color: var(--c-highlight-01); }
	body.home .overview-item.color_highlight_02 .item-inner { border-color: var(--c-highlight-02); }
	body.home .overview-item.color_highlight_03 .item-inner { border-color: var(--c-highlight-03); }
	body.home .overview-item.color_highlight_04 .item-inner { border-color: var(--c-highlight-04); }	
	.home-update-item.no-image .item-info-box, 
	.home-update-item:nth-of-type(even) .item-info-box,
	.home-update-item .item-info-box {
		width: 100%;
		min-height: 0;
		background-color: #fff;
		z-index: 1;
		margin-left: 0;
		padding-top: 100px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}
	.home-update-item .item-inner .item-img-wrap {
		position: relative;
		left: 0;
		width: 100%;
		padding-bottom: 50%;
	}
	.prev-next-wrap a {
		display: block;
		width: 100%;
		float: none;
		text-align: center !important ;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #fff;
	}
	._form-content > ._form_element { width: 100%; }
	.workshop-form#contact > .row-inner {
		padding-left: 0;
		padding-right: 0;
	}
	div:not(.newsletter-subscribe-box) > .ac-form-wrap {
		padding-left: 0px;
		padding-right: 0px;
	}
	#page-container .ac-form-wrap button._submit {
		float: none;
		width: calc(100% - 20px);
	}
	div#main-content.single-post {
		display: flex;
		flex-direction: column;
	}
	div#main-content.single-post section.related-items-wrapper {
		order: 10;
	}
	.related-items-wrapper:before { background-color: #5f6d8c !important; display: none !important; }
	
	/* Verberg prijstool link en leerdoelen blok op mobiel */
	#sideblock-prijstool_link,
	.block-prijstool_link,
	#sideblock-goals,
	.block-goals.boxed {
		display: none !important;
	}
	
	/* Verberg gele border-top op configurator */
	.workshop-configurator-section {
		border-top: none !important;
	}
	
	/* Fix: Configurator overflow en breedte op mobiel */
	.workshop-configurator-section,
	.workshop-configurator-wrap,
	.wc-configurator-v2 {
		max-width: 100% !important;
		overflow-x: hidden !important;
		box-sizing: border-box !important;
	}
	
	/* Fix: Workshop item footer bij lange tekst */
	.wc-configurator-v2 .workshop-item-footer {
		flex-direction: column !important;
		align-items: stretch !important;
	}
	.wc-configurator-v2 .workshop-material-info {
		width: 100% !important;
		margin-bottom: 10px !important;
	}
	.wc-configurator-v2 .material-note {
		word-wrap: break-word !important;
		overflow-wrap: break-word !important;
		white-space: normal !important;
	}
	.wc-configurator-v2 .btn-add-workshop {
		width: 100% !important;
		flex-shrink: 0 !important;
	}
	
	/* Related items zelfde stijl als POP items op mobiel */
	.related-items-wrapper .overview-item,
	.related-items-wrapper .related-item {
		margin-bottom: 15px;
	}
	.related-items-wrapper .overview-item > a,
	.related-items-wrapper .related-item > a {
		display: block;
		height: auto !important;
	}
	.related-items-wrapper .overview-item .item-inner,
	.related-items-wrapper .related-item .item-inner {
		height: auto !important;
	}
	.related-items-wrapper .overview-item .item-img,
	.related-items-wrapper .related-item .item-img {
		height: 280px !important;
		padding-bottom: 0 !important;
		overflow: hidden !important;
	}
	.related-items-wrapper .item-img img {
		position: relative !important;
		height: 280px !important;
		width: 100% !important;
		object-fit: cover !important;
		/* object-position via inline style (focal point) - geen hardcoded fallback */
	}
	.related-items-wrapper .overview-item .item-inner .item-info-box,
	.related-items-wrapper .related-item .item-inner .item-info-box {
		position: relative !important;
		left: 0 !important;
		bottom: 0 !important;
	}
	
	/* Spacing fixes: C2A → Form → Related */
	/* C2A → Form: ~25px */
	#sideblock-c2a {
		margin-bottom: 5px !important;
		padding-bottom: 15px !important;
	}
	#contact.workshop-form {
		margin-top: 0 !important;
	}
	/* Form → Related: ~25px (gelijk aan C2A → Form) */
	#contact.workshop-form {
		margin-bottom: 25px !important;
	}
	.bulletpoints-wrapper > div { width: 100%; }
	.bulletpoints-wrapper > div:nth-child(odd) { padding-right: 0; }
	.bulletpoints-wrapper > div:nth-child(even) { padding-left: 0; }
	#workshop-focus .workshop-intro > div.title-wrapper h2,
	.bulletpoints-wrapper > div > h3,
	#workshop-focus .workshop-intro .intro-wrapper.text-field {
		font-size: var(--fz-m2) !important;
	}
	#workshop-focus .workshop-intro h2.bulletpoints-title {
		font-size: 1rem;
	}
	.workshop-intro > div.title-wrapper {
		height: 100px;
		top: -100px;
	}
	.prev-next-wrap { display: none; }
	#sideblock-form_link {
		position: relative;
		top: auto;
	}
	.tab-options-wrap {
		flex-wrap:wrap;
	}
	.tab-options-wrap > a { font-size: var(--fz-m2); }
	.tab-options-wrap a.active {
		order: 100;
	}
	.main-text p.has-medium-font-size { font-size: var(--fz-m2) !important;  }
	.main-text h2.has-medium-font-size { font-size: 1.75rem !important; }

	#home-selection-tool {
		position: fixed;
		top: 100%;
		transform: translateY(-60px);
		z-index: 100;
		transition: transform .3s ease;
	}
	#home-selection-tool.shown {
		transform: translateY(-100%);
	}
	#home-selection-tool > h3 {
		margin: -20px;
		margin-bottom: 10px;
		padding-top: 16px;
		padding-bottom: 10px;
		position: relative;
	}
	#home-selection-tool > h3:before {
		content: ' ';
		display: block;
		width: 80px;
		height: 40px;
		clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
		background-color: var(--c-dark);
		position: absolute;
		top: -39px;
		left: 50%;
		margin-left: -40px;
	}

	#home-selection-tool .inner { flex-wrap: wrap }
	#home-selection-tool .inner > div { 
		width: 100%; 
		max-width: none;
		margin-right: 0;
		text-align: left;
		margin-bottom: 16px;
	}
	#home-selection-tool .school-type-select {

	}
	.block-editor-content > h1,
	.wp-block-columns.home-update-wrap h2, 
	.block-editor-content > h2 {
		font-size: 1.63rem;
	}
	.ckv-columns, body.home .wp-block-columns:not(.alignfull) {
		padding-left: 15px;
		padding-right: 15px;
	}
	.category-overview .overview-item .item-info-box,
	.custom-workshop-items-wrap .item-inner .item-info-box {
		position: relative;
		left: 0;
		bottom: 0px;
/*		background-color: #fff000;*/
	}
	.workshops-overview .overview-item .more-button { bottom: 10px; }
	.workshops-overview .overview-item .item-inner {
		height: auto;
	}
/*	section.home-updates-wrap + .show-all-wrap { margin-top: -50px; }*/
	.wp-block-columns.home-update-wrap.cnt-txt-cnt-img > .wp-block-column.cnt-img > figure,
	.wp-block-columns.home-update-wrap.cnt-img-cnt-txt > .wp-block-column.cnt-img > figure {
		width: 100%;
		margin-left: 0;
		clip-path: none;
	}
	.wp-block-columns.home-update-wrap.cnt-txt-cnt-img > .wp-block-column.cnt-img { order: -1 }
	.home-update-wrap {
		margin-left: 15px !important;
		margin-right: 15px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.wp-block-columns.home-update-wrap .wp-block-column.cnt-txt {
		width: 100% !important;
		padding: 20px;
	}
	.wp-block-columns.home-update-wrap ul, .wp-block-columns.home-update-wrap p {
		font-size: 1rem;
	}
	body.home .wp-block-columns.home-update-wrap a.wp-block-button__link {
		padding-left: 15px !important;
		padding-right: 15px !important;
		font-size: 1rem;
	}
	.workshops-overview .overview-item .item-img {
		padding-bottom: 55%;
	}
	/*
	.workshops-overview .overview-item .item-img img {
		width: 100%;
		height: 100%;
		max=width: none;
		object-fit: cover;
	}*/
	/* mobile-crop classes verwijderd - vervangen door focal point inline object-position */
	/* Gallery hoogte responsive op mobiel - focal point krijgt meer invloed */
	.single-post .mm-wunderplugin-gallery ul,
	.mm-wunderplugin-gallery .scroller-arrows-nav {
		height: 90vw;
	}
	.mobile-carousel {
		max-width: 100%;
		overflow: hidden;
		margin-bottom: 40px;
	}
	.mobile-carousel > div {
		max-width: none;
/*		width: 360vw !important;*/
		flex-wrap: nowrap !important;
/*		padding-right: 200px;*/
		transition: transform .3s ease;
		transform: translateX( -0vw );
	}
	.mobile-carousel > div > div {
/*		flex-basis: 90vw !important;*/
	}
	body.home .mobile-carousel .overview-item .item-inner,
	.mobile-carousel .overview-item .item-inner {
		height: 100% !important;
		display: flex;
		flex-direction: column;
	}
	body.home .mobile-carousel .overview-item .item-inner .item-info-box,
	.mobile-carousel .overview-item .item-inner	.item-info-box {
		min-height: 58%;
		margin-bottom: 0;
		margin-top: auto;
	}
	footer .row-inner > div:last-child {
		order: -1;
	}
}
/* =============================================
   Prijstool Button Styling
   Toegevoegd: januari 2026
   ============================================= */

/* Shimmer animatie */
@keyframes prijstool-shimmer {
	0% { background-position: -200% center; }
	100% { background-position: 200% center; }
}

/* Sidebar prijstool knop */
#sideblock-prijstool_link {
	padding: 0;
	background: transparent;
	position: sticky;
	top: 162px;
	z-index: 2;
	margin-top: 0; /* Uitlijnen met bovenkant foto */
	margin-bottom: 20px;
}
#sideblock-prijstool_link > a {
	display: block;
	background: linear-gradient(110deg, #9b4dca 0%, #9b4dca 40%, #b06dd9 50%, #9b4dca 60%, #9b4dca 100%);
	background-size: 200% 100%;
	animation: prijstool-shimmer 3s ease-in-out infinite;
	color: #fff !important;
	font-size: var(--fz-m2);
	font-family: var(--ffslab);
	font-weight: 600;
	text-decoration: none;
	padding: 22px 20px;
	padding-left: 55px;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	transition: background .3s ease;
}
#sideblock-prijstool_link > a:before {
	content: '🧮';
	position: absolute;
	left: 18px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.4em;
}
#sideblock-prijstool_link > a:after {
	content: ' ';
	display: block;
	width: 20px;
	height: 20px;
	background: linear-gradient(110deg, #9b4dca 0%, #9b4dca 40%, #b06dd9 50%, #9b4dca 60%, #9b4dca 100%);
	background-size: 200% 100%;
	animation: prijstool-shimmer 3s ease-in-out infinite;
	position: absolute;
	top: calc(50% - 10px);
	right: -10px;
	transform: rotate(45deg);
	transition: background .3s ease;
}
#sideblock-prijstool_link > a:hover,
#sideblock-prijstool_link > a:hover:after {
	animation: none;
	background: var(--c-highlight-03);
}

@media only screen and (max-width: 770px) {
	#sideblock-prijstool_link {
		margin-left: 20px;
		margin-right: 20px;
	}
}

/* Prijstool banner (onderaan content) */
.prijstool-banner {
	margin: 40px 0;
}
.prijstool-banner a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 22px 40px;
	background: linear-gradient(135deg, #f3eef8 0%, #ebe4f3 100%);
	border: 2px solid #d4c4e6;
	border-left: 5px solid #9b4dca;
	border-radius: 4px;
	box-shadow: 0 3px 10px rgba(155, 77, 202, 0.12);
	text-decoration: none;
	color: var(--c-dark);
	transition: all 0.3s ease;
}
.prijstool-banner a:hover {
	background: linear-gradient(135deg, #ebe4f3 0%, #e0d4ed 100%);
	border-color: #b9a3d4;
	box-shadow: 0 5px 18px rgba(155, 77, 202, 0.2);
	border-left-width: 7px;
}
.prijstool-banner-icon { font-size: 1.8em; }
.prijstool-banner-text {
	font-size: var(--fz-m2);
	font-weight: 600;
	color: #5a3d7a;
}
.prijstool-banner-arrow {
	font-size: 1.5em;
	color: #9b4dca;
	transition: transform 0.3s ease;
}
.prijstool-banner a:hover .prijstool-banner-arrow {
	transform: translateX(5px);
}

@media only screen and (max-width: 770px) {
	.prijstool-banner a { padding: 16px 20px; gap: 12px; }
	.prijstool-banner-text { font-size: var(--fz-m1); }
}

/* Contactform banner (onderaan content) - variant B */
/* Gebruikt var(--c-main) als basis kleur van de website */
.contactform-banner {
	margin: 40px 0;
}
.contactform-banner a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 22px 40px;
	background-color: var(--c-light, #f5f5f5);
	border: 2px solid var(--c-main);
	border-left: 5px solid var(--c-main);
	border-radius: 4px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
	text-decoration: none;
	color: var(--c-dark);
	transition: all 0.3s ease;
}
.contactform-banner a:hover {
	background-color: var(--c-main);
	border-color: var(--c-main);
	box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);
}
.contactform-banner a:hover .contactform-banner-text,
.contactform-banner a:hover .contactform-banner-icon,
.contactform-banner a:hover .contactform-banner-arrow {
	color: #fff;
}
.contactform-banner-icon { font-size: 1.8em; }
.contactform-banner-text {
	font-size: var(--fz-m2);
	font-weight: 600;
	color: var(--c-main);
}
.contactform-banner-arrow {
	font-size: 1.5em;
	color: var(--c-main);
	transition: transform 0.3s ease;
}
.contactform-banner a:hover .contactform-banner-arrow {
	transform: translateX(5px);
}

@media only screen and (max-width: 770px) {
	.contactform-banner a { padding: 16px 20px; gap: 12px; }
	.contactform-banner-text { font-size: var(--fz-m1); }
}

/* Workshop Configurator Sectie */
.workshop-configurator-section {
	margin-top: 60px;
	padding-top: 40px;
	/* border-top verwijderd - 20-01-2026 */
}
.workshop-configurator-wrap {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
}
.configurator-header {
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 0 auto 30px auto;
	padding: 25px 30px;
	background: linear-gradient(135deg, #9b4dca 0%, #7b3ba8 100%);
	border-radius: 12px;
	color: #fff;
	max-width: 1400px;
}
.configurator-icon { font-size: 2.5rem; line-height: 1; }
.configurator-header-text h2 {
	color: #fff !important;
	font-size: 1.5rem !important;
	margin: 0 0 5px 0 !important;
	padding: 0 !important;
	text-align: left !important;
}
.configurator-header-text p {
	color: rgba(255,255,255,0.9) !important;
	font-size: 1rem !important;
	margin: 0 !important;
	text-align: left !important;
}

@media (max-width: 770px) {
	.configurator-header {
		flex-direction: column;
		text-align: center;
		padding: 20px;
	}
	.configurator-header-text h2,
	.configurator-header-text p { text-align: center !important; }
	.workshop-configurator-section { margin-top: 40px; padding-top: 30px; }
}

/* Embed mode */
body.embed-mode #main-header-wrapper,
body.embed-mode header,
body.embed-mode footer#footer,
body.embed-mode footer,
body.embed-mode .page-title-wrap,
body.embed-mode .prev-next-wrap,
body.embed-mode .related-items-wrapper,
body.embed-mode nav.top-menu-wrapper,
body.embed-mode #breadcrumbs,
body.embed-mode .usp-bar { display: none !important; }
body.embed-mode { padding-top: 0 !important; margin-top: 0 !important; }
body.embed-mode #page-container { padding-top: 20px; margin-top: 0 !important; }

/* ==========================================================================
   Verberg dubbele breadcrumbs in content area
   Breadcrumb 1 (in page-title-wrap) blijft zichtbaar
   Breadcrumb 2 (direct in article) wordt verborgen
   ========================================================================== */
article.single-post-module > .page-breadcrumbs {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
}

/* Verberg dubbele breadcrumb onder banner op overzichtspagina's
   (workshops, voorstellingen, dagprojecten)
   De breadcrumb in de oranje banner blijft zichtbaar */
body:has(.workshops-overview) #breadcrumbs:not(.mobile-only),
body:has(.category-overview) #breadcrumbs:not(.mobile-only),
body:has(.items-overview) #breadcrumbs:not(.mobile-only) {
	display: none !important;
}

/* Breadcrumbs en titel links uitlijnen op POP (product detail pagina's) */
body.single-post .page-title-wrap .page-breadcrumbs,
body.single-post .page-title-wrap .page-breadcrumbs .row-inner {
	text-align: left !important;
}

/* Breadcrumbs links uitlijnen op overzichtspagina's (workshops, voorstellingen, dagprojecten)
   Titel blijft gecentreerd */

/* 1. Toon de mobile-only breadcrumbs ook op desktop voor overzichtspagina's */
body:has(.workshops-overview) .page-title-wrap .page-breadcrumbs.mobile-only,
body:has(.category-overview) .page-title-wrap .page-breadcrumbs.mobile-only {
	display: block !important;
}

/* 2. Lijn de breadcrumbs links uit (de row-inner moet ook links) */
body:has(.workshops-overview) .page-title-wrap .page-breadcrumbs,
body:has(.category-overview) .page-title-wrap .page-breadcrumbs,
body:has(.workshops-overview) .page-title-wrap .page-breadcrumbs .row-inner,
body:has(.category-overview) .page-title-wrap .page-breadcrumbs .row-inner {
	text-align: left !important;
}

/* ==========================================================================
   Fix voor sticky sidebar knop
   overflow-x: clip ipv hidden zodat sticky werkt
   ========================================================================== */
html, body {
	overflow-x: clip !important;
}

/* ==========================================================================
   MOBILE STYLES - Workshop Detail Pagina (single-post)
   ========================================================================== */
@media only screen and (max-width: 770px) {
	
	/* ----------------------------------------
	   1. STICKY KNOP ONDERAAN SCHERM (mobiel only)
	   Werkt voor zowel klassieke als prijstool variant
	   ---------------------------------------- */
	#ws-sticky {
		display: block !important;
		position: fixed !important;
		bottom: 0;
		left: 0;
		right: 0;
		top: auto;
		z-index: 9999;
		padding: 12px 15px;
		padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
		background: var(--c-main);
		box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
		height: auto !important; /* Reset hoogte */
		width: 100% !important;
	}
	#ws-sticky a.ws-request {
		display: block;
		text-align: center;
		padding: 14px 20px;
		font-size: var(--fz-m2);
		height: auto;
		background: #fff;
		color: var(--c-main);
		border-radius: 5px;
	}
	#ws-sticky a.ws-request:after {
		display: none; /* Verberg pijltje op mobiel */
	}
	#ws-sticky a.ws-request:hover {
		background: var(--c-light);
	}
	
	/* Ruimte onderaan voor sticky knop */
	body.single-post {
		padding-bottom: 80px !important;
	}
	
	/* ----------------------------------------
	   2. VERBERG ANDERE "GA NAAR FORMULIER" KNOPPEN
	   ---------------------------------------- */
	#sideblock-form_link,
	#sideblock-prijstool_link,
	.contactform-banner,
	.prijstool-banner {
		display: none !important;
	}
	
	/* ----------------------------------------
	   3. VERBERG INSPIRATIELESSEN
	   ---------------------------------------- */
	#sideblock-downloads {
		display: none !important;
	}
	
	/* ----------------------------------------
	   4. LEERDOELEN STANDAARD INGEVOUWEN
	   ---------------------------------------- */
	#sideblock-goals {
		max-height: 60px;
		overflow: hidden;
		position: relative;
		cursor: pointer;
		transition: max-height 0.3s ease;
	}
	#sideblock-goals:after {
		content: '▼ Toon meer';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 10px;
		background: linear-gradient(transparent, #fff 50%);
		text-align: center;
		font-size: var(--fz-s);
		color: var(--c-main);
	}
	#sideblock-goals.expanded {
		max-height: 1000px;
	}
	#sideblock-goals.expanded:after {
		content: '▲ Toon minder';
		background: #fff;
	}
	
	/* ----------------------------------------
	   5. MINDER RUIMTE TUSSEN "HEB JE VRAGEN" EN FORMULIER
	   ---------------------------------------- */
	#mm-c2a-block {
		margin-bottom: 15px !important;
	}
	/* Consistente uitlijning en regelafstand mobiel */
	#mm-c2a-block .text-field {
		text-align: left !important;
	}
	#mm-c2a-block .text-field > p,
	#mm-c2a-block .mmgphone.w-icon,
	#mm-c2a-block .mail-link-wrap {
		line-height: 2 !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
	}
	#mm-c2a-block .mmgphone.w-icon:before,
	#mm-c2a-block a[href*="tel:"] > i {
		margin-left: 0 !important;
	}
	#contact {
		margin-top: 15px !important;
	}
	
	/* ----------------------------------------
	   6. SOORTGELIJKE WORKSHOPS - ZELFDE STIJL ALS POP
	   ---------------------------------------- */
	.related-items-wrapper {
		padding-top: 25px !important;
		padding-bottom: 30px !important;
	}
	.related-items-wrapper > h2 {
		font-size: var(--fz-m2) !important;
		margin-bottom: 15px !important;
	}
	
	/* Verberg de excerpt/teaser in soortgelijke workshops */
	.related-items-wrapper .item-info-box p.excerpt,
	.related-items-wrapper .overview-item p.excerpt {
		display: none !important;
	}
	
	/* Behoud normale item styling (zoals POP) */
	.related-items-wrapper .overview-item {
		margin-bottom: 15px !important;
	}
	
	/* Zorg dat de "Meer informatie" knop zichtbaar blijft */
	.related-items-wrapper span.more-button {
		display: inline-block !important;
	}
	
}