/*
Theme Name: Ondernemend Maashorst
Theme URI: https://ondernemendmaashorst.nl
Template: ikcommuniceer
Author: IkCommuniceer B.V.
Author URI: https://ikcommuniceer.nu
Version: 1.0.0
Updated: 2025-09-19
*/

/* ## menu */
#wrapper .menuBox:not(.mm-menu) li:before {
	display: none;
}
#wrapper .menuBox:not(.mm-menu) li {
	padding: 0px 20px;
	-webkkit-border-radius: 25px;
	border-radius: 25px;
	height: 35px;
	line-height: 32px;
	background-color: #1d3557;	
	margin-left: 10px;
}
#wrapper .menuBox:not(.mm-menu) li a {
	font-size: 12px;
	color: #FFF;
}
#wrapper .megamenu .wp-block-button.uovdekring .wp-block-button__link,
#wrapper .menuBox:not(.mm-menu) li.uovdekring {
	background-color: #ee2d24;	
}
#wrapper .megamenu .wp-block-button.zov .wp-block-button__link,
#wrapper .menuBox:not(.mm-menu) li.zov {
	background-color: #588bbd;	
}
#wrapper .megamenu .wp-block-button.mkbschaijkreek .wp-block-button__link,
#wrapper .menuBox:not(.mm-menu) li.mkbschaijkreek {
	background-color: #fa990e;	
}
#wrapper .megamenu .wp-block-button.vliegendestart .wp-block-button__link,
#wrapper .menuBox:not(.mm-menu) li.vliegendestart {
	background-color: #000;	
}

/* ## menu ## */
.megamenu {
	z-index: 999;
	position: fixed;
	top:0px;
	left:0px;
	width: 100%;
	/*height: 768px;*/
	background-color: #f8f8f8;
	padding: 0px 120px 0px 120px;
	overflow-x: hidden;
	overflow-y: hidden!important;
}
#wrapper .megamenu p {
	font-size: 16px;
	line-height: 24px;	
}
#wrapper .megamenu .wp-block-button__link {
	font-size: 11px;
	padding: 6px 15px;
	border: none;
}
#wrapper .om-background {
	margin-top: 30px;
	padding: 30px 0 0 0;
}
#wrapper .megamenu:before {
	position: absolute;
	display: table;
	top:-325px;
	left:-325px;
	content: '';
	width: 500px;
	height: 500px;
	background-image: url('https://ondernemendmaashorst.nl/wp-content/themes/ondernemendmaashorst/inc/images/om-icon-large.svg');
	background-repeat: no-repeat;
	z-index: 999;
}
#wrapper .megamenu:after {
	position: absolute;
	display: table;
	right:-325px;
	bottom:-325px;
	content: '';
	width: 600px;
	height: 600px;
	background-image: url('https://ondernemendmaashorst.nl/wp-content/themes/ondernemendmaashorst/inc/images/om-icon-large.svg');
	background-repeat: no-repeat;
	background-size: contain; /* zodat je afbeelding netjes schaalt */
	z-index: 999;

	/* Animatie toevoegen */
	animation: rotateIcon 4s linear infinite;
	transform-origin: center center;
}

@keyframes rotateIcon {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

body.no-scroll {
  overflow: hidden;
  height: 100%;
}

#wrapper .ov-background {
	position: relative;
	background-color: #FFF;
	margin-top: 0px;
	padding: 40px 0 60px 0;
	margin: 0px;
}
#wrapper .ov-background.alone {
	padding: 150px 0 0px 0;
}
#wrapper .ov-background:before {
content: "";
background: #FFF;
position: absolute;
top: 0;
left: -5000px;
width: 5000px;
height: 100%;	
}
#wrapper .ov-background:after {
content: "";
background: #FFF;
position: absolute;
top: 0;
right: -5000px;
width: 5000px;
height: 100%;	
}
#wrapper .megamenu .wp-block-button.zov .wp-block-button__link,
#wrapper .megamenu .wp-block-button.mkbschaijkreek .wp-block-button__link,
#wrapper .megamenu .wp-block-button.vliegendestart .wp-block-button__link,
#wrapper .megamenu .wp-block-button.uovdekring .wp-block-button__link {
	margin-bottom: 30px;	
}
#wrapper .megamenu .wp-block-button.zov .wp-block-button__link:hover,
#wrapper .megamenu .wp-block-button.mkbschaijkreek .wp-block-button__link:hover,
#wrapper .megamenu .wp-block-button.vliegendestart .wp-block-button__link:hover,
#wrapper .megamenu .wp-block-button.uovdekring .wp-block-button__link:hover {
	color: #FFF;
}
#wrapper .megamenu ul {
	padding: 0px;
	list-style: none;
}
#wrapper .megamenu ul li {
	list-style: none;
	font-size: 16px;
	line-height: 30px;
}
#wrapper .megamenu .bold ul li {
	font-weight: bold;
}
/* Hamburger basis */
#wrapper .hamburger {
  width: 30px;
  height: 22px;
  position: relative;
  top: -6px;
  right: 0px;
  cursor: pointer;
  z-index: 9999;
}

.hamburger span {
  display: block;
  height: 4px;
  background: #333;
  margin: 5px 0;
  border-radius: 2px;
  transition: all 0.4s ease;
}

/* Animatie naar kruis */
.hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}
.hamburger.active span:nth-child(2) {
  opacity: 0;
}
.hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}

/* Menu initieel verborgen */
.megamenu {
  position: fixed;
  top: 100%;
  left: 0;
  width: 100%;
  background: #f8f8f8;
  transition: top 0.5s ease;
  overflow-y: auto;
}

/* Actief zichtbaar */
.megamenu.active {
  top: 0;
}


/* ## header ## */
#wrapper #headerCntr {
	-khtml-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
#wrapper #headerCntr .logo {
	margin: -37px 0 -112px -25px;
	padding: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 225px;
	width: 225px;
	float: left;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #FFF;
}
#wrapper #bannerCntr.home .content.left {
	margin: 0px 0px 0px 100px;
	padding: 0px;
	position: absolute;
	z-index: 1;
	width: 100%;
	max-width: 650px;
	bottom:75px;
}
#wrapper #bannerCntr.home .content.left h1,
#wrapper #bannerCntr.home .content.left p {
	-khtml-text-shadow: 0px 0px 20px #000;
	-moz-text-shadow: 0px 0px 20px #000;
	-webkit-text-shadow: 0px 0px 20px #000;
	text-shadow: 0px 0px 20px #000;
}
#wrapper #bannerCntr.home .content.left h1 {
	margin-bottom: 30px;
}
#wrapper #bannerCntr.home .content.left p {
	font-weight: 600;
	font-size: 24px;
}
#wrapper #headerCntr .logo img {
	width: 130px;
	height: auto;
}
#wrapper #headerCntr .box {
	position: relative;
}
#wrapper #bannerCntr,
#wrapper #bannerCntr.home {
	position: relative;
	z-index: 2;
	padding-right: calc((100% - 1280px) / 2);
	padding-left: calc((100% - 1280px) / 2);
	padding-top:0px;
}
#wrapper #bannerCntr .content {
	margin-left: 75px;
}
#wrapper #bannerCntr .image,
#wrapper #bannerCntr.home .image {
	padding-right: calc((100% - 1280px) / 2);
	padding-left: calc((100% - 1280px) / 2);
	border-radius: 20px;
	-webkit-border-radius: 20px;
}
#wrapper #bannerCntr .image img,
#wrapper #bannerCntr.home .image img {
	border-radius: 20px;
	-webkit-border-radius: 20px;
}
#wrapper .image.spotlight {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	overflow: hidden;
	border: 10px solid #EDEDED;
}
#wrapper .image.spotlight img {
margin: 0 auto;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.single #wrapper #bannerCntr,
.post-type-archive-zov #wrapper #bannerCntr,
.post-type-archive-vliegendestart #wrapper #bannerCntr,
.post-type-archive-uovdekring #wrapper #bannerCntr,
.post-type-archive-mkbschaijkreek #wrapper #bannerCntr {
	min-height: 575px;
}
.post-type-archive-mkbschaijkreek #wrapper #bannerCntr .content h1,
.post-type-archive-zov #wrapper #bannerCntr .content h1,
.post-type-archive-uovdekring #wrapper #bannerCntr .content h1 {
	margin-bottom:0px;
}
.post-type-archive #wrapper #bannerCntr .image::before,
.single #wrapper #bannerCntr .image::before {
  display: table;
  content: "";
  position: absolute;
  top: 0;
  left: calc((100% - 1280px) / 2);
  width: 65%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(
	90deg,
	rgba(0,0,0,1) 0%,
	rgba(0,0,0,0) 100%
  );
  border-radius: 20px;
  opacity: 0.65;
}
#wrapper .om-shapeBottom-wrap {
	display: table;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 20px;
	  -webkit-border-radius: 20px;	
}
#wrapper .om-shapeBottom-slide {
	margin: auto;
	position: absolute;
	right: 0;
	width: 650px;
	height: 650px;
	top:-50%;
	bottom:-50%;
	animation: slideIn 2s ease-out forwards;	
}
#wrapper .om-shapeBottom {
	width: 650px;
	height: 650px;
	/*animation: spin 4s linear infinite;*/
	animation: spin 3s linear forwards;
}

@keyframes slideIn {
	from { right: 0; }
	to   { right: -445px; }
}

@keyframes spin {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}

.podcast-wrap iframe {
	margin-bottom: 20px;
}

/* ## main ## */
#wrapper .centered-lg {
	padding-right: calc((100% - 1280px) / 2);
	padding-left: calc((100% - 1280px) / 2);
}

#wrapper .item-list {
	width: 100%;
  display: flex;
  flex-wrap: wrap;     /* li's mogen doorlopen naar de volgende "kolom" */
  gap: 1rem 2rem;      /* verticale en horizontale ruimte */
  list-style: none;    /* optioneel: bolletjes weghalen */
  padding: 0;
  margin-bottom:40px;
}
#wrapper .item-list li {
  flex: 1 1 45%;       /* ± twee kolommen */
  padding: 15px 0px;
  border-bottom: 1px solid #1d3557;
}
#wrapper .item-list li:hover,
#wrapper .item-list li a:hover,
#wrapper .item-list li a h3:hover {
	color: inherit;
	background-color: inherit;
}
#wrapper .item-list li h3 {
margin:0px;
padding:0px;
}
#wrapper .item-list li:before {
color:#1d3557;
position: relative;
top: 3px;
left: 0;
float: left;
content: '\f054';
font-family: 'Font Awesome 6 Pro';
font-size: 19px;
margin-right: 10px;
}
#wrapper .om-logo {
	width: auto;
	height: 100px;
}
.single-zov #wrapper .om-logo,
.post-type-archive-zov #wrapper .om-logo {
	width: auto;
	height: 70px;
}
.single-vliegendestart #wrapper .om-logo,
.post-type-archive-vliegendestart #wrapper .om-logo {
	width: auto;
	height: 120px;
}
#wrapper .introWrap {
	display: table;
	width: calc(100% + 60px);
	background-color: #EFEFEF;
	padding: 40px 50px;
	border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;	
	margin-bottom: 30px;
	margin-right: -60px;
}
#wrapper .introWrap h1 {
	margin-bottom: 20px;
}
.home #wrapper .introWrap {
	display: flex;
	width: calc(100% + 60px);
	background-color: #EFEFEF;
	padding: 40px 50px 40px 50px;
	border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;	
	margin-top: -20px;
	margin-bottom: 50px;
	margin-right: -60px;
}
.home #wrapper .introWrap h2,
.home #wrapper .introWrap p {
	margin-bottom: 0px;
}
#wrapper .introWrap-h2 {
	font-weight: 300;
	position: relative;
	z-index: 1;
}
#wrapper .introWrap-h2:before {
	z-index: -1;
	content: '';
	width: 600px;
	height: 600px;
	background-color: #FFF;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	position: absolute;
	top: -150px;
	left: -350px;
}
#wrapper .introWrap .wp-block-column {
	position: relative;
}
#wrapper .introWrap .wp-block-buttons {
	position: absolute;
	bottom: -58px;
	background-color: #FFF;
	border-radius: 20px;
	-webkit-border-radius: 20px;
}
#wrapper .introWrap .wp-block-buttons .wp-block-button__link {
	margin-bottom: 0px;
	font-size: 14px;
	padding: 6px 15px;
}
#wrapper .introWrap .wp-block-button.ondernemers .wp-block-button__link {
	background-color: #FFF;
	border: 1px solid #FFF;
	color: #1d3557;
	padding: 6px 25px 6px 0px;
}
#wrapper .agenda-list {
	padding: 0px;
	margin: 0 0 40px 0;
}
#wrapper .agenda-list li {
	list-style: none;
	border-top:1px solid #EDEDED;
	padding: 25px 0;	
}
#wrapper .agenda-list li i {
	width: 30px;
	text-align: center;
	font-weight: 300;
}
#wrapper .agenda-list li:nth-of-type(2) i {
	font-weight: bold;	
}
#wrapper .agenda-list li span:nth-of-type(1) {
	font-weight: bold;
	display: inline-table;
	width: 100px;	
}
#wrapper .agenda-list li span:nth-of-type(2) {

}
#wrapper .agenda-list li:nth-last-of-type(1) {
	border-bottom:1px solid #EDEDED;	
}
#wrapper .centered {
	padding-top:25px;
	padding-right: calc((100% - 1080px) / 2);
	padding-left: calc((100% - 1080px) / 2);
}
#wrapper .ov.centered,
#wrapper .ov.centered .centered:nth-of-type(1) {
	padding-top: 0px;
}
#wrapper .home.centered {
	padding-top:15px;
}
#wrapper .wp-block-button__link.small {
	margin-bottom: 25px;
	color: #1d3557;
	border: 1px soldid #1d3557;
	background-color: #fff;	
}
.single-agenda #wrapper .agenda-locatie {
	margin-top: 25px;
	display: table;
	float: none;
	font-size: 18px;
}
#wrapper .usps {
	padding-top: 0px;
	width: calc(100% + 28px)!important;
}
#wrapper .usp-block.wp-block-columns {
	position: relative;
	width: calc(100% + 0px);
	margin: 0px!important;
}
.usp-block .wp-block-column h2 {
	font-size: 26px;	
}
.usp-block .wp-block-column p {
	font-size: 50px;
}
.usp-block .wp-block-column {
	position: relative;
	height: 400px;
	margin: 0px!important;
	overflow: hidden;
	border-radius: 20px;
	-webkit-border-radius: 20px;
}
.usp-block .wp-block-column:before {
	z-index: -1;
	content: '';
	display: table;
	position: absolute;
	width: 100%;
	height: 100%;
	/* background: linear-gradient(to top, black 0%, transparent 66%); */
	background: linear-gradient(to bottom, #EFEFEF 0%, transparent 75%);
	pointer-events: none;
}
.usp-block .wp-block-column img {
	margin-top: 50px
}

/* ## archive ## */
#wrapper .archiveBox {
	padding-bottom: 50px;
}
#wrapper #bannerCntr.header {
	width: calc(100% + 23px);
	height: 100px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	background-color: #EDEDED;
	min-height: inherit;
}
.single #wrapper #bannerCntr.header {
	height: 100px;
}
#wrapper h2.subheader {
	font-size: 32px;
	position: relative;
	z-index: 10;
}
#wrapper .introWrap h2.subheader {
	margin-bottom: 15px;
}
#wrapper h2.subheader a {
	text-decoration: none;
}
#wrapper h1.subheader:before,
#wrapper h2.subheader:before {
	position: relative;
	float: left;
	content: '';
	display: table;
	height: 50px;
	width: 50px;
	margin-top: -5px;
	margin-right: 10px;
	background-image: url('/wp-content/themes/ondernemendmaashorst/inc/images/om-icon.svg');
	background-size: contain;
	background-repeat: no-repeat;	
	animation: spin 3s linear infinite;
}
@keyframes spin {
  from {
	transform: rotate(0deg);
  }
  to {
	transform: rotate(360deg);
  }
}

#wrapper .serviceBox .imageHolder {
	height: 500px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
}
#wrapper .itemDate {
	position: absolute;
	right:0px;
	top:0px;
	color: #FFF;
	background-color: #1d3557;
	padding: 10px 20px;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	font-weight: bold;
}
.single #wrapper #bannerCntr .itemDate {
display: none;
position: relative;
right:inherit;
top:inherit;	
}
#wrapper .archiveBox .item {
	width: calc(25% - 25px);
	margin: 0 25px 20px 0px;
}
#wrapper .item:before {
	content: '';
	display: table;
	position: absolute;
	width: 100%;
	height: 100%;
	/*background: linear-gradient(to top, black 0%, transparent 66%);*/
	background: linear-gradient(to bottom, black 0%, transparent 66%);
	pointer-events: none;
}
#wrapper .item {
	border-radius: 30px;
	-webkit-border-radius: 30px;
}
.post-type-archive-spotlight #wrapper .item:before,
#wrapper .item.spotlight:before {
	content: '';
	display: table;
	position: absolute;
	width: 100%;
	height: 100%;
	background:transparent;
}
#wrapper .item.uov-de-kring {
	border-bottom: 10px solid #ee2d24;
	border-radius: 30px;
	-webkit-border-radius: 30px;
}
#wrapper .item.ondernemend-maashorst {
	border-bottom: 10px solid #1d3557;
	border-radius: 30px;
	-webkit-border-radius: 30px;
}
#wrapper .item.zov-zeelandse-ondernemers {
	border-bottom: 10px solid #588bbd;
	border-radius: 30px;
	-webkit-border-radius: 30px;
}
#wrapper .item.mkb-schaijk-reek {
	border-bottom: 10px solid #fa990e;
	border-radius: 30px;
	-webkit-border-radius: 30px;
}
#wrapper .item.maashorst-vliegende-start {
	border-bottom: 10px solid #000;
	border-radius: 30px;
	-webkit-border-radius: 30px;
}
#wrapper .item.spotlight,
#wrapper .item.spotlight.maashorst-vliegende-start,
#wrapper .item.spotlight.mkb-schaijk-reek,
#wrapper .item.spotlight.zov-zeelandse-ondernemers,
#wrapper .item.spotlight.ondernemend-maashorst,
#wrapper .item.spotlight.uov-de-kring {
	border-bottom: none;
}
.archive #wrapper .item h3 {
	top:0px;
	bottom: inherit;
}
.post-type-archive-spotlight #wrapper .archiveBox .item h3,
#wrapper .archiveBox .item.spotlight h3 {
	font-weight: 300;
	background-color: #FFF;
	color:#1d3557;
	border-radius: 30px 30px 0 0;
	-webkit-border-radius: 30px 30px 0 0;
}
.post-type-archive-spotlight #wrapper .archiveBox .item,
#wrapper .archiveBox .item.spotlight {
-webkit-box-shadow:none;
box-shadow:none;
}
#wrapper .item.agenda h3 {
	top:90px;
	bottom: inherit;
}
#wrapper .item.actueel h3 {
	top:90px;
	bottom: inherit;
}
.post-type-archive-spotlight #wrapper .item h3,
#wrapper .item.spotlight h3 {
	top:inherit;
	bottom: 0px;
	padding-right: 20px;
}
#wrapper .item .term {
	display: table;
	padding: 15px 0px 0px 0px;
	margin: 0px;
}
#wrapper .agenda.item .term.top,
#wrapper .actueel.item .term.top,
.post-type-archive-spotlight #wrapper .item .term.top,
#wrapper .item .term.top,
#wrapper .item.spotlight .term.top,
#wrapper .item.agenda .term {
	position: absolute;
	top:55px;	
	left:20px;
}
.post-type-archive-spotlight #wrapper .item .term.top,
#wrapper .item .term.top,
#wrapper .item.spotlight .term.top {
	top:10px;	
}
.single #wrapper #bannerCntr .term {
display: table;
position: relative;
top:inherit;	
left:inherit;
padding: 0px;	
margin: 0px;
}
.single-agenda #wrapper #bannerCntr .term {
margin: 0px 0px 10px 205px;
}
.single #wrapper .term li,
#wrapper .item .term li {
	list-style: none;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	display: table;
	width: auto;
	float: left;
	color:#1d3557;
	background-color: #f0f0f0;
	padding: 7px 9px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	margin: 0 7px 7px 0;
}
.single-agenda #wrapper #bannerCntr .itemDate {
	position: relative;
	right: inherit;
	top: inherit;
	color: #FFF;
	background-color: #1d3557;
	padding: 10px 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	font-weight: bold;
	display: table;
	float: left;
	width: 185px;
	height: 140px;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: right;
}
.single #wrapper .ondernemend-maashorst .term li,
#wrapper .item.ondernemend-maashorst .term.top li,
#wrapper .item.agenda.ondernemend-maashorst .term li {
	color: #FFF;
	background-color:#1d3557;
}
.single #wrapper .uov-de-kring .term li,
#wrapper .item.uov-de-kring .term.top li,
#wrapper .item.agenda.uov-de-kring .term li {
	color: #FFF;
	background-color:#ee2d24;
}
.single #wrapper .zov-zeelandse-ondernemers .term li,
#wrapper .item.zov-zeelandse-ondernemers .term.top li,
#wrapper .item.agenda.zov-zeelandse-ondernemers .term li {
	color: #FFF;
	background-color:#588bbd;
}
.single #wrapper .mkb-schaijk-reek .term li,
#wrapper .item.mkb-schaijk-reek .term.top li,
#wrapper .item.agenda.mkb-schaijk-reek .term li {
	color: #FFF;
	background-color:#fa990e;
}
.single #wrapper .maashorst-vliegende-start .term li,
#wrapper .item.maashorst-vliegende-start .term.top li,
#wrapper .item.agenda.maashorst-vliegende-start	 .term li {
	color: #FFF;
	background-color:#000;
}
#wrapper .loginWrap {
	padding: 20px 0px;
	margin: 20px 0px;
	border-top: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
}
#wrapper .loginWrap strong {
	margin-right: 10px;
}
#wrapper .authorWrap span {
	font-size: 16px;
}
#wrapper .authorWrap i {
	margin-right: 5px;
}
.single-agenda #bannerCntr .content {
	max-width: 768px!important;	
}

/* ## Content toevoegen ## */
#wrapper .toevoegen {
	padding-right: calc((100% - 768px) / 2);
	padding-left: calc((100% - 768px) / 2);	
}
#wrapper .nav-item {
	list-style: none;
}
#wrapper .gform_wrapper {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	padding: 50px;
	-khtml-box-shadow: 0px 0px 30px 0px #EDEDED;
	-moz-box-shadow: 0px 0px 30px 0px #EDEDED;
	-webkit-box-shadow: 0px 0px 30px 0px #EDEDED;
	box-shadow: 0px 0px 30px 0px #EDEDED;
}
#wrapper .wp-element-button, .wp-block-button__link,
#wrapper .button {
	font-size: 16px;
}

/* ## Profiel en bedrijven ## */
#wrapper .profiel-overzicht .avatar img {
	aspect-ratio: 1/1;
	width: 100%;
	height: auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
#wrapper .profiel-bewerken img {
	aspect-ratio: 1/1;
	width: 150px;
	height: auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-bottom:20px;
}
#wrapper .file-upload:before {
	display: none;
}
#wrapper .file-upload {
	max-width: 100%!important;
}
#wrapper input[type="file"] {
	opacity: inherit!important;
	border: none;
	height: auto;
	line-height: 15px;
	margin: 20px 0;
	font-size: 14px;
}

/* ## inloggen ## */
.login-wrapper {
display: table;
width: 100%;
margin: 30px auto;
max-width: 500px;
padding: 40px;
margin: 20px 0px;
background-color: #f8f8f8;
border: none;
border-radius:20px;
-webkit-border-radius:20px;	
}
#wrapper .login-wrapper p {
	margin-bottom: 20px;
}
#wrapper .login-wrapper label {
	margin-bottom: 10px;
	font-weight: bold;
}

#wrapper .login-wrapper input,
#wrapper .login-wrapper label {
	float: none;
}
#wrapper .login-wrapper input {
	font-size: 16px;
	width: 100%;
}
#wrapper .login-wrapper input[type="checkbox"] {
	width: inherit;
	margin-right: 6px;
}

/* ## Activiteit aanmelden ## */
#wrapper .loginWrap {
	display: table;
	width: 100%;
	padding: 40px;
	margin: 20px 0px;
	background-color: #f8f8f8;
	border: none;
	border-radius:20px;
	-webkit-border-radius:20px;
}
#wrapper .loginWrap .button {
	margin-bottom: 10px;
}
#wrapper p.aa-deelnemers {
	margin-bottom: 10px;
	padding: 0px;
}
.aa-aangemeld {
	
}
#wrapper .aa-aangemeld p {
	margin-bottom: 10px;
}
#wrapper .afmelden-btn {
	cursor: default;
	text-decoration: underline;
}
#wrapper img.aa-avatar {
	float: left;
	margin: 5px 10px 5px 0px;
	width: 66px!important;
	height: 66px!important;
	border: 4px solid #FFF;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

/* ## footer ## */
#wrapper #footerCntr .left {
	width: 100%;
	display: table;
}
#wrapper #footerCntr .link {
	float: left;
	width: auto;
	padding: 0 35px 0 0;
}
#wrapper #footerCntr .left .link:nth-last-of-type(-n+4) {
	float: right;
}
#wrapper #footerCntr .link h3 {
	font-size: 14px;
	line-height: 22px;
}
#wrapper #footerCntr .cirkel h2 {
	font-weight: 300;
	font-size: 25px;
	line-height: 35px;
	margin-bottom: 10px;
	color: #1d3557;
}
#wrapper #footerCntr .cirkel p {
	color: #1d3557;
}
#wrapper #footerCntr .link p,
#wrapper #footerCntr .link li {
	font-size: 14px;
	line-height: 22px;
}
#wrapper #footerCntr .cirkel {
	position: relative;
	z-index: 0;
}
#wrapper #footerCntr .cirkel:after {
	z-index: -1;
	content:'';
	width: 600px;
	height: 600px;
	background-color: #FFF;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	position: absolute;
	top:-150px;
	left:-350px;
}
#footerCntr {
	position: relative;
}
#footerCntr:before {
	content: '';
	position: absolute;
	left:0;
	top:0;
	width: 200px;
	height: 100%;
	background-color: #FFF;
}
#wrapper #footerCntr .link .icon-footer {
  width: 45px;
  height: auto;
  display: inline-block;
  animation: spin 3s linear infinite;
}
@keyframes spin {
  from {
	transform: rotate(0deg);
  }
  to {
	transform: rotate(360deg);
  }
}
.copyrightBox ul {
	display: table;
	flex-wrap: inherit;
}
.copyrightBox li:first-child {
	width: auto;
	margin: auto;
}

/* ## tabellen */
#wrapper table,
#wrapper tbody,
#wrapper td,
#wrapper tfoot,
#wrapper th,
#wrapper thead,
#wrapper tr {
	border-color: #DDD;
}

@media only screen and (max-width: 767px) {
/*
	.single #wrapper .centered, .page #wrapper .centered {
		padding: 0px;
	}
*/	
	.megamenu .loginWrap,
	.single-agenda #wrapper #bannerCntr .agenda-locatie,
	#wrapper .wp-block-button.ondernemers {
		display:none!important;
	}
	#wrapper #bannerCntr.home {
		padding-bottom: 0px;	
	}
	#wrapper #headerCntr.fixed {
		width: 100%;
		padding-right: 40px;
		padding-left: 40px;
		left:0px;
	}
	#wrapper #headerCntr .logo {
		height: 135px;
		width: 135px;
	}
	#wrapper #headerCntr .logo img {
		width: 100%;
		height: auto;
	}
	#wrapper #bannerCntr.header {
		width: calc(100% + 0px);
	}
	#wrapper #bannerCntr,
	.post-type-archive-zov #wrapper #bannerCntr,
	.post-type-archive-vliegendestart #wrapper #bannerCntr,
	.post-type-archive-uovdekring #wrapper #bannerCntr,
	.post-type-archive-mkbschaijkreek #wrapper #bannerCntr {
		height: 325px;	
		min-height: inherit!important;
	}
	#wrapper #bannerCntr .content {
		position: absolute;
		margin: 0px;
		bottom: 30px;	
		left:30px;
		max-width: inherit;
		width: 100%;
	}
	#wrapper .archiveBox #bannerCntr .content {
		position: relative;
		bottom: inherit;	
		left:inherit;
		height: auto!important;
	}
	#wrapper .archiveBox #bannerCntr {
		height: auto;		
	}
	#wrapper .archiveBox #bannerCntr.header {
		height: 100px;
	}
	#wrapper #bannerCntr.home .content.left {
		width: 100%;
		margin-left: 0px;
		bottom: 30px;
	}
	#wrapper #bannerCntr.home .content.left p {
		font-size: 18px;
	}
	#wrapper #bannerCntr .content {
		margin-left: 0px;
	}
	#wrapper .om-shapeBottom-slide {
		width: 550px;
		height: 550px;
	}
	#wrapper .introWrap-h2:before {
		display: none;
	}
	.home #wrapper .introWrap h2, .home #wrapper .introWrap p {
		padding-right: 40px;
	}
	#wrapper .introWrap .wp-block-buttons {
		position: relative;
	}
	#wrapper .welcomeBox.centered.archiveBox {
		margin-bottom: 0px;
	}
	#wrapper .archiveBox .item {
		width: calc(100% - 0px);
		margin-right: 0px;
		border-top-right-radius: 12px;
	}
	#wrapper .item:before {
		display: none;
	}
	#wrapper .itemDate {
		font-size: 12px;
		position: absolute;
		right: 0px;
		top: 0px;
		padding: 6px 15px;
		border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
		font-weight: bold;
	}
	#wrapper .serviceBox .imageHolder {
		position: relative;
		float: left;
		aspect-ratio: 1 / 1 !important;
		width: 33.333%;
		height: auto;
	}
	#wrapper .item h3 {
		top:0px!important;
		float: left;
		position: relative;
		width: 66.666%;
		font-size: 16px;
		line-height: 23px;
		padding-top: 35px;
		padding-right: 20px;
		padding-bottom: 0px;
		color: var(--secondairy_color);
	}
	ul.wp-block-list {
		padding-left: 25px;
	}
	ul.wp-block-list li {
		list-style: outside!important;
		padding-left: 5px!important;
	}
	.megamenu ul.wp-block-list li {
		list-style:none!important;
	}
	#footerCntr .copyrightBox li,
	#footerCntr .copyrightBox li a {
		font-size: 10px;
		padding: 0 20px;
	}
/*
	#wrapper .archiveBox .item {
		width: calc(100% - 0px);
		margin-right: 0px;
	}
	#wrapper .archiveBox .item.spotlight {
		width: calc(50% - 20px);
		margin-right: 10px;
		margin-left: 10px;
	}
*/
	#wrapper .archiveBox .item.spotlight h3 {
		font-size: 16px;
		line-height: 24px;
	}
/*
	#wrapper .serviceBox .imageHolder {
		height: 250px;
	}
	#wrapper .serviceBox .spotlight .imageHolder {
		height: 400px;
	}
*/
	#footerCntr {
		padding-bottom: 30px;
	}
	#footerCntr:before,
	#footerCntr .link:nth-of-type(1) {
		display: none;
	}
	#footerCntr .link {
		width: 100%!important;
		margin: 0px;
		margin-bottom: 20px;
		padding-right: 0px!important;
	}
	#footerCntr .copyrightBox ul {
		padding-bottom: 30px;
	}
	#wrapper .item-list li h3 {
		font-size: 16px;
	}
	.megamenu {
		width: 100%;
		padding: 0px 80px 40px 60px;
		overflow-x: hidden;
		overflow-y: inherit!important;
	}
	
	#wrapper .megamenu:after {
		right: -500px;
		bottom: -425px;
	}
	.single-agenda #wrapper #bannerCntr .term {
		margin-left: 0px;
	}
	.single-agenda #wrapper #bannerCntr .itemDate {
		height: auto;
	}
	#wrapper .wp-block-button__link.small {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.home #wrapper .serviceBox, #wrapper .archiveBox .serviceBox, #wrapper .uitgelicht {
		padding: 0px;		
	}
	#wrapper .introWrap {
		width: calc(100%);
		margin-right: 0px;
	}
	.post-type-archive #wrapper #bannerCntr .image::before,
	.single #wrapper #bannerCntr .image::before {
		left:0px;
		width: 95%;
	}
	#wrapper .centered.logoBox {
		display: none;
	}
	#wrapper .welcomeBox.centered.archiveBox {
		padding-top: 0px;
	}
	#wrapper .centered {
	}
	#wrapper #mainCntr {
		padding-left:20px;
		padding-right:20px;
	}
	.single #wrapper .centered,
	.page #wrapper .centered {
		padding-left: 0px!important;
		padding-right: 0px!important;	
	}
	.home #wrapper .introWrap {
		display: flex;
		width: calc(100% + 0px);
		margin-top: 0px;
		margin-right: 0px;
		padding-left: 30px;
		padding-right: 30px;
		border-radius:20px;
		-webkit-border-radius:20px;
	}
	.home #wrapper .introWrap h2, .home #wrapper .introWrap p {
		padding: 0px;
	}
	#wrapper .item .term li {
		margin: 0px;
	}
	#wrapper .item {
		border-bottom-width: 5px!important;
	}
	#wrapper .agenda.item .term.top,
	#wrapper .actueel.item .term.top,
	.post-type-archive-spotlight #wrapper .item .term.top,
	#wrapper .item .term.top,
	#wrapper .item.spotlight .term.top,
	#wrapper .item.agenda .term {
		display: none;
		top:inherit;
		bottom:10px;
		left:10px;
		margin: 0px;
		padding: 0px;	
	}
	#wrapper #bannerCntr .term,
	#wrapper .item .term {
		left:0px!important;
	}
	#wrapper .agenda-list {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	#wrapper .agenda-list li {
		padding: 20px 0;
		font-size: 16px;
	}
	#wrapper .agenda-list li span:nth-of-type(1) {
		width: 80px;
	}
	.single-agenda #wrapper #bannerCntr .itemDate {
		width: inherit;
		margin: 0 0 10px 0;
		float: none;
		padding-left:15px;
		padding-right:15px;
		background: #000;
	}
	#wrapper .interview .spotlight {
		margin-top: 20px;
	}
	#wrapper .spotlight.image {
		width: 60%;
		margin: auto;
	}
	#wrapper .serviceBox.centered.usps {
		width: calc(100% + 0px) !important;
	}
	#wrapper .usps .usp-block .wp-block-column {
		flex-basis: 40%!important;
		height: 300px;
	}
	#wrapper .usps .usp-block .wp-block-column img {
		margin-top: 30px;
		width: 75px;
		height: 75px;
	}
	#wrapper .usps .usp-block .wp-block-column h2 {
		font-size: 18px;
	}
	#wrapper .usps .usp-block .wp-block-column p {
		font-size: 40px;
	}
	/*
	#wrapper .interview .spotlight .wp-block-column {
		flex-basis: 45%!important;
	}*/
/*
	#wrapper #contentCntr,
	#wrapper #bannerCntr {
		padding-left:20px;
		padding-right:20px;
	}
*/
}