/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 22 2026 | 15:07:21 */
:root {
	--admin-bar-height: 0;
	--swiper-navigation-size: 34px;
}

*:focus {
	outline: 0;
}

html, body {
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased; 
}
body.admin-bar {
	--admin-bar-height: 32px;
}

pre.wp-block-verse {
	overflow: hidden !important;
}

blockquote {
	border: 0 !important;
}

p, pre, h3 {
	letter-spacing: -0.01em;
}

.block-editor-iframe__body a:not(.wp-element-button):not(.wp-block-navigation-item__content):not(.wp-block-post-excerpt__more-link),
.wp-site-blocks a:not(.wp-element-button):not(.wp-block-navigation-item__content):not(.wp-block-post-excerpt__more-link) {
	color: inherit !important;
}

:where(.editor-styles-wrapper) .is-root-container .safe-svg-inside {
	max-width: 100% !important;
}

.wp-container-core-post-content-is-layout-81d5c4b5 > * + * {
	margin-block-start: 0 !important;
}

.has-arpona-font-family > p {
	font-family: 'Arpona', Arial, sans-serif !important;
	font-size: inherit !important;
	line-height: inherit !important;
}

.wp-site-blocks {
	overflow-x: hidden;
}

.wp-site-blocks > header {
	position: fixed;
	z-index: 1000;
	width: 100vw;
	background-color: var(--primary-bg-color);
	color: var(--primary-txt-color);
	height: 90px;
    transition: transform 0.3s ease;
}

.wp-site-blocks > header.hide:not(:has(.is-menu-open)) {
	 transform: translateY(-100%);
}
.wp-site-blocks > header .wp-block-buttons,
.wp-site-blocks > header .safe-svg-cover {
	position: relative;
	z-index: 999999999;
}
.wp-site-blocks > header .safe-svg-inline {
	width: auto !important;
}
.wp-site-blocks > header .safe-svg-inline svg {
	width: 10vw;
	min-width: 130px;
	max-width: 200px;
}
.wp-site-blocks > header  .safe-svg-inline svg g path {
	fill:  var(--primary-txt-color) !important;
}
.wp-site-blocks > header nav.is-responsive > button {
	position: relative;
	top: 5px;
}
.wp-block-navigation__responsive-container-close {
	position: fixed;
	margin-top: 36px;
	right: 24px;
}
body.admin-bar .wp-block-navigation__responsive-container-close {
	margin-top: calc(36px + var(--admin-bar-height));
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--primary-bg-color) !important;
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open a,
.wp-block-navigation__responsive-container-close {
	color: var(--primary-txt-color);
}
.wp-site-blocks > header nav.is-responsive > button::before {
	content: 'Menu';
	display: block;
	margin: 0 10px;
	position: relative;
	top: -4px;
	font-size: var(--wp--preset--font-size--medium);
}


.wp-site-blocks > header .wp-block-button a {
	background-color: var(--secondary-bg-color) !important;
	color: var(--secondary-txt-color) !important;
}
.wp-block-navigation__responsive-container {
	bottom: auto;
	overflow: visible !important;
}
.wp-block-navigation__responsive-container::after {
	display: block;
	content: '';
	height: 10vw;
	position: absolute;
	bottom: -9.9vw;
	left: 0;
	background: var(--primary-bg-color) !important;
	width: 100%;
	clip-path: polygon(
        0% 0%,
		0% 34.59%,
		20.81% 100%,
		20.81% 50.00%,
		41.63% 100%,
		50.00% 34.61%,
		58.37% 100%,
		79.09% 50.21%,
		79.09% 100%,
		100% 34.27%,
		100% 0%
    );
}
.wp-block-navigation__responsive-container-close {
	display: flex;
}
.wp-block-navigation__responsive-container-close::before {
	content: 'Sluiten';
	display: block;
	margin: 0 10px;
	position: relative;
	top: -4px;
	font-size: var(--wp--preset--font-size--medium);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item[style*="600"] {
	line-height: 1;
}

.entry-content > .wp-block-group:not([block-id="highlighted"]) {
	background: var(--wp--preset--color--base);
	padding-left: 24px !important;
	padding-right: 24px !important;
}
.wp-block-accordion-heading__toggle-icon {
    display: none;
}
.wp-block-accordion-heading__toggle {
    position: relative;
    padding-right: 1.5rem;
}
.wp-block-accordion-heading__toggle-title::after {
    content: "↓";
	margin-left: 10px;
    line-height: 1;
}
.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-title::after {
    content: "↑";
}
.wp-block-accordion-panel {
	padding: var(--wp--preset--spacing--20,1em) 0;
}
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
	text-decoration: none;
}

.wp-block-button a,
.wp-block-button div {
	background-color: var(--secondary-bg-color);
	color: #fff;
	font-family: 'Arpona', Arial, sans-serif;
	font-size: var(--wp--preset--font-size--medium);
	clip-path: polygon(
        15px 0,
        100% 0,
		calc(100% - 6px) 10px,
		100% 10px,
		calc(100% - 15px) 100%,
		0 100%,
		6px calc(100% - 10px),
		0 calc(100% - 10px)
    );
}

.wp-block-button a,
.wp-block-post-excerpt__more-link,
.forminator-button-submit{
	transition: 0.3s ease;
}
.wp-block-button:hover a,
.forminator-button-submit:hover,
.wp-block-post-excerpt__more-link:hover {
	transform: scale(1.05);
}

.home .wp-block-post-excerpt__more-link:hover {
	//transform: scale(1.05) rotate(10deg) !important;
}

.wp-block-query .columns-3 li:nth-child(6n-5) .wp-block-post-featured-image img {
	-webkit-mask-image:url(https://visavis.nl/wp-content/plugins/cutout-plugin/assets/square-2.svg);
    mask-image:url(https://visavis.nl/wp-content/plugins/cutout-plugin/assets/square-2.svg);
     -webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
   -webkit-mask-position:center;
	mask-position:center;
    -webkit-mask-size:100% 100%;
	mask-size:100% 100%
}
.wp-block-query .columns-3 li:nth-child(6n-4) .wp-block-post-featured-image img {
	-webkit-mask-image:url(https://visavis.nl/wp-content/plugins/cutout-plugin/assets/square-5.svg);
    mask-image:url(https://visavis.nl/wp-content/plugins/cutout-plugin/assets/square-5.svg);
     -webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
   -webkit-mask-position:center;
	mask-position:center;
    -webkit-mask-size:100% 100%;
	mask-size:100% 100%
}
.wp-block-query .columns-3 li:nth-child(6n-3) .wp-block-post-featured-image img {
	-webkit-mask-image:url(https://visavis.nl/wp-content/plugins/cutout-plugin/assets/square-4.svg);
    mask-image:url(https://visavis.nl/wp-content/plugins/cutout-plugin/assets/square-4.svg);
     -webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
   -webkit-mask-position:center;
	mask-position:center;
    -webkit-mask-size:100% 100%;
	mask-size:100% 100%
}
.wp-block-query .columns-3 li:nth-child(6n-2) .wp-block-post-featured-image img {
	-webkit-mask-image:url(https://visavis.nl/wp-content/plugins/cutout-plugin/assets/square-3.svg);
    mask-image:url(https://visavis.nl/wp-content/plugins/cutout-plugin/assets/square-3.svg);
     -webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
   -webkit-mask-position:center;
	mask-position:center;
    -webkit-mask-size:100% 100%;
	mask-size:100% 100%
}
.wp-block-query .columns-3 li:nth-child(6n-1) .wp-block-post-featured-image img {
	-webkit-mask-image:url(https://visavis.nl/wp-content/plugins/cutout-plugin/assets/square-1.svg);
    mask-image:url(https://visavis.nl/wp-content/plugins/cutout-plugin/assets/square-1.svg);
     -webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
   -webkit-mask-position:center;
	mask-position:center;
    -webkit-mask-size:100% 100%;
	mask-size:100% 100%
}
.wp-block-query .columns-3 li:nth-child(6n) .wp-block-post-featured-image img {
	-webkit-mask-image:url(https://visavis.nl/wp-content/plugins/cutout-plugin/assets/square-6.svg);
    mask-image:url(https://visavis.nl/wp-content/plugins/cutout-plugin/assets/square-6.svg);
     -webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
   -webkit-mask-position:center;
	mask-position:center;
    -webkit-mask-size:100% 100%;
	mask-size:100% 100%
}

.iframe-block-container {
	-webkit-mask-image:url(https://visavis.nl/wp-content/plugins/cutout-plugin/assets/landscape-7.svg);
    mask-image:url(https://visavis.nl/wp-content/plugins/cutout-plugin/assets/landscape-7.svg);
     -webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
   -webkit-mask-position:center;
	mask-position:center;
    -webkit-mask-size:100% 100%;
	mask-size:100% 100%
}

.wp-block-table td {
	border: 0 !important;
}
ul.columns-3.wp-block-post-template.is-layout-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--wp--preset--spacing--80);
}

ul.columns-3.wp-block-post-template.is-layout-grid > li {
    flex: 0 1 calc((100% - (2 * var(--wp--preset--spacing--80))) / 3);
    max-width: calc((100% - (2 * var(--wp--preset--spacing--80))) / 3);
}

[block-id="hero"] {
	padding-top: 100px !important;
	background-color: var(--primary-bg-color) !important;
}
[block-id="hero"] .wp-block-heading,
[block-id="hero"] .wp-block-post-title,
[block-id="hero"] .wp-block-verse {
	color: var(--primary-txt-color);
}
[block-id="hero"] .wp-block-post-featured-image,
[block-id="hero"] .wp-block-image {
	height: 50vw;
	max-height: calc(100vh - 300px);
}
[block-id="hero"] .wp-block-post-featured-image img, 
[block-id="hero"] .wp-block-image img {
	display: block;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

[block-id="highlighted"] li.voorstelling {
	background:  var(--primary-bg-color) !important;
}
[block-id="highlighted"] li.voorstelling h1,
[block-id="highlighted"] li.voorstelling .wp-block-post-excerpt__excerpt {
	color: var(--primary-txt-color);
}
[block-id="highlighted"] .wp-block-post-excerpt__more-text {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 0;
}
[block-id="highlighted"] .wp-block-post-excerpt__more-link {
	position: relative;
	background-color: var(--wp--preset--color--accent-6);
	color: #fff;
	text-transform: uppercase;
	padding: 6px 30px;
	text-decoration: none;
	top: -7em;
	left: 9em;
	transform: rotate(10deg);
	clip-path: polygon(
        15px 0,
        100% 0,
		calc(100% - 6px) 10px,
		100% 10px,
		calc(100% - 15px) 100%,
		0 100%,
		6px calc(100% - 10px),
		0 calc(100% - 10px)
    );
	font-weight: 600 !important;
}

[block-id="programma"] .show-header {
	position: relative;
	z-index: 10;
	margin-bottom: -28px;
	pointer-events: none;
}
[block-id="programma"] .show-header .taxonomy-show-type {
	background-color: var(--secondary-bg-color) !important;
	color: var(--secondary-txt-color) !important;
    padding-left: var(--wp--preset--spacing--40) !important;
	clip-path: polygon(
        18px 0,
        100% 0,
		100% 100%,
		0 100%,
		6px calc(100% - 10px),
		0 calc(100% - 10px)
    );
}
[block-id="programma"] .show-header .taxonomy-show-type a {
	text-decoration: none;
}
[block-id="programma"] .show-header .taxonomy-show-type a[href*="schijnwerper"],
[block-id="programma"] .show-header .taxonomy-show-type a[href*="schijnwerper"] + span {
	display: none;
}
[block-id="programma"] .show-header .wp-block-show-dates {
	background-color: var(--primary-bg-color) !important;
	color: var(--primary-txt-color);
    font-style: normal;
	font-size: var(--wp--preset--font-size--small) !important;
    font-weight: 400;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: var(--wp--preset--spacing--30);
    padding-right: var(--wp--preset--spacing--40);
	margin-left: -1px !important;
	clip-path: polygon(
        0 0,
        100% 0,
		calc(100% - 6px) 10px,
		100% 10px,
		calc(100% - 18px) 100%,
		0 100%
    );
}
[block-id="programma"] .wp-block-post-excerpt__more-link,
[block-id="vacatures"] .wp-block-post-excerpt__more-link {
	background-color: var(--secondary-bg-color) !important;
    padding-top: 6px;
    padding-right: var(--wp--preset--spacing--30);
    padding-bottom: 6px;
    padding-left: var(--wp--preset--spacing--30);
	margin-top: 20px;
	color: var(--secondary-txt-color) !important;
	text-decoration: none;
    font-family: var(--wp--preset--font-family--arpona) !important;
    font-size: var(--wp--preset--font-size--medium);
    clip-path: polygon(
		15px 0, 
		100% 0, 
		calc(100% - 6px) 10px, 
		100% 10px, 
		calc(100% - 15px) 100%, 
		0 100%, 
		6px calc(100% - 10px), 
		0 calc(100% - 10px)
	);
}

[block-id="dineren"] {
	background-color: var(--primary-bg-color) !important;
}

[block-id="recensies"] {
	background-color: var(--secondary-bg-color) !important;
}
[block-id="recensies"] blockquote > * {
	color: var(--secondary-txt-color) !important;
}

.swiper-wrapper {
	flex-wrap: nowrap !important;
	overflow: visible;
}
.swiper-button-prev,
.swiper-button-next {
	top: 100% !important;
}
.swiper-button-prev svg path,
.swiper-button-next svg path {
	fill: var(--wp--preset--color--contrast) !important;
}

.wp-site-blocks > footer > .wp-block-group {
	background-color: var(--secondary-bg-color) !important;
	color: var(--secondary-txt-color) !important;
}
.wp-site-blocks > footer .wp-block-heading {
	color: var(--secondary-txt-color) !important;
}
.wp-site-blocks > footer svg * {
	fill: var(--secondary-txt-color) !important;
}

.wp-site-blocks > footer [block-id="highlighted"] svg {
	max-height: 80px;
	max-width: 300px;
}

.wp-site-blocks > footer #copyright,
.wp-site-blocks > footer #copyright .wp-block-group {
	column-gap: 20px;
}

.wp-site-blocks > footer #copyright a {
	background: none !important;
	color: inherit !important;
	text-decoration: none;
}

.wp-site-blocks > footer #copyright a:hover {
	text-decoration: underline;
}

@media screen and (min-width: 960px) {
	.wp-site-blocks > header .wp-block-buttons,
	.wp-site-blocks > header .header-nav {
		width: 500px;
	}
	.wp-site-blocks > header nav.is-responsive {
		display: flex;
		width: 100px;
		flex-direction: row;
	}
	
	.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		margin-top: 40px;
	}
	.wp-block-navigation__container.menu-columns-layout {
		display: flex !important;
		align-items: flex-start;
		width: 100%;
		gap: 0;
		flex-direction: row !important;
	}
	.wp-block-navigation__container.menu-columns-layout > .menu-col {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.wp-block-navigation__container.menu-columns-layout > .menu-col-large {
		width: 50%;
	}
	.wp-block-navigation__container.menu-columns-layout > .menu-col-small {
		width: 25%;
	}
	.wp-block-navigation__container.menu-columns-layout .menu-subcol {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.wp-block-navigation__container.menu-columns-layout .menu-subcol > li {
		margin: 0;
		padding: 0;
	}

	.wp-block-navigation__container.menu-columns-layout .wp-block-navigation-item__content {
		padding-top: 0;
		padding-bottom: 0;
		min-height: 0;
	}

	.wp-block-navigation__container.menu-columns-layout .menu-col-small .menu-subcol > li + li {
		margin-top: 0.12em;
	}

	.wp-block-accordion-item {
		display: flex;
		gap: 50px;
	}
	.wp-block-accordion-heading,
	.wp-block-accordion-panel {
		width: 50%;
	}
}

@media screen and (max-width: 1180px) {
	.wp-site-blocks > header .wp-block-buttons,
	.wp-site-blocks > header .header-nav > nav:first-child {
		display: none;
	}
}

@media screen and (max-width: 960px) {
	body.admin-bar {
		--admin-bar-height: 46px;
	}
	.wp-site-blocks > header nav.is-responsive > button::before,
	.wp-block-navigation__responsive-container-close::before {
		top: -1px;
	}
	
	.wp-block-navigation__container.menu-columns-layout > .menu-col-large {
		margin: 30px 0;
	}
	
	[block-id="highlighted"] .wp-block-post-excerpt__more-link {
		top: -5em;
		left: 5em;
	}
	
    ul.columns-3.wp-block-post-template.is-layout-grid > li {
        flex-basis: calc((100% - var(--wp--preset--spacing--80)) / 2);
        max-width: calc((100% - var(--wp--preset--spacing--80)) / 2);
    }
}

@media screen and (max-width: 781px) {
    .wp-block-columns {
        display: flex;
        flex-direction: column;
    }
    .wp-block-columns > .wp-block-column:last-child:has(img) {
        order: -1;
    }
	.iframe-block-container iframe {
		max-height: 65vh !important;
	}
}

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

	body.home {
		background-color: var(--primary-bg-color) !important;
	}

	body.home .entry-content > div,
	body.home .entry-content [block-id="highlighted"] li.voorstelling,
	body.home .wp-site-blocks > footer > div {
		transition: 1.2s background ease-in-out 0.3s;
	}

	body.home:not(:has(header.transition)) .entry-content > div,
	body.home:not(:has(header.transition)) .entry-content [block-id="highlighted"] li.voorstelling,
	body.home:not(:has(header.transition)) .wp-site-blocks > footer > div {
		background-color: var(--primary-bg-color) !important;
		transition: 0.8s background ease-in-out;
	}
	body.home .entry-content [block-id="highlighted"] li.voorstelling h1, 
	body.home .entry-content [block-id="highlighted"] li.voorstelling p {
		transition: 1.2s background ease-in-out 0.3s;
	}
	body.home:not(:has(header.transition)) .entry-content [block-id="highlighted"] li.voorstelling h1, 
	body.home:not(:has(header.transition)) .entry-content [block-id="highlighted"] li.voorstelling p {
		transition: 0.8s color ease-in-out;
	}
}

@media screen and (max-width: 599px) {
    ul.columns-3.wp-block-post-template.is-layout-grid > li {
        flex-basis: 100%;
        max-width: 100%;
    }
	
	ul.columns-3.wp-block-post-template:has(.type-persoon) {
		gap: 24px;
	}
    ul.columns-3.wp-block-post-template:has(.type-persoon) li {
        flex-basis: calc(50% - 12px);
        max-width: calc(50% - 12px);
    }
}