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

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

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

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, embed, 
 figure, figcaption, footer, header, hgroup, 
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
    cursor: pointer;

}

 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, 
 footer, header, hgroup, menu, nav, section {
	 display: block;
 }
 body {
	 line-height: 1;
 }
 ol, ul {
	 list-style: none;
 }
 blockquote, q {
	 quotes: none;
 }
 blockquote:before, blockquote:after,
 q:before, q:after {
	 content: '';
	 content: none;
 }
 table {
	 border-collapse: collapse;
	 border-spacing: 0;
 }
 :root{
	 --branding: #D60391;
	 --black: #222222;
	 --display: 'Knockout-68';
	 --read: "Source Sans 3", sans-serif;
 }
 @font-face {
	 font-family: 'Knockout-68';
	 src: url('/wp-content/themes/zadkine-plattegrond/fonts/Knockout-68.otf') format('opentype');
	 font-weight: normal;
	 font-style: normal;
 }
 @font-face {
	 font-family: 'Knockout-68';
	 src: url('/wp-content/themes/zadkine-plattegrond/fonts/Knockout-68.otf') format('opentype');
	 font-weight: normal;
	 font-style: normal;
 }
 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
 
 
 #page {
	 width: 100%;
	 height: 100%;
	 background-color: #575757!important;
	 position: fixed;
	 left: 0px;
	 top: 0px;
	 overflow: hidden;
	 z-index: 9999999999;
	 display: flex;
	 flex-direction: column;
	 align-content: center;
	 align-items: center;
	 justify-content: center;
	}
 #page > main{
	 width: 100%;
	 height: 100%;
	 max-height: 800px;
	 max-width: 700px;
	 background-color: var(--branding);
	 border-radius: 0px;
	 overflow: hidden;
	 box-sizing: border-box;
 }
 .zk_home > *{
	 width: 100%;
 }
 h1,h2,h3,h4,h5,h6{
	 font-family: var(--display);
	 color: white;
	 text-transform: uppercase;
	 text-align: center;
	 margin: 0px;
	 padding: 0px;
 }
 p{
	 margin: 0px;
	 padding: 0px;
	 font-family: var(--read);
 }
 h1{
	 font-size: 28px;
	 color:black;
	 letter-spacing: 1px;
 }
 h3{
	 font-size: 70px;
 }
.entry-content,
#primary > article{
	width: 100%;
	height: 100%;
	box-sizing:border-box;
}
#zapp{
    width: 100%;
    height: calc(100%);
    position: relative;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 80px 1fr 40px;
    transition-duration: .4s;

}
.zk_main{
	position:relative;
	overflow: hidden;
	background-color: white;
}
.zk_footer{
	border-top: 2px solid #e5e5e5;
	background-color: white;
}
.zk_header{
	position:relative;
}
.zk_header_content { 
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	position:absolute;
	left: 0px;
	top: 0px;
	background-color: var(--branding);

}
.zk_header_content > h1{
    font-size: 50px;
    letter-spacing: 1px;
    color: white;

}
.zk_main_content{
	position: absolute;
	left: 0px;
	top: 0px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-color: white;
}
.zk_pd20{
    padding: 2px;

}
.zk_actions,
.zk_flexrow {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: stretch;
	gap: 20px;
}
.zk_actions{
    gap: 10px;

}
button.zk_btn,
.zapp_modal_content > button,
div.zk_actions > button{
    background-color: black;
    color: white;
    font-family: var(--display);
    text-transform: uppercase;
    font-size: 26px;
    border: none;
    padding: 13px;
    padding-bottom: 20px;
    border-radius: 0px;
    cursor: pointer;

}
p{
    font-size: 16px;
    font-weight: 300;
    font-family: var(--read);
    color: black;
    line-height: 19px;

}
.zk_footer {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: white;
    border-top: 2px solid #e5e5e5;
    transition-duration: .4s;
    overflow: hidden;
}
.zk_footer_logo{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    transition-duration: .4s;

}
.zk_footerimg{
	width: 120px;
	height: 40px;
	background-size: contain;
	background-image: url("/wp-content/uploads/2024/12/Zadkine-enik-logo-01.png");
	background-repeat: no-repeat;
	background-position: center;
	transition-duration: .4s;
}
div#zapp.zk_footer_expanded {
    grid-template-rows: 70px 1fr 106px;

}
div#zapp.zk_footer_expanded_medium{
    grid-template-rows: 60px 1fr 47px;

}
div#zapp.zk_footer_expanded > div.zk_footer > .zk_footer_logo{
    height: 60px;
    opacity: 0;
    pointer-events: none;

}
div#zapp.zk_footer_expanded > div.zk_footer > .zk_footer_logo > .zk_footerimg{
	height: 40px;
}
.zk_footer_expanded_medium  > div.zk_footer > .zk_footer_logo{
    height: 27px;
    z-index: -1;
}
.zk_footer_expanded_medium  > div.zk_footer > .zk_footer_logo > .zk_footerimg{
    height: 30px;
    display: none;

}
.animate__animated{
	transition: all 500ms cubic-bezier(0.615, 0.430, 0.000, 1.005)!important;
	transition-timing-function: cubic-bezier(0.615, 0.430, 0.000, 1.005)!important;
	animation-duration: .5s!important;
	animation-timing-function: cubic-bezier(0.615, 0.430, 0.000, 1.005)!important;
}
.zk_footer_expanded_content {
    width: 100%;
    height: 190px;
    padding: 0px;

}
button.zk_inline_btn {
    width: 100%;
    height: 36px;
    margin-top: -16px;
    font-size: 16px;
    font-weight: 200;
    color: #575757!important;
    text-decoration: underline;
    font-size: var(--display);
    border: 0px solid red!important;
    background-color: white!important;
    padding: 0px;

}
.zk_btnsH {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.zk_btnsH > button:first-child{
	border-right: 2px solid #e5e5e5!important;
}
.zk_btnsH > button{
    margin-top: 0px!important;

}
.zk_posabs{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}
.zk_search {
    top: 0px;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 40px;
    overflow: hidden;
    background-color: #eeeeee;
    border-bottom: 2px solid #e5e5e5;
    z-index: 1;
    display: grid;
    grid-template-columns: 100px 1fr;

}
.zk_search > input {
    width: 100%;
    height: 100%;
    border: none;
    background-color: #eeeeee;
    padding: 0px 20px;
    font-size: 16px;
    font-weight: 200;
    color: rgb(61, 61, 61)!important;
    font-family: var(--read);
    text-align: right;
    box-sizing: border-box;
}
.zk_search > input::placeholder{
	color: rgb(61, 61, 61)!important;
}
.zk_activities_list {
    width: 100%;
    border: 0px solid red;
    height: calc(100% - 40px);
    background-color: #ffffff;
    position: absolute;
    top: 40px;
    left: 0px;
    z-index: 0;
    box-sizing: border-box;
    overflow-y: scroll;
    padding-bottom: 60px;

}

.zk_activity_list_item {
    border-bottom: 2px solid #e5e5e5;
    padding: 11px 6px;
    display: grid;
    grid-template-columns: 1fr 60px;
    padding-left: 40px;
    position: relative;
}
.zk_activity_content{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: center;
	align-items: stretch;	
}
.zk_activity_content {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: nowrap;
}
.zk_activity_actions {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 0px;
    padding: 5px 0px;
}
.zk_personalized_toggle {
    background-color: #eeeeee;
    width: 30px;
    height: 30px;
    border-radius: 3px;
}
.zk_activity_content > p > button,
.zk_activity_actions > button {
    padding: 0px;
    background-color: white;
    border: 0px solid red;
    font-size: 15px;
    text-decoration: underline;
    color: var(--branding);
}
.zk_activity_action > strong,
.zk_activity_meta > *,
.zk_activity_content > *{
    font-family: var(--read);
    color: black;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;

}
.zk_activity_meta > span,
.zk_activity_content > span,
.zk_activity_content > p{
	font-weight: 300;
	font-size: 16px;
	color: #575757!important;
}
.zk_activity_content > p{
	text-transform: none!important;
}
.zk_activity_meta {
    width: 100%;
    background-color: #ffffff;
    padding: 0px;
    display: flex;
    gap: 4px;
    padding-bottom: 9px;
    flex-direction: column;
    align-content: center;
    align-items: center;
    border-bottom: 2px solid #e5e5e5;

}
.zk_main_content.zk_activity_details {
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr;

}
.zk_activity_text {
    overflow: hidden;
    overflow-y: scroll;
    padding: 10px;

}
.zk_activity_action > strong{
    text-align: left;
    padding: 0px;
    text-transform: none;
    float: left;
    font-size: 13px;
    width: 100%;
    color: black;

}

.zapp_modal {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 99999999999;
}
.zapp_modal_content {
    width: 90%;
    max-width: 380px;
    height: 100%;
    padding: 20px;
    max-height: 190px;
    background-color: white;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
.zapp_modal_content > p{
    font-size: 30px;
    line-height: 29px;
    font-family: var(--display);
    color: black;
    text-transform: uppercase;

}
.zapp_modal_content > button{
	margin-top: 20px;
	width: 100%;
}
.zapp_white_loading{
	background-color: white!important;
}
.zapp_white_loading > div{
	background-color: white!important;

}
.zapp_white_loading > div > p{
	color: black!important;
	text-align:center!important;
}
.loader {
	display: inline-block;
	width: 190px;
	height: 10px;
	border-radius: 40px;
	background-color: rgba(255, 255, 255, 1);
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
  }
  
  .loader span {
	font: 700 22px monospace;
	text-transform: uppercase;
	margin: auto;
	color: #fff;
	letter-spacing: 5px;
  }
  
  .loader::before {
	content: "";
	position: absolute;
	top: 0;
	left: -50px;
	width: 150%;
	height: 100%;
	background-image: linear-gradient(332deg, #ff20b5, #fc0093);
	border-radius: inherit;
	transform: scaleX(0);
	transform-origin: left;
	animation: load5123 1.5s infinite;
	
  }
  
  @keyframes load5123 {
	50% {
	  transform: scaleX(1);
	}
  
	100% {
	  transform: scaleX(0);
	  transform-origin: right;
	}
  }
  h1.smaller_header {
    font-size: 31px;
}

.zk_filter_btn {
    background-color: white;
    line-height: 37px;
    text-align: center;
    font-size: 16px;
    text-decoration: underline;
    color: var(--branding);
    font-weight: 400;
    font-family: var(--read);

}
.zapp_modal.zapp_filters > .zapp_modal_content {
    height: 100%;
    max-height: calc(100% - 40px);
    max-width: calc(100% - 40px);
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 50px auto 120px;
    padding: 0px;

}
.range-slider .range-slider__thumb{
	background:#D70391!important;
}
.range-slider .range-slider__range{
	background:#BBBBBB!important;
}
.zapp_filter_body > h3 {
    color: black;
    font-size: 17px;
    text-align: left;
    font-weight: 900;
    font-family: var(--read);
}

.zapp_filter_body > h3 {
    color: black;
    font-size: 17px;
    text-align: left;
    font-weight: 900;
    font-family: var(--read);
}

.zapp_filter_body {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 11px;
    margin-bottom: 20px;
}

div#range-slider-example {
    margin-top: 20px;
}


.checkbox-wrapper-46 input[type="checkbox"] {
	display: none;
	visibility: hidden;
	position:relative;
  }
  
  .checkbox-wrapper-46 .cbx {
    margin: auto;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-left: 0px!important;

}
  .checkbox-wrapper-46 .cbx span {
	display: inline-block;
	vertical-align: middle;
	transform: translate3d(0, 0, 0);
  }
  .checkbox-wrapper-46 .cbx span:first-child {
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 3px;
	transform: scale(1);
	vertical-align: middle;
	border: 1px solid #4b4b4b;
	transition: all 0.2s ease;
  }
  .checkbox-wrapper-46 .cbx span:first-child svg {
	position: absolute; 
	top: 3px;
	left: 2px;
	fill: none;
	stroke: #ffffff;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 16px;
	stroke-dashoffset: 16px;
	transition: all 0.3s ease;
	transition-delay: 0.1s;
	transform: translate3d(0, 0, 0);
  }
  .checkbox-wrapper-46 .cbx span:first-child:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #506eec;
	display: block;
	transform: scale(0);
	opacity: 1;
	border-radius: 50%;
  }
  .checkbox-wrapper-46 .cbx span:last-child {
    padding-left: 1px;

}
  .checkbox-wrapper-46 .cbx:hover span:first-child {
	border-color: var(--branding);
  }
  
  .checkbox-wrapper-46 .inp-cbx:checked + .cbx span:first-child {
	background: var(--branding);
	border-color: var(--branding);
	animation: wave-46 0.4s ease;
  }
  .checkbox-wrapper-46 .inp-cbx:checked + .cbx span:first-child svg {
	stroke-dashoffset: 0;
  }
  .checkbox-wrapper-46 .inp-cbx:checked + .cbx span:first-child:before {
	transform: scale(3.5);
	opacity: 0;
	transition: all 0.6s ease;
  }
  
  @keyframes wave-46 {
	50% {
	  transform: scale(0.9);
	}
  }
  .zapp_filters > .zapp_modal_content {
	position:relative;
  }
  label.cbx > span {
    font-weight: 400;
    font-family: var(--read);
    color: #575757!important;
    font-size: 15px!important;
    letter-spacing: -0.5px;

}

.zapp_modal_header {
    background-color: var(--branding);
    margin: 0px;
    /* margin-bottom: 20px; */
    font-size: 40px;
    height: 100%;
    line-height: 52px;

}

.zapp_modal_header > h1 {
    color: white;
    font-size: 40px;

}
.zk_timefilter_data {
    display: grid;
	grid-template-columns: 60px 1fr 60px;
	grid-gap: 0px;
	margin-top: 10px;
}
.zk_timefilter_data > p:nth-child(1){
	text-align: left;
}
.zk_timefilter_data > p:nth-child(2){
	text-align: center;
}
.zk_timefilter_data > p:nth-child(3){
	text-align: right;
}

.zk_modalaction {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 20px;
	width: 100%;
	padding: 0px 20px;
	position:relative;
}
.zapp_filter_content {
    padding: 20px;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 50px;
}
.zk_modal_alert > span {
	background-color: #D60391;
	color: white;
	padding: 10px;
	font-size: 12px;
	font-family: var(--read);
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 5px;
}
.zk_modal_alert {
    width: 100%;
    position: absolute;
    top: 0px;
    text-align: center;
    left: 0px;
}
button.zk_button_innactive {
    opacity: 0.4;
	pointer-events: none;
}
.zk_modalaction > span {
    width: calc(100% - 40px);
    font-family: var(--read);
    text-align: center;
    position: absolute;
    top: 0px;
    padding: 20px;
    left: 20px;
    background-color: rgb(129, 129, 129);
    z-index: 99999;
    font-family: var(--display);
    font-weight: 300;
    font-size: 23px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: white;

}
.zk_favs_header{
	text-align:center;

}
.zk_favs_header {
    text-align: center;
    padding: 10px;
    line-height: 16px;
    height: 60px;
    border-bottom: 2px solid #eeee;
    font-size: 16px;
    font-weight: 300;
    font-family: var(--read);
    color: #575757!important;
    overflow: visible!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    padding-top: 5px;
}

.zk_personalized_toggle.zk_in_favscheck {
    background-color: var(--branding);
    background-image: url('data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2052.3%20(67297)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Ejollycons-%5Bcategory%5D%2Ficons%2Fsvg%2Ficon-ui-1-checkmark%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cg%20id%3D%22icons%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icons---export%22%20transform%3D%22translate(-188.000000%2C%20-58.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22row-1%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%20fill%3D%22%23000000%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon---3%22%20transform%3D%22translate(128.000000%2C%200.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M20.2623934%2C4.35694064%20C20.620373%2C3.92524672%2021.2454187%2C3.87858578%2021.6584721%2C4.25272051%20C22.0715254%2C4.62685523%2022.1161716%2C5.28010841%2021.758192%2C5.71180233%20L10.5017717%2C19.2861187%20C9.78581249%2C20.1495066%208.53572108%2C20.2428284%207.70961435%2C19.494559%20C7.64084239%2C19.4322668%207.57626278%2C19.365092%207.51633515%2C19.2935124%20L2.24488637%2C12.9971213%20C1.88495323%2C12.5672054%201.92663658%2C11.9137384%202.33798875%2C11.537562%20C2.74934091%2C11.1613855%203.37459118%2C11.20495%203.73452432%2C11.6348659%20L9.0059731%2C17.931257%20L20.2623934%2C4.35694064%20Z%22%20id%3D%22checkmark%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slices%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%3E%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 17px;
}
div#zk_blokkenschema_pdf,
div#zk_plattegrond_img {
    width: 100%;
    height: 100%!important;
}

.zapp_modal_content.zapp_loaded > h1 {
    font-size: 40px;
    margin-bottom: 20px;
}
.zapp_modal_content{
	max-height: 300px;
}

h1.medium_header{
    font-size: 35px;

}

.zk_activities_none {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    padding-top: 70px;

}
.zk_activities_none > p{
	color: black;
	font-size: 20px;
	font-family: var(--read);
	text-align: center;
	width: 70%;
}
.zk_activities_none > p {
	color: #575757!important;
	font-size: 17px;
	line-height: 1.2em;
	font-family: var(--read);
	text-align: center;
	width: 70%;
	}

	img.zk_activities_ill {
    max-width: 90%;
    max-height: 190px;

}

h5.zk_spreker_badge {
    font-size: 13px;
    background-color: color(srgb 0.915 0.915 0.915);
    font-family: var(--read);
    color: white;
    font-weight: 400;
    width: 100%;
    margin-top: -5px;
    padding: 9px 10px;
    margin-top: 0;
    margin-bottom: 5px;
    color: black;

}
.zk_activity_list_item.zk_act_conflict {
    padding-left: 27px;
	position:relative;
}
.zk_activity_list_item.zk_act_conflict::after {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    background-color: #ffffff;
	opacity: 0.9;
	background: repeating-linear-gradient( 45deg, #e8e8e8, #e8e8e8 2px, #ffffff 2px, #ffffff 10px );
    content: "";
    width: 15px;
}
.zk_actions > button.zk_btn_smaller {
    padding: 5px;
    font-size: 22px;
    width: 100%;
    background-color: white;
    background-color: var(--branding);

}

.zk_activity_action {
    background-color: #f0f0f0;
    padding: 8px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
.zk_arrow_more {
    width: 30px;
    height: 36px;
    background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cpath%20fill%3D%22%23d60391%22%20d%3D%22M18.5857864%2C13%20L3%2C13%20C2.44771525%2C13%202%2C12.5522847%202%2C12%20C2%2C11.4477153%202.44771525%2C11%203%2C11%20L18.5857864%2C11%20L11.2928932%2C3.70710678%20C10.9023689%2C3.31658249%2010.9023689%2C2.68341751%2011.2928932%2C2.29289322%20C11.6834175%2C1.90236893%2012.3165825%2C1.90236893%2012.7071068%2C2.29289322%20L21.7071068%2C11.2928932%20C22.0976311%2C11.6834175%2022.0976311%2C12.3165825%2021.7071068%2C12.7071068%20L12.7071068%2C21.7071068%20C12.3165825%2C22.0976311%2011.6834175%2C22.0976311%2011.2928932%2C21.7071068%20C10.9023689%2C21.3165825%2010.9023689%2C20.6834175%2011.2928932%2C20.2928932%20L18.5857864%2C13%20Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
}
span.zk_label_inline {
    background-color: #f4eaf1;
    padding: 3px 5px;
    border-radius: 4px;
    font-size: 12px;
}

button.zk_special_btn {
    background-color: var(--branding)!important;
    margin-top: 10px!important;
}
.zk_activity_icon {
    position: absolute;
    left: 0px;
    width: 40px;
    height: 100%;
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
}
@media screen and (max-width: 400px){
    .zk_activity_list_item{
        padding-left: 43px!important;
        padding: 6px;
    }   
}
@media screen and (min-width: 600px){
    .zk_activity_list_item{
        padding-left: 50px!important;
        padding: 10px;
    }   
}
h1 > span.zk_activity_icon {
    filter: invert(1) saturate(0) brightness(3);
    width: 30px;
    height: 22px;
    display: inline-block;
    position: relative;
    margin-right: 4px;
}
div.zk_activity_meta > span{
    text-transform: lowercase!important;
}
div.zk_content_scroll{
    overflow-y: scroll;
    padding-bottom: 60px;
}
/* style all in zk_main_content.html_content, from h1 to p and UL.
*/
div.zk_activity_text > h1,
div.zk_activity_text > h2,
div.zk_activity_text > h3,
div.zk_activity_text > h4,
div.zk_activity_text > h5,
div.zk_activity_text > h6{
    font-family: var(--display);
    color: black;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 1.5em;
    margin: 0px;
    padding: 0px;
    font-weight: 500;
    margin-top: 20px;
}
div.zk_activity_text > p,
div.zk_activity_text > ul,
div.zk_activity_text > ol,
div.zk_activity_text > li,
div.zk_activity_text > a,
div.zk_activity_text > strong{
    font-family: var(--read);
    color: black;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
}
div.zk_activity_text > p > a{
    color: var(--branding);
    text-decoration: underline;
}
div.zk_activity_text > h1{
    font-size: 30px;
}

/* style the UL*/
div.zk_activity_text > ul{
    list-style-type: disc;
    padding-left: 20px;
}
div.zk_activity_text > ol{
    list-style-type: decimal;
    padding-left: 20px;
}

div.zk_activities_list > div.zk_activity_list_item.zk_act_conflict
{
    padding-left: 60px!important;
    position:relative;
}
div.zk_activities_list > div.zk_activity_list_item.zk_act_conflict > div.zk_activity_icon{
    left: 15px!important;
}

div.zk_activity_text > h2 {
    text-align: left;
    /* background-color: red; */
    /* float: none; */
    /* width: auto; */
}