/*WK Bingo*/
.wrap-spelregels {
	width:100%;
  max-width:900px;
  margin:0 auto;
}
.inzendingen .ba-blog-post-title-wrapper * {
	pointer-events: none !important;
  cursor:pointer !important;
	}
.inzendingen .ba-blog-post-info-wrapper {
	align-items:flex-start;
	}
.inzendingen .ba-blog-post-image {
	background-color:#ff6047;
	}
.inzendingen .ba-blog-post-info-wrapper {
	display:flex;
  flex-direction:column;
	}
.inzendingen .ba-author-avatar {
	display:none !important;
	}
.inzendingen .ba-blog-post-author::before {
  content:"Ingezonden door";
	font-size:14px;
	}  
.inzendingen .ba-blog-post-date::before {
  display:block;
  margin:0 !important;
  padding-top:10px;
  content:"Datum:" !important;
	font-size:14px;
	}
.inzendingen .ba-blog-post-category::before {
  display:block;
  margin:0 !important;
  padding-top:10px;
  content:"Spel:" !important;
	font-size:14px;
	}

  /**/
.invert {
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(183deg) brightness(102%) contrast(105%) !important;
}
.accordion-inner {
	border-radius:20px;
	}
body.hide-footer footer {
	display:none;
}
.header_inner {
	display: flex;
  align-items: center;
	}
.logo {
 	flex: 1;
 	}
.logo img {
 filter: brightness(0) saturate(100%) invert(27%) sepia(49%) saturate(7387%) hue-rotate(358deg) brightness(99%) contrast(112%);
	}
.menu {
	flex: 5;
  display: flex;
  justify-content: flex-end; /* menu gecentreerd */
}

.main-menu ul li a {
	font-weight:bold !important;
}
.btn-end {
  width:100px !important;
	flex: 1 !important;
  display: flex !important;
  justify-content: flex-end; /* knop helemaal rechts */
}
.logo-white {
}
.logo-white img {
  filter:invert(1);
}
.ba-icon-close::before {
  -webkit-text-stroke-width: 4px;
}
.spin .ba-image-wrapper {
  overflow:visible;
}
.spin img {
  overflow:visible !important;
  animation: spin 20s infinite linear !important;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.page .read-more-content {
    box-sizing: content-box;
    overflow: hidden;
    transition: height 0.5s ease;
		}
.page .read-more-hidden {
    height: 100px !important;
    mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
		}







.main-title {
  color:white;
  font-size:18vw;
  line-height:1rem;
	}
.title {
  text-transform:uppercase;
  font-weight:;
  font-size:14px;
	}
.sticky-menu {
	width:100%;
  max-width:700px;
  margin:0 auto;
  margin-top:20px !important;
}
/*fonts*/
.playfair {
	font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: italic;
	}
.wrap-text-block {
	max-width:750px;
	}
/*colors*/
:root {
  --dark:#000000;
	--light:#ffffff;
	}
.bold {
	font-weight:bold;
}
.secondary .headline-wrapper h1 /**override**/{
	color:var(--secondary) !important;
}
.dark {
		background:var(--dark) !important;
    }
.dark h1, 
.dark h2, 
.dark h3, 
.dark h4, 
.dark h5, 
.dark h6, 
.dark p, 
.dark i, 
.dark li,
.dark .ba-image-item-title , 
.dark .ba-image-item-description, 
.dark .ba-feature-description, 
/*.dark .knop a span*/ 
.dark .ba-item-breadcrumbs * {
  	color:var(--light) !important;
    }
/*Text ticker*/
.marquee-text-effect {
    display: inline-flex !important;
    overflow: hidden;
		}
@keyframes marquee-text-effect {
    0% { transform:translateX(0%);}
    100% { transform:translateX(-100%);}
		}
.marquee-text-effect .content-text {
    display: inline-flex;
    justify-content: space-around;
		}
.marquee-text-effect .content-text > * {
    display: inline-block;
    padding: 0 10px;
    white-space: nowrap;
		}
/*Z Index*/
.z-index {/*Plaatst marquee effect achter content*/
		z-index:999 !important; 
		}
.layer {/*Opvolgende sectie laat Marquee effect overlappen*/
		z-index:9999 !important; 
		}
.wrap_text_block {/*Maak tekst blok smaller dan container*/
  	width:100%;
  	max-width:800px;
  	margin: 0 auto;
		}
/*Button hover*/
.knop a {
		position:relative;
    display:;
  	border-bottom:2px solid var(--border);
  	padding-bottom:3px !important;
    }
.knop a span {
    position: relative;
    display:table;
    }
.knop a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
  	border-bottom:2px solid var(--color-4);
    transform: scaleX(0);
    transform-origin: top left;
    transition: transform 0.6s ease;
    }
.knop a:hover::before {
    transform: scaleX(1);
    }
/*Button hover*/
.knop-wit a {
		position:relative;
    display:;
  	border-bottom:2px solid white;
  	padding-bottom:3px !important;
    }
.knop-wit a span {
    position: relative;
    display:table;
    }
.knop-wit a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
  	border-bottom:2px solid var(--color-8);
    transform: scaleX(0);
    transform-origin: top left;
    transition: transform 0.6s ease;
    }
.knop-wit a:hover::before {
    transform: scaleX(1);
    }
/*knop header*/
body:not(.gridbox) .btn-hover-effect .ba-btn-transition {
 		overflow: hidden;
 		position: relative;
 		transition: background .0s ease-in-out;
		}
body:not(.gridbox) .btn-hover-effect .ba-btn-transition > i,
body:not(.gridbox) .btn-hover-effect .ba-btn-transition > span {
 		z-index: 5
		}
body:not(.gridbox) .btn-hover-effect .ba-btn-transition:before,
body:not(.gridbox) .btn-hover-effect .ba-btn-transition:after {
 		border-radius: inherit;
 		bottom: 0;
 		content: "";
 		left: 0;
 		position: absolute;
 		right: 0;
 		top: 0;
 		transition: .3s;
		}
body:not(.gridbox) .btn-hover-effect .ba-btn-transition:before {
 		background: var(--button-background-color);
 		z-index: 1;
		}
body:not(.gridbox) .btn-hover-effect .ba-btn-transition:after {
 		background: var(--button-background-hover);
 		z-index: 2;
		}
body:not(.gridbox) .btn-hover-effect.gb-slide-zoom-out .ba-btn-transition:after {
    transform: scale(0);
		}
body:not(.gridbox) .btn-hover-effect.gb-slide-zoom-out .ba-btn-transition:hover:after {
    transform: scale(1);
		}
/*Accordeon*/
.accordion-heading > a.accordion-toggle {
		padding:15px 0 !important;
		}
/*FOOTER*/
.overflow {
  	overflow:hidden !important;
		}
/*Contact*/
.wrap-contact-text {
	width:100%;
  max-width:400px;
	}
.wrap-contact-form {
	width:100%;
  max-width:1200px;
	}
/*Horizontaal scrollen*/
@media (min-width: 1281px) {
  .werkwijze-block {
 
  }
    .com_gridbox:not(.gridbox) .horizontal-section {
        align-items: flex-start;
        justify-content: flex-start;
    }
    
    .com_gridbox:not(.gridbox) .horizontal-section .ba-section-items {
        display: flex;
        position: sticky;
        top: 0;
        width: fit-content;
        z-index: 1;
    }
    
    .com_gridbox:not(.gridbox) .horizontal-section > .ba-section-items >.ba-row-wrapper {
        width: calc(100vw - 15px);
    }
}
    
@media (max-width: 1280px) {
    .com_gridbox:not(.gridbox) .horizontal-section{
        height: auto !important; 
    }
    .com_gridbox:not(.gridbox) .horizontal-section .ba-section-items  {
        transform: none!important;
    }
}