/* Global */
html,
body{

}

body > .wpml-ls-statics-footer{
	display:none;
}

/* Fonts */
body h1,
body h2,
body h3,
body h4,
body h5,
body h2 a span,
body h2 strong,
body h3 a span,
body h3 strong{
	font-family:"chantal", sans-serif;
	font-weight:300;
	color:#fff !important;
}

body h2 {
	line-height:40px;
}

body a{
	color: #ffe524;
}

body a:not(.nectar-button):hover{
	color: #ffe524;
	text-decoration:underline;
}

p, ul > li, a, span{
	font-family: "Nunito", sans-serif;
}

/* Buttons */
.nectar-button{
	opacity:1 !important;
}

.nectar-button > span{
	font-family:"chantal", sans-serif;
	font-weight:300;
}

/* Header */
header#top{
	position: relative;
	background-color:#20242f;
	height:162px;
	transition: height 0.3s ease;
}

div#header-outer.scrolled-down header#top{
	height:110px;
}

div#header-outer.scrolled-down header#top #logo > svg{
	height:80px;
}

div#header-outer.scrolled-down header#top .ae-top-nav .ae-lang-nav{
	margin-top:-6px;
}

header#top:after{
	display:block;
	position: absolute;
	bottom: -20px;
	content: '';
	height:10px;
	width:100%;
	background-image:url('../img/svg/gele-rand-driehoekjes-omlaag.svg');
	background-repeat: repeat-x;
	background-size:auto 100%;
}

header#top #logo > svg{
	margin-top:5px;
	width:170px;
	height:80px;
	transition: height 0.3s ease;
}

@media (min-width: 992px) {
	header#top #logo > svg{
		margin-top:25px;
		width:300px;
		height:120px;
	}
}

@media (max-width: 999px) {
	body #header-outer {
		padding-bottom: 0 !important;
	}
}

#header-outer[data-format="centered-menu-bottom-bar"] #top .span_3 nav.right-side{
	top:66% !important;
}

.ae-top-nav{
	display:flex;
	position:absolute;
	right:30px;
	top:2px;
}

@media (min-width: 1000px) {
	.ae-top-nav{
		top:54px;
	}
}

.ae-top-nav .ae-lang-nav{
	margin:21px 0 0 0;
	align-self: center;
}

.ae-book-now-crosslink{
	margin-top:40px;
}

.ae-book-now-crosslink > a.nectar-button.jumbo{
	display:none;
}

@media (min-width: 1000px) {
	.ae-book-now-crosslink > a.nectar-button.jumbo{
		display:block;
	}
}

.ae-book-now-crosslink > a.nectar-button.jumbo{
	position: relative;
	margin-left:-25px;
	border:2px solid #DCE2ED;
	background-color:transparent !important;
	color:#fff !important;
	border-radius:0 10px 10px 0 !important;
	padding: 1rem 3.5rem 0.75rem 2.5rem !important;
	transform: skewX(-40deg);
}

.ae-book-now-crosslink > a.nectar-button.jumbo > span{
	font-family:'chantal',sans-serif;
	font-weight: 200;
	font-size: 20px;
	padding:0 10px 0 30px;
	transform: skewX(40deg) !important;
}

.ae-book-now-crosslink > a.nectar-button.jumbo > i{
	transform: skewX(40deg) !important;
	top:4px !important;
	font-size:10px;
	width:auto !important;
	height:auto !important;
	display:inline-block !important;
	right:auto;
}

.ae-book-now-crosslink > a.nectar-button.tilt:hover{
	transition:none !important;
	-webkit-transition:none !important;
}

.ae-book-now-crosslink > a.nectar-button.tilt:hover:before,
.ae-book-now-crosslink > a.nectar-button.tilt:hover:after{
	opacity:0;
}

#header-outer #top nav.ae-top-nav{
	display:block !important;
}

.ae-top-nav .ae-book-now-crosslink > a:hover:before{
	display:none;
}

.ae-top-nav .ae-lang-nav .wpml-ls-statics-footer > ul{
	display:flex;
}

#top .slide-out-widget-area-toggle a .lines-button:after,
#header-outer #top .slide-out-widget-area-toggle a .lines:after,
#header-outer #top .slide-out-widget-area-toggle a .lines:before{
	background-color:#fff !important;
}

.ae-top-nav .ae-lang-nav .wpml-ls-statics-footer .wpml-ls-item{
	opacity:0.5;
	height: 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ae-top-nav .ae-lang-nav .wpml-ls-statics-footer > ul > .wpml-ls-item:nth-child(1){
	border-right:2px solid #fff;
}

.ae-top-nav .ae-lang-nav .wpml-ls-statics-footer .wpml-ls-item > a{
	display:flex;
	align-items:center;
	background-color:transparent;
	color:#fff !important;
}

.ae-top-nav .ae-lang-nav .wpml-ls-statics-footer .wpml-ls-item.wpml-ls-current-language{
	opacity:1;
}

.ae-top-nav .ae-lang-nav .wpml-ls-statics-footer .wpml-ls-item > a > span{
	display:none;
}

.ae-top-nav .ae-lang-nav .wpml-ls-statics-footer .wpml-ls-item > a:after{
	display:inline-block;
	font-family:'chantal', sans-serif;
	font-size:26px;
	font-weight:200;
}

.ae-top-nav .ae-lang-nav .wpml-ls-statics-footer .wpml-ls-item.wpml-ls-item-en > a:after{
	content:'EN';
}

.ae-top-nav .ae-lang-nav .wpml-ls-statics-footer .wpml-ls-item.wpml-ls-item-nl > a:after{
	content:'NL';
}

.ae-top-nav .ae-lang-nav .wpml-ls-statics-footer .wpml-ls-item > a > img{
	display:none;
}

body.material[data-header-format="default"] #header-outer[data-has-buttons="yes"]:not([data-format="left-header"]) #top nav >.buttons{
	margin-left:20px !important;
}

.off-canvas-menu-container > .menu > li > a{
	font-family:'chantal', sans-serif !important;
	font-weight:200 !important;
	color:#ffe524 !important;
}

/* Home hero */
@keyframes zoomInOut {
	0%   { transform: scale(1); }
	50%  { transform: scale(1.05); } /* max zoom; adjust as needed */
	100% { transform: scale(1); }
}

.home #intro .using-image{
	transform-origin: center center;
	will-change: transform;
	animation: zoomInOut 10s ease-in-out infinite;
}

@media (max-width: 690px) {
	.home #intro > div > div > .vc_column-inner {
		padding: 0 !important;
	}
}

@media (min-width: 1000px) {
	.home #intro > .span_12 > div > .vc_column-inner > .wpb_wrapper > div:nth-child(1),
	.home #intro > .span_12 > div > .vc_column-inner > .wpb_wrapper > div:nth-child(2){
		display: none;
	}

	.home #intro > .span_12 > div > .vc_column-inner{
		padding-bottom:0 !important;
	}
}

.home .poort51-home-intro-vlak .vc_column-inner,
.home .poort51-home-intro-vlak-mobile .vc_column-inner{
	background-color: #6b1d2f;
}

.home .poort51-home-intro-vlak-mobile .vc_column-inner{
	padding:2rem;
	border-radius:15px;
}

.home .poort51-home-intro-vlak .vc_column-inner .wpb_text_column{
	font-size:22px;
}

.home .poort51-home-intro-vlak .vc_column-inner .wpb_text_column h1{
	font-size:32px;
	line-height:32px;
}

@media (min-width: 1280px) {
	.home .poort51-home-intro-vlak .vc_column-inner {
		background-color:transparent;
		background-image: url('../img/svg/Poort51_web_tekstvlak.svg');
		background-repeat:no-repeat;
		height: 480px;
		width:840px;
	}

	.home .poort51-home-intro-vlak .vc_column-inner .wpb_wrapper{
		padding-left:25px;
	}
}

.home .home-mobile-crosslink-buttons a.nectar-button > span{
	font-size:15px !important;
}

.home .nectar-post-grid > .nectar-post-grid-item:nth-child(1),
.home .nectar-post-grid > .nectar-post-grid-item:nth-child(6),
.home .nectar-post-grid > .nectar-post-grid-item:nth-child(7){
	grid-column-end: auto !important;
}

.home .nectar-post-grid > .nectar-post-grid-item:nth-child(5){
	grid-column-end: span 2;
}

.home .nectar-post-grid > .nectar-post-grid-item:nth-child(1){
	order:2;
}

.home .nectar-post-grid > .nectar-post-grid-item:nth-child(2){
	order:5;
}

.home .nectar-post-grid > .nectar-post-grid-item:nth-child(3){
	order:3;
}

.home .nectar-post-grid > .nectar-post-grid-item:nth-child(4){
	order:6;
}

.home .nectar-post-grid > .nectar-post-grid-item:nth-child(5){
	order:1;
}

.home .nectar-post-grid > .nectar-post-grid-item:nth-child(6){
	order:3;
}

.home .nectar-post-grid > .nectar-post-grid-item:nth-child(7){
	order:5;
}

.home .row_col_wrap_12_inner  > .home-mobile-buttons-col{
	width:50%!important;
	margin-bottom: -100px;
}

.home-mobile-buttons-col .wpb_wrapper{
	text-align:left !important;
}

.home-mobile-buttons-col .wpb_wrapper a{
	padding:5px 10px !important;
	font-size:13px;
	width:100% !important;
	text-align:center;
	margin-bottom:20px;
}

.home-mobile-buttons-col .wpb_wrapper a .icon-button-arrow{
	display:none;
}

.home-mobile-buttons-col .wpb_wrapper a span{
	-ms-transform: none !important;
	-webkit-transform: none !important;
	transform: none !important;
}

.home-desktop-crosslink-buttons{
	margin-bottom:0px !important;
	padding:0 !important;
}

@media (min-width: 1536px) {
	#home-desktop-crosslink-buttons-1{
		margin-top:-30px !important;
	}
}

.home-desktop-crosslink-buttons .wpb_wrapper > .tilt-button-wrap{
	width:30% !important;
	margin-bottom:0px !important;
}

.home-desktop-crosslink-buttons .wpb_wrapper > .tilt-button-wrap .tilt-button-inner > a{
	background-color:#607c56 !important;
	background-repeat:no-repeat !important;
	height:80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.home-desktop-crosslink-buttons .wpb_wrapper > .tilt-button-wrap .tilt-button-inner > a > span {
	font-size: 16px;
}

@media (min-width: 1280px) {
	.home-desktop-crosslink-buttons .wpb_wrapper > .tilt-button-wrap .tilt-button-inner > a{
		background-color:transparent !important;
	}

	.home-desktop-crosslink-buttons .wpb_wrapper > .tilt-button-wrap .tilt-button-inner > a > span {
		font-size: 24px;
	}

	.home-desktop-crosslink-buttons .wpb_wrapper > .tilt-button-wrap .tilt-button-inner > a > i{
		display:none;
	}

	#home-desktop-crosslink-buttons-1 .wpb_wrapper > .tilt-button-wrap:nth-child(1) .tilt-button-inner > a{
		background-image: url('../img/svg/Poort51_web_button_vorm1.svg') !important;
	}

	#home-desktop-crosslink-buttons-1 .wpb_wrapper > .tilt-button-wrap:nth-child(2) .tilt-button-inner > a{
		background-image: url('../img/svg/Poort51_web_button_vorm3.svg') !important;
	}

	#home-desktop-crosslink-buttons-1 .wpb_wrapper > .tilt-button-wrap:nth-child(3) .tilt-button-inner > a{
		background-image: url('../img/svg/Poort51_web_button_vorm2.svg') !important;
	}

	#home-desktop-crosslink-buttons-2 .wpb_wrapper > .tilt-button-wrap:nth-child(1) .tilt-button-inner > a{
		background-image: url('../img/svg/Poort51_web_button_vorm2.svg') !important;
		transform: scaleX(-1);
	}

	#home-desktop-crosslink-buttons-2 .wpb_wrapper > .tilt-button-wrap:nth-child(1) .tilt-button-inner > a > span{
		transform: scaleX(-1);
	}

	#home-desktop-crosslink-buttons-2 .wpb_wrapper > .tilt-button-wrap:nth-child(2) .tilt-button-inner > a{
		background-image: url('../img/svg/Poort51_web_button_vorm3.svg') !important;
		transform: scaleY(-1);
	}

	#home-desktop-crosslink-buttons-2 .wpb_wrapper > .tilt-button-wrap:nth-child(2) .tilt-button-inner > a > span{
		transform: scaleY(-1);
	}

	#home-desktop-crosslink-buttons-2 .wpb_wrapper > .tilt-button-wrap:nth-child(3) .tilt-button-inner > a{
		background-image: url('../img/svg/Poort51_web_button_vorm1.svg') !important;
	}
}

.home #activiteiten{
	z-index: 100;
	padding-top:50px !important;
}

@media (min-width: 1000px) {
	.home #activiteiten{
		padding-top:30px !important;
	}
}

.home #activiteiten:before{
	position: absolute;
	left:0;
	top: -86px;
	content: '';
	width:100%;
	height: 120px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49.3 63.82'><path fill='%23ffe524' d='M23.83,12.26c0-1.85-1.45-2.94-3.23-2.42L2.95,15.06C1.18,15.58-.15,17.52.01,19.37l2.25,26.05h21.56V12.26Z'/><path fill='%23ffe524' d='M46.28,8.85L28.97.31c-1.66-.82-3.02.02-3.02,1.88v59.25c0,1.85,1.42,2.83,3.15,2.17l17.05-6.5c1.73-.66,3.15-2.72,3.15-4.57V13.71c0-1.85-1.36-4.04-3.02-4.86Z'/></svg>");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

@media (min-width: 1000px) {
	.home #activiteiten:before{
		left: 140px;
		width: 120px;
		display:block;
		background-position: 0 0;
	}
}

.home #activiteiten h2{
	font-family:'barriecito', sans-serif;
}

.home #activiteiten #home-question-btn{
	display: none;
	position: absolute;
	background-color:#20242f !important;
	right: -30px;
	top: -60px;
	border:2px solid #DCE2ED;
	color:#fff !important;
	border-radius:10px 0 0 10px !important;
	padding: 1rem 3.5rem 0.75rem 2.5rem !important;
	transform: skewX(40deg);
}

@media (min-width: 1000px) {
	.home #activiteiten #home-question-btn{
		display:block;
	}
}

.home #activiteiten #home-question-btn > span{
	font-family:'chantal',sans-serif;
	font-weight: 200;
	font-size: 20px;
	padding:0 10px 0 30px;
	transform: skewX(-40deg) !important;
}

.home #activiteiten #home-question-btn > span:after {
	display:inline-block;
	margin-left:10px;
	font: normal normal normal 14px/1 FontAwesome;
	font-size:20px;
	content: "\f232";
}

.home .home-usps .wpb_wrapper > p{
	display:flex;
	flex-direction: column;
	gap:25px;
	justify-content: center;
	align-items: center;
	padding:15px 0 0 0;
}

@media (min-width: 1000px) {
	.home .home-usps .wpb_wrapper > p{
		flex-direction: row;
	}
}

.home .home-usps .wpb_wrapper > p > a{
	font-family:'chantal', sans-serif;
	font-size:28px;
	font-weight:200;
}

.home .home-usps .wpb_wrapper > p > a > i{
	position: relative;
	display: inline-block;
	margin-left: 5px;
	font-size:14px;
}

.home .home-intro-seperator{
	margin-top:20px;
	height: 91px;
	background-image: url('../img/svg/Poort51_web_patroon_wit.svg') !important;
	background-repeat: repeat-x;
	background-size: 1280px auto;
	background-position:0 20px;
}

.home .home-intro-seperator:after{
	position: absolute;
	left:0;
	bottom:80px;
	content:'';
	display:block;
	height:10px;
	width:100%;
	rotate:180deg;
	background-image: url('../img/svg/gele-rand-driehoekjes-omlaag.svg');
	background-repeat: repeat-x;
	background-size:auto 100%;
}

/* English page styling */
@media (min-width: 992px) {
	.page-id-11998 #meer .vc_column_container>.vc_column-inner{
		display:flex;
		height:100%;
		align-items:center;
	}
}

/* Reserveren */
#reserveren{
	position: relative;
	margin:4rem 0;
}

#reserveren > .row-bg-wrap > .row-bg-overlay,
#reserveren > .row-bg-wrap > .row-bg{
	background-color:#ffe524;
	background-image: url('../img/svg/Poort51_web_borders.svg');
	background-repeat: repeat-x;
	background-size:auto 40px;
	background-position:left 10px;
}

#reserveren > .row-bg-wrap:before {
	position: absolute;
	background-image: url('../img/svg/Poort51_web_play_border_breed.svg');
	background-repeat: repeat-x;
	background-size:auto 80px;
	content:'';
	width:100%;
	top:-20px;
	left:0;
	height:50px;
}

#reserveren .span_12 .nectar-hor-list-item {
	border-color:#6b1d2f;
}

#reserveren .nectar-list-item,
#reserveren h2,
#reserveren h3,
#reserveren h4,
#reserveren h5,
#reserveren p,
#reserveren p a{
	color:#000 !important;
}

#reserveren p a{
	text-decoration: underline;
}

#reserveren h2{
	font-family:'barriecito', sans-serif;
}

#reserveren .nectar-hor-list-item[data-hover-effect="full_border"]:hover{
	box-shadow: none !important;
}

#reserveren .nectar-button{
	border-color: #000 !important;
	color: #000 !important;
	padding-right:14px !important;
}

#reserveren .nectar-button i{
	display:none;
}

#reserveren .nectar-list-item-btn, #arrangementen .nectar-list-item-btn, #zomerdeal .nectar-list-item-btn{
	background-color:#000 !important;
	color:#fff !important;
}

@media (min-width: 1280px) {
	#reserveren .span_12 .nectar-hor-list-item {
		border: none;
		background-image: url('../img/svg/Poort51_web_groot_vak_reserveren_bordeaux.svg');
		background-repeat: no-repeat;
		background-size: 100% auto;
		height: 135px;
		padding: 40px 75px 25px 75px;
		display: flex;
		align-items: center;
	}
}

/* Content */
.container-wrap{
	background-color:#20242f;
	color:#fff;
}

body[data-bg-header="true"] .container-wrap{
	margin-top:85px!important;
}

@media (min-width: 1000px) {
	body[data-bg-header="true"]:not(.home) .container-wrap{
		margin-top:150px!important;
	}
}

summary::-webkit-details-marker { display: none; }
summary::marker { content: none; }

summary {
	position: relative;
	padding-left: 1.8em;        /* space for the custom icon */
	cursor: pointer;
	user-select: none;
	line-height: 1.2;
	display: list-item;         /* keeps semantics for accessibility */
}

summary::before {
	content: "";
	position: absolute;
	left: 0.2em;
	top: 50%;
	transform: translateY(-50%) rotate(0deg);
	width: 1.0em;
	height: 1.0em;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../img/svg/Poort51_web_play_teken_los_als_pijltje.svg');
	transition: transform 220ms ease;
}

details[open] > summary::before {
	transform: translateY(-50%) rotate(90deg);
}

.home .joinchat{
	display:none;
}


	/* Klaro consent styling */
.cm-klaro .cm-services{
	display:none;
}

.cm-klaro .cm-list-title{
	color:#fff;
}

.klaro .cookie-notice:not(.cookie-modal-notice),
.klaro .cookie-modal{
	z-index: 10000 !important;
}

.klaro .cookie-notice:not(.cookie-modal-notice) {
	right: 0 !important;
	bottom:0 !important;
	width: 100% !important;
	max-width: 100% !important;
	height:100%;
	top: 0 !important;
	left: 0 !important;
	position: fixed;
	background: rgba(0,0,0,0.75) !important;
	display: flex;
	align-items: end;
	justify-content: center;
}

.klaro .cookie-notice:not(.cookie-modal-notice) > .cn-body{
	background-color:#000;
	max-width:400px;
}

.klaro .cookie-notice:not(.cookie-modal-notice) > .cn-body:before{
	display: block;
	content:'Cookies';
	font-size:16px;
	font-weight:bold;
	padding-top:1rem;
	color:#fff;
}

@media (min-width: 992px) {
	.klaro .cookie-notice:not(.cookie-modal-notice) {
		align-items: center;
		height: 100vh;
	}
}

.klaro .cookie-modal .cm-klaro .cm-list-label .slider,
.klaro .context-notice .cm-list-label .slider,
.klaro .cookie-notice .cm-list-label .slider{
	background:#aaa;
}

.wpb_video_wrapper{
	position:relative;
}

.wpb_video_wrapper div[data-type="placeholder"]{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
	max-width:100% !important;
}

.wpb_video_wrapper div[data-type="placeholder"] > .cm-as-context-notice{
	width:100%;
	height:100%;
	padding: 0;
}

.wpb_video_wrapper div[data-type="placeholder"] > .cm-as-context-notice > .context-notice{
	border-radius: 0;
}

header .nectar-woo-cart{
	display:none !important;
}

.wpb_raw_html div:has(> div > .cm-as-context-notice) .cm-as-context-notice{
	margin-top:-56%;
}

.wpb_raw_html div:has(> div > .cm-as-context-notice) .cm-as-context-notice .cm-btn-success{
	display:none;
}
