/*
	Theme Name: HorecaHero 2022
	Theme URI: https://horecahero.nl
	Description: horecahero
	Version: 1.0.1
	Author: Raoul te Niet
	Author URI: https://teniet.com
	License: RTM
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-200px * 7));
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-200px * 7));
  }
}
.slider {
  height: 259px;
  margin: auto;
  overflow: hidden;
  border-radius: 14px;
  position: relative;
}
.slider::before, .slider::after {
  /*background: linear-gradient(to right, #f4f0eb 0%, rgba(244, 240, 235, 0) 100%);*/
  content: "";
  height: 259px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  -webkit-animation: scroll 20s linear infinite;
          animation: scroll 20s linear infinite;
  display: flex;
  width: calc(250px * 14);
}
.slider .slide {
  height: 259px;
  width: 200px;
  margin: 0 5px;
  overflow: hidden;
}

	.slider .slide img{
		  border-radius: 12px;
	}

:root {
  --primary-color: #a93566;
  --body-bg-color: #f8f9fa;
  --dynamic-text-color: #263238;
  --dynamic-bg-color: #263238;
  --h-color: #fff;
}

	.post-type-archive-stranden,
	.single-stranden{
		--primary-color: #e6ac01;
	}
	
	.post-type-archive-accommodaties,
	.single-accommodaties{
		--primary-color: #e4604b;
	}
	
	.post-type-archive-hotspots,
	.single-hotspots{
		--primary-color: #0197b0;
	}

.color-1{
  --primary-color: #003b5a;	
}

	.color-1{
		--h-color: #00a4a8;
	}

.color-2{
  --primary-color: #00a4a8;	
}

	.color-2{
		--h-color: #181818;
	}

.color-3{
  --primary-color: #55127b;	
}

	.color-3{
		--h-color: #00a4a8;
	}

.color-4{
  --primary-color: #E70075;	
}

.color-5{
	--primary-color: #016891;
}

	.color-5{
		--h-color: #00FFDF;
	}
	
.color-6{
	--primary-color: #000;
}

	.color-6{
		--h-color: #00FFDF;
	}
	
.animate-img img {
	margin-top: 25px;
    -webkit-animation: mover 4s infinite  alternate;
    animation: mover 1.5s infinite alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

.rotate-right img{
	transform: rotate(3deg);
}


/* Toggle icon */

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
.cd-handle {
  position: absolute;
  height: 44px;
  width: 44px;
  /* center the element */
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  z-index: 999999;
  border-radius: 50%;
  background: var(--primary-color) url("https://learngorilla.com/wp-content/uploads/icon-learngorilla.png") no-repeat center center;
  background-size: 25px 25px;
  cursor: move;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle.draggable {
  /* change background color when element is active */
  background-color: #445b7c;
}
.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}

/* Hambburger */

.toggle-button .menu {
	width: 45px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}
.toggle-button .line {
  fill: none;
  stroke: #fff;
  stroke-width: 4;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.toggle-button .line1 {
  stroke-dasharray: 60 207;
  stroke-width: 4;
}
.toggle-button .line2 {
  stroke-dasharray: 60 60;
  stroke-width: 4;
  fill: red;
}
.toggle-button .line3 {
  stroke-dasharray: 60 207;
  stroke-width: 4;
}
.toggle-button .opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 4;
}
.toggle-button .opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 4;
}
.toggle-button .opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 4;
}

.vc_btn3.vc_btn3-size-lg{
	border: none !important;
	border-bottom: 3px solid rgba(0,0,0,.4) !important;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	height: 100%;
	width: 100%;
	font:300 16px/1.8 "Poppins" , sans-serif;
	color:#181818;
	background: var(--primary-color);
}

.elfsight-widget{
	font-family: "Poppins" , sans-serif !important;
}

.inner-content p a{
	text-decoration: underline;
}

.curve{
  background:red;
  clip-path: ellipse(90% 100% at 50% 100%);
}

b, strong{
	font-weight: 600;
}

.half-transparent{
background: linear-gradient(170deg, transparent 50%, #f4f0eb 50%);
}

.grecaptcha-badge{
	display: none !important;
}

iframe{
	border: none;
	border-radius: 15px;
}

	iframe.demo{
		overflow: hidden;
		height: 500px;
		min-width: 380px;
		width: 100%;
		margin: 20px 0 0;
		box-shadow:
		  2.3px 2.3px 2.2px rgba(0, 0, 0, 0.02),
		  4.7px 4.7px 5.3px rgba(0, 0, 0, 0.028),
		  8px 8px 10px rgba(0, 0, 0, 0.035),
		  13.6px 13.6px 17.9px rgba(0, 0, 0, 0.042),
		  25.9px 25.9px 33.4px rgba(0, 0, 0, 0.05),
		  100px 100px 80px rgba(0, 0, 0, 0.07)
		;
	}

body .vc_row[data-vc-full-width]{
	overflow: visible;
}

#photo{
	background-position: center top !important;
}



h1,h2,h3,h4,h5,h6,
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
	line-height: 1.4;
	color: #233983;
	font-weight: 300;
}

	h1 span{
		color: #fff;
	}
	
	header h1{
		color: #fff;
		text-align: center;
	}
	
		.archive-title, .title-stranden{
			display: none;
		}
	
			.post-type-archive-stranden .title-stranden{
				display: block;
			}
			
				.post-type-archive-stranden img.title-stranden{
					display: inherit;
					max-width: 550px;
					margin: 0 auto;
				}
			
			.post-type-archive-accommodaties .title-accommodaties{
				display: block;
			}
			
			.post-type-archive-hotspots .title-hotspots{
				display: block;
			}
			
			.post-type-archive-vakantie .title-vakanties{
				display: block;
			}

	h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong,
	h1 a strong,h2 a strong,h3 a strong,h4 a strong,h5 a strong,h6 a strong{
		font-weight: 700;
	}

	h1{
		float: left;
		width: 100%;
		padding: 0;
		font-weight: bold;
	}
	
	h2.full-title{
		float: left;
		width: 100%;
		text-align: center;
	}
	
a.vc_btn3-color-white{
	font-weight: bold;
	color: var(--primary-color) !important;
	border: 1px solid var(--primary-color) !important;
	background: #fff !important;
}

	a.vc_btn3-color-white:hover{
		color: #fff !important;
		background: var(--primary-color) !important;		
	}
	
a.vc_btn3-color-peacoc{
	font-weight: bold;
	color: #fff !important;
	border: 1px solid #fff !important;
	background: var(--primary-color) !important;
}

	a.vc_btn3-color-peacoc:hover{
		color: var(--primary-color) !important;
		background: #fff !important;
	}
	
.wpcf7-form{
	float: left;
	width: 100%;
	padding: 25px;
	background: #fff;
	border-radius: 20px;
	border-bottom: 4px solid rgba(0,0,0,.2);
}

	.wpcf7-form input{
		width: 100%;
	}
	
	.wpcf7-form textarea{
		float: left;
		width: 100%;
		margin-bottom: 25px;
		border-radius: 8px;
		border: none;
		background: #f4f0eb;
	}
	
.wpcf7-form input, textarea{
	display: inline;
	margin: 5px 0 0;
	padding: 10px 15px;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-weight: bold;
	background: #f4f0eb;

}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output{
	border-radius: 12px;
}

	.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
		background: #ffb900;
	}

	::placeholder{
		font-weight: 300;
	}

	.wpcf7-form input[type="checkbox"]{
		width: auto !important;
	}

	div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
		margin: 0;
		border: 1px solid red;
	}
	
	div.wpcf7-mail-sent-ok{
		margin: 0;
		border: 1px solid green;		
	}

input.wpcf7-submit{
	display: block;
	margin: 25px auto;
	padding: 15px;
	text-align: center;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	font-weight: bold;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	border-bottom: 4px solid var(--primary-color);
}

.asp_w_container{
	margin-bottom: 15px;
}

	.probox {
		padding: 8px !important;
	}

main .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img,
.single .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img,
#webinar-rounded,
video, .wp-video{
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	-moz-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
	box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);	
}

	.mejs-container, .wp-video{
		background-color: none !important;
		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
		border-radius: 14px;
	}
	
		.mejs-controls{
			display: none !important;
		}

header .shop, header .account{
	float: right;
	color: #fff;
}

	a.shop, a.account{
		margin: 10px 0 0;
		padding: 7px;
		line-height: 0;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
	}
	
		a.shop:hover, a.account:hover{
			color: var(--primary-color);
			background: #fff;
		}
	
		a.shop i, a.account i{
			font-size: 28px;
		}

.toggle-button{
	position: relative;
	z-index: 9999999999999;
	float: right;
	margin: 0 5px 0 0;
	padding: 10px 5px 0;
	color: #fff;
	border: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

	.toggle-button i{
	}

.slideout-menu {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 0;
	width: 256px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	display: none;
}

.menu-widget, .menu-widget a{
	color: #fff;
}

.slideout-panel {
	position: relative;
	overflow: hidden;
	z-index: 1;
	background: #f4f0eb;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
	overflow: hidden;
	-moz-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
	box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);		
}

.slideout-open .slideout-menu {
	display: block;
	background: var(--primary-color);
}

	.fader{
		display: none;
		transition: 0.5s all;
	}

	html.slideout-open .fader{
		display: block;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		position: absolute;
		z-index:99999999;
		animation: 1.5s;
	}

	.menu-widget img{
		max-width: 150px !important;
		margin: 25px;
	}

nav#menu{
	padding: 15px 15px 100px;
}

	nav#menu h3{
		display: inline-block;
		padding: 3px 10px;
		color: #181818;
		background: #fff;
	}

	nav#menu ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		font-size: 16px;
	}
	
		nav#menu ul li{
			float: left;
			width: 100%;
			margin: 5px 0;
			font-weight: 600;
			text-align: center;
		}
		
			.menu-widget .widget_media_image{
			}
			
			nav#menu ul li.cta-1 a{
				display: inline-block;
				margin: 8px 4px;
				padding: 12px 20px;
				color: #fff;
				font-size: 14px;
				font-weight: 500;
				border-radius: 100px;
				color: #fff;
				background: #a93566;
				-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
				-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
				box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
				border-bottom: 4px solid rgba(0, 0, 0, 0.4);
			}
			
			nav#menu ul.nav-adress{
				float: left;
				width: 100%;
				margin-top: 25px;
				color: #fff;
				font-size: 14px;
			}
			
				nav#menu ul.nav-adress li{
					margin: 0;
				}
	
			nav#menu ul li a{
				display: inline-block;
				padding: 5px;
				color: #fff;
			}
		
				nav#menu ul ul{
					float: left;
					width: 100%;
					background: rgba(0, 0, 0, 0.1);
					border-radius: 10px;
					list-style-type: disc;
				}
				
					nav#menu ul ul li{
						font-size: 14px;
						font-weight: 300;
					}
				
						nav#menu ul ul li a::before{

						}
					
				nav#menu ul li.current-menu-item {
					cursor: default;
					font-weight: bold;
					font-size: 130%;
				}
				

	
	nav#desktop{
		display: none;
	}
	
/* Horizontal submenu */

.submenu .h-submenu{
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	background: #4F515F;
	list-style-type: none;
	text-align: center;
}

	.submenu .h-submenu li{
		display: inline-block;
	}
	
		.submenu .h-submenu li a{
			padding: 5px 10px;
			color: #fff;
		}

/* END Horizontal submenu */

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	height: auto;
	width: 100%;
	max-width:100%;
	vertical-align:bottom;
}
a {
	color: #E70075;
	text-decoration:none;
	cursor: pointer;
}
a:hover {

	cursor: pointer;
}
a:focus {
	outline:0;
	background: none;
}
a:hover,
a:active {
	outline:0;
	background: none;
}

main .wpb_text_column a {
  display: inline-block;
  position: relative;
}

main .wpb_text_column a::after {
  content: '';
  position: absolute;
  width: 110%;
  transform: scaleX(0);
  height: 100%;
  bottom: 0;
  left: -5%;
  z-index: -1;
  background-color: #fff;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

main .wpb_text_column a:visited::after {
  background-color: #fff;
}

main .wpb_text_column a:hover{
	color: var(--primary-color);
	text-decoration: none;
}

main .wpb_text_column a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

input:focus {
	outline:0;
	border:1px solid #4F515F;
}
iframe{
	width: 100%;
	max-width: 100% !important;
}

.animate-img{
	background: url(images/bg-shadow.png) no-repeat center bottom;
	background-size: 100%;
}

.animate-img-home{
	background: url(images/bg-shadow.png) no-repeat center bottom;
	background-size: 100%;
}

.animate-img img {
	margin-top: 25px;
    -webkit-animation: mover 4s infinite  alternate;
    animation: mover 1.5s infinite alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

.single-vakantie header h1,
.single-vakantie #breadcrumbs{
	display: none;
}

	.single-vakantie .wrapper{
		margin-top: 10px;
	}
	
	.single-vakantie .full-page-header .title-info h1{
		padding: 0;
		text-align: center;
		font-size: 26px;
	}
	
	.single-vakantie .blog-info{
		display: block;
		font-size: 82px;
		text-align: center;
		color: #e6ac01;
	}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* breadcrumbs */

p#breadcrumbs{
	float: left;
	width: 100%;
	margin: 0;
	padding: 15px 15px 15px 0;
	text-align: center;
	color: #fff;
	font-size: 12px;
}

	.home p#breadcrumbs{
		display: none;
	}

	p#breadcrumbs a{
		display: inline-block;
		margin: 5px;
		padding: 5px 12px;
		color: #fff;
		border: 1px solid #fff;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
	}
		span.breadcrumb_last{
			margin: 0 0 0 5px;
		}
		
		span.breadcrumb_last{
			margin: 0 0 0 5px;
		}

/* wrapper */
.wrapper {
	float: left;
	width: 100%;
	margin-top: 25px;
	padding: 0 15px;
}

	body.home .wrapper{
		margin-top: -200px;
	}
	
	.wrapper.archive-overzicht{
		margin-top: -80px;
	}

	body.error404 .wrapper,
	body.single .wrapper{
	}

/* container */
.container {
	margin:0;
	padding: 0;
	position:relative;
}

.topheader{
	display: none;
	width: 100%;
	float: left;
	padding: 10px 15px;
	margin: 0;
	background: rgba(0, 0, 0, 0.3);
}

	.topheader-inner{
		max-width: 1180px;
		margin: 0 auto;
		padding: 0 20px;
	}

	ul.toplinks {
		display: block;
	    float: right;
	    margin: 0;
	    padding: 0;
	    list-style-type: none;
	}
	
		ul.toplinks li {
		    float: left;
		    margin: 0 5px;
		    font-size: 14px;
		}
		
			ul.toplinks li a{
				opacity: 0.7;
				color: #fff;
			}
			
				ul.toplinks li a:hover{
					opacity: 1;
				}
				
			ul.toplinks li a.login i{
				font-size: 30px;
			}

.header-container{
	padding: 0 10px;
}

/* second header */

.s-header{
	float: left;
	width: 85%;
	margin: 25px 0 20px;
	padding: 50px 0 50px 5%;
	background: #fff;
	border-radius: 15px;
	background-size: cover;
	background-position: center center;
}

	.s-header-inner{
		float: left;
		width: 135%;
		padding: 25px 45px 25px 25px;
		font-size: 16px;
		border-radius: 15px;
		background: #fff;
		-moz-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
		box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
	}

	.s-header h1{
		margin-top: 5px;
		padding: 0;
		text-align: left;
		font-size: 1.5em;
		color: #181818;
	}

	.s-header a{
		color: var(--primary-color);
	}


/* END second header */

/* header */
.header {
	float: left;
	position: static;
	width: 100%;
	padding: 0 0 50px;
	background: none;
	z-index: 9999999;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003b5a+0,00a4a8+100 */
	background: #003b5a; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #003b5a 0%, #00a4a8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #003b5a 0%,#00a4a8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #003b5a 0%,#00a4a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b5a', endColorstr='#00a4a8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
	body.single-trainingen .header{
		background: var(--primary-color);
	}

	body.single .header, body.page .header{

	}
	
	body.home .header{
		padding-bottom: 250px;
	}

	
	.indexheader h1, p#breadcrumbs{
		color: #fff;
	}
	
	.intro-heading{
		float: left;
		width: 100%;
	}

		.header-slider{
			float: left;
			width: 100%;
			overflow: hidden !important;
			-webkit-border-radius: 25px;
			-moz-border-radius: 25px;
			border-radius: 25px;
		}
		
			.header-slider .master-slider-parent img, .master-slider{
				overflow: hidden; border-radius: 25px;

			}
		
		.intro-column{
			float: left;
			position: relative;
			width: 110%;
			margin: -35px 0 0 25px;
			padding: 15px 60px 25px 25px;
			background: #fff;
			border-radius: 25px;
			z-index: 999;
		}
		
			.intro-column h1{
				padding: 0 0 0 30px;
				text-indent: -30px;
				text-align: left;
				font-size: 1.4em;
				color: #181818;
			}
			
			.intro-column a{
				color: var(--primary-color);
			}

		/* ----------------------------------- Google Maps ----------------------------------- */
		
		/* The Modal (background) */
		.modal {
		    display: none; /* Hidden by default */
		    position: fixed; /* Stay in place */
		    z-index: 9999; /* Sit on top */
		    padding-top: 100px; /* Location of the box */
		    left: 0;
		    top: 0;
		    width: 100%; /* Full width */
		    height: 100%; /* Full height */
		    overflow: auto; /* Enable scroll if needed */
		    background-color: rgb(104,4,66); /* Fallback color */
		    background-color: rgba(104,4,66,0.9); /* Black w/ opacity */
		}
		
		/* Modal Content (image) */
		.modal-content {
		    margin: auto;
		    display: block;
		    width: 80%;
		    height: 80%;
		}
		
		/* Add Animation */
		.modal-content {    
		    -webkit-animation-name: zoom;
		    -webkit-animation-duration: 0.6s;
		    animation-name: zoom;
		    animation-duration: 0.6s;
		}
		
		@-webkit-keyframes zoom {
		    from {-webkit-transform:scale(0)} 
		    to {-webkit-transform:scale(1)}
		}
		
		@keyframes zoom {
		    from {transform:scale(0)} 
		    to {transform:scale(1)}
		}
		
		/* The Close Button */
		.close {
		    position: absolute;
		    top: 15px;
		    right: 35px;
		    color: #f1f1f1;
		    font-size: 40px;
		    font-weight: bold;
		    transition: 0.3s;
		}
		
		.close:hover,
		.close:focus {
		    color: #bbb;
		    text-decoration: none;
		    cursor: pointer;
		}
		.button {
			display: inline-block;
			margin: 0;
			padding: 12px 5px;
			border: none;
			font-size: 14px;
			font-weight: 500;
			color: #181818;
			background: none;
		}
		
			.intro-column h1 .button {
				border: none;
				padding: 0;
				font-size: 30px;
				color: var(--primary-color);
			}

		#sticker{
			float: left;
			width: 100%;
			margin: 15px 0 0;
			padding: 0;
			text-align: center;
			background: none;
			border-radius: 100px;
		}
		
			#sticker a{
				display: inline-block;
				padding: 12px 5px;
				font-size: 14px;
				font-weight: 500;
				color: #181818;
			}

		#sticker.element-is-sticky{
			-webkit-border-radius: 0 0 15px 15px;
			-moz-border-radius: 0 0 15px 15px;
			border-radius: 0 0 15px 15px;
			background: #fff;
			z-index: 999999 !important;
			border-bottom: 4px solid rgba(0, 0, 0, 0.2);
		}			

	.kenmerk{
		display: inline-block;
		margin: 10px 0 0;
		padding: 3px 12px;
		font-size: 14px;
		background: #E3F2FD;
		border-radius: 25px;
	}
	
		.kenmerk strong{
			font-size: 14px;
			font-weight: 600;
		}

	.full-page-header{
		float: left;
		width: 100%;
		text-align: center;
	}
	
		.full-page-header .title-info{
			position: relative;
			display: inline-block;
			width: 100%;
			max-width: 900px;
			margin: -40px 0 25px;
			padding: 4rem;
			text-align: left;
			background: #fff;
			-moz-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
			-webkit-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
			box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
			z-index: 999;
			border-radius: 15px;
			border-bottom: 4px solid rgba(0, 0, 0, 0.2);
		}
		
			.full-page-header .title-info, .full-page-header .title-info h1{
				color: #181818;
				text-align: left;
			}
			
				.full-page-header .title-info h1{
					margin-top: 0;
				}
			
			.full-page-header p#breadcrumbs{
				text-align: left;
			}
			
			#vakantie-menu a{
				display: inline-block;
				margin: 5px;
				padding: 5px 12px;
				border-radius: 15px;
				color: var(--primary-color);
				background: #fff;
				-moz-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
				-webkit-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
				box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
			}
			
			
		
		section:target, #vakanties:active{
			
		}
			
	.blog-info{
		float: left;
		width: 100%;
		margin-bottom: 15px;
		display: flex;
		align-items: center;
	}

	.full-header-bg{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		background-position: center center;
		background-size: cover;
	}
	
	.blog-featured-image{
		float: right;
		margin: 15px;
		width: 50%;
	}
	
		.blog-featured-image img{
			border-radius: 14px;
		}
		
		body.postid-7365 .blog-featured-image{
			width: 100%;
		}
	
.lwptoc .lwptoc_i{
	float: right;
	border-radius: 15px;
	margin: 10px;
}

#cookie-law-info-bar{
	border-radius: 20px;
}

	a.cli-plugin-button, a.cli-plugin-button:visited{
		border-radius: 5px;
	}

article h1{
	margin-top: 0;
	padding-bottom: 0;
}

/* logo */
.logo {
	float: left;
}
.logo-img {
	max-height:55px;
	width: auto;
	margin-top: 10px
}

/* home slogan */

.home-slogan{
	float: left;
	width: 100%;
	padding: 10px 0 10px;
	line-height: 1.4;
	font-weight: 200;
	font-size: 24px;
	text-align: center;
	text-align: left;
	color: #fff;
}
	.slogan{
		float: left;
		width: 100%;
		padding: 35px 0 0;
	}

	.home-slogan strong{
		font-weight: 600;
	}

	.home-slogan h1{
		width: auto;
		margin: 0;
		padding: 0;
		font-size: 26px;
		font-weight: 300;
		text-shadow: 0px 2px rgba(0, 0, 0, 0.2);
	}
	
		.home-slogan h1 strong{
			font-weight: bold;
			font-size: 140%
		}
	
	.home-slogan a{
		display: inline-block;
		margin: 8px 4px;
		padding: 12px 15px;
		color: #fff;
		font-size: 14px;
		font-weight: 500;
		border-radius: 100px;
		color: #fff;
		background: var(--primary-color);
		-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
		box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
		border-bottom: 4px solid rgba(0, 0, 0, 0.4);
	}
	
		.home-slogan a.info{
			display: block;
			width: 100%;
			margin: 0;
			text-decoration: underline;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			border-bottom: none;
			font-size: 14px;
			font-weight: lighter;
			background: none;
		}
		
			.home-slogan a.info i{
				font-size: 22px;
				vertical-align: middle;
			}
	
		.home-slogan a small{
			font-size: 70%;
			color: rgba(0, 0, 0, 0.4);
		}
	
		.home-slogan a.link-1{
			background: #a93566;
		}
		
		.home-slogan a.link-2{
			color: var(--primary-color);
			background: #f4f0eb;
		}
		
		.home-slogan img{
			width: 100%;
			max-width: 530px;
			float: right;
		}

/* search header */

header form.search{
	float: right;
	margin: 10px 0 0;
}

	header form.search .search-input{
		width: 75px;
		padding: 12px 14px 10px;
		font-size: 12px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		color: #fff;
		background: none !important;
		border: 2px solid #fff;
	}
	
	header form.search button.search-submit{
		color: #fff;
		background: none;
		border: none;
	}
	
		header form.search i{
			font-size: 18px;
		}
		
.heading{
	float: left;
	width: 100%;
	background: #181818;
	padding: 0;
}


		
main{
	float: left;
	width: 100%;
	color: #181818;
	background: none;
}

	main .dark-content, main .dark-content h2, main .dark-content h3, main .dark-content h4, main .dark-content h5, main .dark-content h6{
		color: #181818;
	}
	
	main #image-right{
		
	}

	main.posts{
		background: none;
	}

	.inner-content{
		float: left;
		width: 100%;
		padding: 15px 0;
		background: none;
	}
	
		.masonry .inner-content{
			padding: 15px 20px;
			font-size: 14px;
			text-align: center;
		}

.full-title{
	float: left;
	width: 100%;
	margin-bottom: 0;
	text-align: center;
}

#faq-home{
	margin-left: 25px;
	padding: 25px 25px 25px 0;
	border-radius: 25px;
}

	#faq-home .vc_column-inner{
		padding: 25px;
		margin: 15px 15px 15px -50px;
		background: #fff;
		border-radius: 25px;
	}
	
	#faq-home .vc_toggle:last-of-type{
		margin-bottom: 0;
		border-bottom: 0;
	}
	
	#faq-home .vc_toggle_default .vc_toggle_icon::after, #faq-home .vc_toggle_default .vc_toggle_icon::before{
		background: #fff;
	}

a.back-to{
	position: absolute;
	left: -10px;
	top: -10px;
	display: inline-block;
	line-height: 0;
	z-index: 9999;
}

	a.back-to i{
		font-size: 38px;
		background: #fff;
		-webkit-border-radius: 500px;
		-moz-border-radius: 500px;
		border-radius: 500px;
		-moz-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
		box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
	}
	
		a.back-to:hover{
			color: #9e8b73;
		}

ul.cpt-items{
	float: left;
	width: 100%;
	margin: 0 0 15px;;
	padding: 0 0 0 5px;
	list-style-type: none;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}

	ul.cpt-items li{
		float: left;
		width: 100%;
		margin: 4px 0;
		font-size: 16px;
	}

		ul.cpt-items li i{
			vertical-align: middle;
			font-size: 24px;
			color: green;
		}

.active h3 a{
	color: #c16232;
}

.column-home{
	float: left;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 10px 0;
	color: #181818;
	background: #fff;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	border-bottom: 4px solid rgba(0,0,0,.2);
}

	.column-home .inner{
		float: left;
		width: 100%;
		padding: 15px;
	}
	
		.column-home img{
			clip-path: ellipse(100% 100% at 50% 0%);
		}

		.column-home a, .column-home h3{
			color: #181818;
		}
		
		.column-home h2{
			position: relative;
			margin: 0;
			text-align: center;
		}
				
		.column-home h2 a{
			float: none;
			  font-weight: bold;
			  font-size: 18px;
			  padding: 7px;
			  display: inline-block;
		}
		
		.column-home ul{
			float: left;
			width: 100%;
			margin: 10px 0;
			padding-left: 0;
			list-style-type: none;
			text-align: center;
		}
		
			.column-home ul li{
				float: left;
				width: 100%;
			}
			
				.column-home ul li a, .column-home ul li.trainingen-home{
					float: left;
					width: 100%;
					padding: 8px 12px;
					font-weight: 500;
					font-size: 14px;
					border-bottom: 1px solid #f4f0eb;
					text-decoration: none;
				}
				
					.column-home ul li a span{
						padding: 4px 8px;
						border-radius: 4px;
						color: #0f2a8f;
						background: #8af3ec;
					}
				
					.column-home ul li:last-child a,
					.column-home ul li.trainingen-home:last-child{
						border-bottom: 0;
					}
				
					.column-home ul li a:hover{
						text-decoration: underline;
					}
			
				.column-home ul li:nth-child(even) a{
				    
				}
				
					.column-home ul li:nth-child(even) a:hover{
						
					}
				
				.column-home ul li:nth-child(odd) {
					
				}
			
				.column-home li a{
					float: left;
					font-size: 14px;
				}
		
		.column-home a{
			float: right;
			font-size: 14px;
		}

/* Woocommerce styles */

body.woocommerce-page .inner-content{
	padding: 15px;
	background: #fff;
	border-radius: 15px;
}

	body.woocommerce-page .inner-content button,
	body.woocommerce-page .inner-content a.checkout-button{
		border-radius: 100px;
	}
	
	body.woocommerce-cart table.cart input{
		border-radius: 100px;
	}
	
	.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
		color: #181818;
		background-color: #f4f0eb;
	}
	
	.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
	.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
		padding: 1em;
		background-color: #00a4a8;
		border-bottom: 3px solid rgba(0,0,0,.4);
	}
	
	.woocommerce-cart table.cart td.actions .coupon .input-text{
		min-width: 200px;
		padding: 6px 12px 5px;
	}
	
	.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
		display: none;
	}
	
	.woocommerce-error, .woocommerce-info, .woocommerce-message{
		padding: 1em 2em;
		border: none !important;
		border-radius: 14px;
		background-color: #f4f0eb;
	}

	.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select{
		border: 1px solid green;
	}
	
	.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
		padding: 8px;
		border-radius: 5px;
		border: 1px solid #181818;
	}
	
	ul.woocommerce-error{
		background: red;
		color: #fff;
	}
	
	#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
		background-color: #f4f0eb;
	}
	
.woocommerce-checkout #payment ul.payment_methods li img{
	max-width: 65px;
}

/* END Woocommerce styles */

/* Single training */

.single-trainingen .training-featured-image img{
	float: left;
	width: 100%;
	border-radius: 14px;
}

.training-intro{
	float: left;
	width: 100%;
	margin-top: 15px;
	padding: 10px;
}

	.training-intro span{
		float: left;
		width: 100%;
		font-size: 18px;
		font-weight: bold;
	}
	
#training-right-col{
	padding: 10px;
	background: #fff;
	border-radius: 25px;
	border-bottom: 4px solid rgba(0, 0, 0, 0.2);
}

/* blog */

.masonry{
	float: left;
	width: 100%;
	display: block;
	margin-top: 25px;
}

.masonry, .masonry h2 a{
	color: #181818;
}

	.masonry h2{
		font-weight: bold;
		padding: 7px 15px;
		display: inline-block;

	}
	
		.masonry h2 a{
			font-weight: bold;
		}
	
#myList_list{
	max-width: 500px;
	margin: 0 auto;
}
	
.gd-mylist-box small{
	display: none;
}

	.gd-mylist-box .caption{
		padding: 0 15px;
		text-align: center;
	}
	
	.gd-mylist-box img{
		clip-path: ellipse(100% 100% at 50% 0%);
	}


.item{
	position: relative;
	overflow: hidden;
    float: left;
    width: 94%;
    margin: 0 3% 20px;
    color: #181818;
	background: #fff;
	border-radius: 15px;
}

.posts article{
	position: relative;
	overflow: hidden;
    float: left;
    color: #181818;
	background: #fff;
	border-radius: 15px;
}

.item{
	-moz-box-shadow: 0 5px 0px rgba(0, 0, 0, 0.10);
	-webkit-box-shadow: 0 5px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0 5px 0px rgba(0, 0, 0, 0.10);
}

	.item p{
		font-size: 16px;
	}
	
	.col-sm-12{
		margin: 15px 0;
		text-align: center;
	}
	
	.save-item a{
		display: block;
		position: absolute;
		z-index: 999;
		left: 10px;
		top: 10px;
		color: #fff;
		border-radius: 100px;
	}
	
		.save-item a i{
			color: #fff;
		}
	
		.save-item a.btn{
			padding: 10px 10px;
			line-height: 0;
			font-size: 0;
		}
		
			.save-item a.js-gd-remove-mylist{
				background: #E91E63;
			}
		
			.save-item a.btn:hover{
				font-size: 12px;
				color: var(--primary-color);
				background: #fff;
			}
			
				.save-item a.btn:hover i{
					color: var(--primary-color);
				}
		
			.save-item a.btn i{
				vertical-align: middle;
				font-size: 20px;
			}
			
			.single .save-item a{
				left: 25px;
				top: 25px;
			}
			
			.single .save-item a.btn i{
				font-size: 28px;
			}

	.item a{
		color: var(--primary-color);
	}
	
		.item .featured-image, .background-vakantie{
			float: left;
			width: 100%;
			clip-path: ellipse(100% 100% at 50% 0%);
		}
		
		span.tijdsduur{
			display: none;
			position: absolute;
			z-index: 999;
			top: 12px;
			right: 12px;
			padding: 4px 14px;
			border-radius: 100px;
			font-weight: 500;
			font-size: 12px;
			border-bottom: 2px solid rgba(0, 0, 0, 0.4);
			color: #fff;
			background: #00a4a8;
		}
		
	
		.item a.ref-link{
			float: left;
			display: block;
			width: 100%;
			margin: 10px 0 0;
			padding: 10px;
			text-align: center;
			font-size: 14px;
			border-radius: 7px;
			color: #fff;
			background: green;
			border-bottom: 3px solid #1B5E20;
		}
		
			.item a.ref-link strong{
				font-size: 16px;
			}
		
		.item h2{
			font-size: 18px;
			text-align: center;
		}

		.item-info{
			float: left;
			width: 100%;
			font-size: 14px;
			margin: 10px 0;
		}
		
				
			.datum span::before{

			}
						

	.item span.overview-prijs a{
		position: absolute;
		top: 0;
		right: 15px;
		display: block;
		color: #181818;
		background: #43A047;
		padding: 20px 15px 10px 40px;
		background: url(https://static.vakantiediscounter.nl/atomic/images/marker.svg);
		background-size: cover;
		font-size: 18px;
		transform: rotate(10deg);
	}
	
		.item span.overview-prijs a strong{
			font-size: 24px;
			font-weight: bold;
		}
		
		.item span.overview-prijs a small{
			display: block;
			font-size: 60%;
			line-height: 0;
			text-align: center;
			padding: 0 0 15px;
		}
	
	.item a.whatsapp{
		display: block;
		float: right;
		margin: 15px 0 0;
		padding: 3px;
		font-size: 12px;
		color: #128C7E;
	}

	.item h2{
		position: relative;
		width: 100%;
		margin: 0 0 0;
		color: #181818;
	}
	
		.item .vakantie h2{
			margin: 0;
			width: 100%;
		}

	main.posts a.featured-image{
		float: left;
		width: 100%;
		position: relative;
	}

	main.posts a.featured-image:before {

	}

	span.category a, span.tags a{
		float: left;
		display: inline-block;
		margin: 0 0 10px 0;
		padding: 5px 12px;
		font-size: 14px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
		color: #181818;
		background: #ebebee;
	}	
	
	span.tags{
		float: left;
		width: 100%;
		margin: 10px 0 35px;
	}
	
		span.tags a{
			margin: 15px;
		}
	
	img.avatar{
		float: left;
		margin: 0 15px 0 0;
		max-width: 50px;
		-webkit-border-radius: 300px;
		-moz-border-radius: 300px;
		border-radius: 300px;
	}
	
		.masonry img.avatar{
			margin: 0;
			max-width: 75px;
			position: absolute;
			top: 15px;
			right: 15px;
			border: 2px solid #fff;
			border-radius: 15px;
		}

	article span.author,
	article span.comments,
	article span.date{
		display: inline-block;
		padding: 5px 8px;
		font-size: 11px;
		background: #fff;
		border-radius: 100px;
	}
	
		article span.author i,
		article span.comments i,
		article span.date i{
			margin: 0 5px 0 0;
		}
		
	span.author,
	span.comments,
	span.date{
		display: inline-block;
		margin: 0 10px 0 0;
		padding: 5px 10px;
		color: #181818;
	}
		
		span.date{
			display: none;
			opacity: 0.7;
			font-size: 14px;
		}
		
		span.author a{
			color: #181818;
		}
		
	.posts article h2{

	}
	
		.similar-posts article h3{
			margin: 10px;
		}
	
		.similar-posts article h3 a{
			color: #181818;
			font-weight: bold;
		}
	
		
	a.view-more{
		width: 90%;
		display: inline-block;
		text-align: center;
		margin: 5px 5%;
		padding: 10px 7px;
		border-radius: 100px;
		font-size: 14px;
		font-weight: bold;
		color: var(--primary-color);
		border: 1px solid var(--primary-color);
		border-bottom: 4px solid var(--primary-color);
	}
		
.post-tags{
	float: left;
	width: 100%;
	margin: 10px 0;
	font-size: 14px;
}

	.post-tags a{
		display: inline-block;
		margin:0 5px;
		padding: 2px 10px;
		color: #fff;
		border-radius: 100px;
		border: 1px solid #fff;
	}

.post-category{
	float: left;
	width: 100%;
	margin: 10px 0;
	font-size: 14px;
}

	.post-category a{
		display: inline-block;
		margin: 0 5px;
		padding: 2px 10px;
		color: #fff;
		border-radius: 100px;
		border: 1px solid #fff;
	}
	
#relatedposts{
	float: left;
	width: 100%;
	margin: 15px 0;
}

	#relatedposts ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.related-post{
		float: left;
		width: 100%;
		margin-top: 25px;
		background: #fff;
	}
	
	.relatedcontent{
		padding: 0 15px 15px;
	}

main .vc_toggle{
	margin: 0;
	padding: 20px 0;
	border-bottom: 1px solid #cad5dc;
}

	main .vc_toggle_title h4{
		display: block;
		margin: 0;
		color: #263239;
	}
	
#webinar-rounded{
	padding-right: 25px !important;
}

#prijstabel ul{
	padding: 15px 15px;
	background: #fff;
	border-radius: 14px;
	color: #fff;
	background: #a93566;
	list-style-type: none;
	border-bottom: 5px solid rgba(0,0,0,.4);
}

	#prijstabel ul li{
		padding: 14px 0;
		font-size: 14px;
		line-height: 1.4;
		border-bottom: 1px dotted rgba(255,255,255,.2);
	}

		#prijstabel ul li:last-child{
			border-bottom: 0;
		}

/* nav */
.nav {

}
/* sidebar */
.sidebar {
	float: left;
	padding: 15px;
	background: #fff;
}
	
	.sidebar-widget{
		float: left;
		width: 100%;
	}
	
	.downloads{
		float: left;
		width: 100%;
		margin: 0 0 25px;
		text-align: center;
	}
	
	.downloads img{
		max-height: 40px;
		width: auto;
		margin: 0 7px;
	}
	
	.sidebar h3{
		margin: 0;
		padding: 0;
	}
	
	.sidebar ul{
		padding: 0;
		list-style-type: none;
	}
	
		.sidebar ul li{
			float: left;
			width: 100%;
			margin: 0 0 10px 0;
			padding: 0 0 15px 0;
			border-bottom: 1px solid #ebecec;
		}
		
		.sidebar .widget_recent_entries ul li span.post-date{
			display: table;
			margin: 5px 0 0;
			padding: 3px 6px;
			font-size: 11px;
			background: #ebecec;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		
			
	#text-2.widget_text, #text-3.widget_text, #text-4.widget_text, #text-5.widget_text, #text-6.widget_text{
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 15px 0 0;
		font-size: 14px;
	}
	
		.widget_text a{
			text-decoration: underline;
		}
		
.pagination{
	float: left;
	width: 100%;
	text-align: center;
}

	.pagination a{
		margin: 0 5px;
		padding: 5px 15px;
		font-weight: 500;
		background: #fff;
		border-radius: 7px;
		border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	}
	

.demo-column{
	text-align: center;
	font-size: 48px;
}

/* Shop / pricing elements */

#packages{
	padding: 20px;
	border-radius: 25px;
}

	#packages ol{
		display: inline-block;
		padding: 0;
	}
	
	#start{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003b5a+0,00a4a8+100 */
		background: #003b5a; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #003b5a 0%, #00a4a8 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #003b5a 0%,#00a4a8 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #003b5a 0%,#00a4a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b5a', endColorstr='#00a4a8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		border-radius: 25px;
	}

	#packages ul{
		padding: 0;
		list-style-type: none;
		display: inline-block;
	}
	
		#packages ul li, #packages ol li{
			margin: 0;
			padding: 10px 0;
		}
		
			#packages #start ul li, #packages #start ol li{
				border-bottom: 1px solid rgba(255,255,255,.1);
			}
			
				#packages #start ul li:last-child, #packages #start ol li:last-child{
					border-bottom: 0;
				}
				
			#packages #complete ul li, #packages #complete ol li{
				border-bottom: 1px solid rgba(0,0,0,.1);
			}
			
				#packages #complete ul li:last-child, #packages #complete ol li:last-child{
					border-bottom: 0;
				}

	#start .vc_column-inner {
		border-radius: 25px;
		color: #fff;
	}
	
		#start .vc_column-inner h3{
			color: #fff;
		}

	#start .vc_column-inner, #complete .vc_column-inner, #demo .vc_column-inner{
		text-align: center;
	}
	
	#packages .vc_column-inner h3{
		font-size: 32px;
	}
	
	button.ajax_add_to_cart, #demo a.add_to_cart_button{
		padding: 10px 20px;
		border: none;
		border-bottom: 3px solid rgba(0,0,0,.4);
		font-weight: bold;
		color: #fff;
		border-radius: 100px;
		background: #a93566;
	}
	
		#demo a.add_to_cart_button{
			display: inline-block;
		}
		
			#demo .amount{
				display: none;
			}
	
	#packages .woocommerce-Price-amount{
		font-size: 26px;
		font-weight: bold;
	}
	
		#packages #start .woocommerce-Price-amount{

		}
	
		#packages .woocommerce-Price-amount bdi span{
			font-weight: 300;
		}

.woocommerce.add_to_cart_inline{
	border: none !important;
}

	input.qty{
		padding: 5px;
		text-align: center;
		border-radius: 10px;
		font-weight: bold;
		border: 2px solid rgba(0,0,0,.2);
	}

/* Custom elements */

body .vc_tta-container{
	background: #fff;
	padding: 10px;
	border-radius: 20px;
}
	
.vc_tta-panels-container{
	color: #181818;
}

.vc_tta-panels-container h2, .vc_tta-panels-container h3, .vc_tta-panels-container h4{
	color: var(--primary-color);
}
	
.vc_tta-tabs-container{
	background: #263238;
	padding: 10px;
	border-radius: 15px;
}

	body .vc_tta.vc_tta-shape-rounded .vc_tta-tab > a{
		padding: 10px 15px;
		font-size: 16px;
		border-radius: 10px;
	}

	body .vc_tta-color-black.vc_tta-style-flat .vc_tta-tab.vc_active > a{
		color: #181818;
		background-color: #fff;
	}

/* CTA footer */

.cta-footer{
	float: left;
	width: 100%;
	text-align: center;
}

	.cta-footer .inner{
		max-width: 600px;
		padding: 25px;
		border-radius: 25px;
		margin: 0 auto;
	}
	
		.cta-footer .inner a{
			text-decoration: underline;
		}
	
		.cta-footer .inner a:hover{
			color: var(--primary-color);
			text-decoration: underline;
		}
		
/* CTA footer */

.cta-footer{
	float: left;
	width: 100%;
	text-align: center;
}

	body.woocommerce-page .cta-footer, body.page-id-7753 .cta-footer{
		display: none;
	}

	.cta-footer .inner{
		max-width: 600px;
		padding: 25px;
		border-radius: 25px;
		margin: 0 auto;
	}
	
		.cta-footer a{
			display: inline-block;
			margin: 15px 0 0;
			padding: 8px 20px;
			font-weight: bold;
			color: #fff;
			background: #a93566;
			border-radius: 100px;
			border-bottom: 3px solid rgba(0,0,0,.4);
		}
		
	.cta-footer span{
		float: left;
		font-size: 22px;
		color: #233983;
		font-weight: bold;
		width: 100%;
	}

/* footer */

.footermenu{
	float: left;
	width: 100%;
	padding: 70px 0 25px 0;
	background: #fff url('images/separator-footer.png') no-repeat center top;
	background-size: 100%;
}

	.footermenu-container{
		display: grid;
		margin: 0 auto;
		padding: 0;
		max-width: 1000px;
	}
	
		.footermenu-container.footer-topper{
			grid-template-columns: repeat(2, 1fr);
		}
		
			.footer-topper{
				padding-bottom: 15px;
			}
	
		.footer-widget{
			padding: 0 20px;
		}
	
		.footermenu-container h3{
			font-weight: 600;
		}
	
		.footermenu-container ul{
			padding-left: 15px;
		}
	
		.footermenu .footermenu-container h4{
			color: #624c31;
		}
	
		.footermenu .footermenu-container a{
			color: #624c31;
			font-size: 14px;
		}

		.footer-widget-4 .widget_media_image img{
			padding: 15px 200px 15px 0;
		}

.footer-container{
	text-align: center;
	background: none;
}

	.footer-container ul.sub-menu{
		display: none !important;
	}

.footer {
	float: left;
	width: 100%;
	padding: 0 15px;
	text-align: center;
	font-size: 12px;
	color: #181818;
	background: #fff;
}

	.copyright{
		float: none;
		max-width: 1000px;
		margin: 0 auto;
		padding: 15px;
		border-top: 1px solid #181818;
	}
	
		.copyright a{
			text-decoration: underline;
		}

.footer a {
	color: #181818;
}


a.share-whatsapp{
	position: fixed;
	right: 10px;
	bottom: 0;
	font-size: 14px;
	display: inline-block;
	padding: 5px 12px;
	border-radius: 12px 12px 0 0;
	color: #fff;
	background: #25d366;
	z-index: 99999;
}

	body.post-type-archive a.share-whatsapp,
	body.home a.share-whatsapp{
		display: none;
	}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

#team .wpb_single_image{
	margin-bottom: 0;
}

#team .vc_single_image-wrapper{
	margin: 0 15px;
}

.vc_box_circle img{
	border: 8px solid #e5e5e5;
}

.post-edit-link{
	font-size: 12px;
}

.page-edit{
	display: none;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

}
@media only screen and (min-width:480px) {

	
	header form.search{
		margin: 10px 0 0 10px;
	}
	
	header form.search .search-input{
		width: 145px;
	}

}
@media only screen and (min-width:768px) {
	body {
		font: 300 16px/1.8 "Poppins" , sans-serif;
	}
	
	.page-edit{
		display: block;
	}
	
	.slogan{
		align-items: center;
		display: flex;
	}
	
	/* second header */
	
	.s-header{
		width: 80%;
		padding: 50px 0 50px 50%;
	}
	
		.s-header-inner{
			width: 160%;
			padding: 25px;
			font-size: 16px;
		}
		
		.s-header h1{
			font-size: 2em;
		}
		
		#vakantie-menu{
			width: 160%;
		}
	
	.header{
		margin: 0 auto;
		padding: 0 0 15px;
	}

	h1{
		padding-bottom: 10px;
	}
	
		body.post-type-archive-trainingen h1{
			padding-bottom: 50px;
		}

	.home-slogan{
		width: 100%;
		padding: 40px 60px 0;
	}
	
		.slogan{
			
		}
	
		.home-slogan,.home-slogan h1 {
			text-align: left;
		}
	
	img.home-slogan-img{
		display: none;
		float: left;
		width: 40%;
		max-width: 400px;
		padding: 15px;
	}

	body.single .header{

	}
	
	.home-slogan a{
		transition: all 0.2s ease;
	}
	
		.home-slogan a:hover{
			padding: 12px 20px;
		}
		
	
	.curve{
		clip-path: ellipse(66% 100% at 50% 100%);
	}
	
	/* logo */
	.logo {
		float: left;
		margin-left: 25px;
	}

	main{
		float: none;
		margin: 0 auto;
		background: #fff;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}
	
	.single-trainingen .wrapper{
		margin-top: -100px;
	}
	
		.title-info{
			float: left;
			width: 100%;
			margin-bottom: 25px;
		}
	
	.column-home{
		width: 31.11%;
		margin: 15px 1%;
	}
	
	.intro-heading{

	}
	
		.header-slider{
			width: 60%;
		}
		
		.intro-column{
			width: 50%;
			margin:30px 0 0 -100px;
			padding: 15px 25px 25px 25px;
		}
	

		.posts article {

		}
		
	#sticker a, #sticker button{
		font-size: 16px;
		line-height: 1.6;
		padding: 12px 15px;
	}
		
	.masonry{
		 display: grid;
		  grid-template-columns: repeat(3, 1fr);
		  grid-template-rows: masonry;
	}
			
		.single .inner-content{
			z-index: 99999;
		}
		
	h2.full-title{
		max-width: 70%;
		margin: 25px 15% 15px;
	}
	
	.sidebar{
		float: left;
		width: 28%;
		margin-left: 0%;
		background: #fff;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}
	
	/* Single training */
	
	.single-trainingen .training-featured-image{
		float: left;
		width: 50%;
		position: relative;
	}
	
	.single-trainingen .training-featured-image img{
		float: left;
		width: 100%;
	}
	
	.training-intro{
		width: 50%;
		padding: 25px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+90,ffffff+90,ffffff+90&1+50,0+90 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 50%, rgba(255,255,255,0) 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(255,255,255,0) 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(255,255,255,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

		border-radius: 0 20px 20px 0;
	}
	
	.related-post{
		float: left;
		width: 48%;
		margin-top: 25px;
		background: #fff;
	}
	
		li.related-post:nth-child(2){
			margin-left: 4%;
		}
		
	.page-edit .post-edit-link{
		display: inline-block;
		transform: rotate(90deg);
		position: fixed;
		z-index: 999999999;
		right: 0;
		top: 45%;
		font-size: 14px;
		padding: 7px 15px;
		color: #181818 !important;
		background: #fff;
		-webkit-border-radius: 250px;
		-moz-border-radius: 250px;
		border-radius: 250px;
		-moz-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
		box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
	}
	
		.page-edit #vc_load-inline-editor{
			display: none;
		}
	
	.footermenu-container{
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: masonry;
	}
	
		.footermenu-container.footer-topper{
			grid-template-columns: repeat(5, 1fr);
		}
		
	.footer-widget-4 .widget_media_image img{
		padding: 15px 30px;
	}
	
	.copyright{
		text-align: left;
	}
	
		.footer-links{
			float: right;
		}
		
	.footermenu{
		padding: 200px 0 25px 0;
		
	}

@media only screen and (max-width: 769px) {
	.swap-on-mobile, .slogan {
		display: flex !important;
		flex-direction: column-reverse;
	}

}

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

.slideout-open .slideout-menu {

}	
	
.header-container{
	max-width: 1180px;
	margin: 0 auto;
}
	
	.topheader{
		text-align: right;
		margin: 0 auto 25px auto;
	}
	
	.toggle-button{
		
	}
	
	nav#menu ul ul{
		display: block;
		left: 0;
		position: relative;
	}

	nav#desktop{
		position: relative;
		float: left;
		display: block;
		width: 100%;
		margin-top: 15px;
		padding: 0;
		background: #fff;
		-webkit-border-radius: 250px;
		-moz-border-radius: 250px;
		border-radius: 250px;
		z-index: 9999 !important;
		border-bottom: 4px solid rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
		box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
	}
	
		nav#desktop.element-is-sticky{
			-moz-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
			-webkit-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
			box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
			-webkit-border-radius: 0 0 30px 30px;
			-moz-border-radius: 0 0 30px 30px;
			border-radius: 0 0 30px 30px;
		}
	
		nav#desktop ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
			nav#desktop a.home-button{
				float: left;
				padding: 10px 15px 10px 20px;
				font-size: 28px;
				color: #181818;
			}
		
				body.home nav#desktop a.home-button, nav#desktop a.home-button:hover{
					color: var(--primary-color);
				}
	
			nav#desktop ul li{
				float: left;
			}
			
				nav#desktop ul li.menu-item-home{
					display: none;
				}
			
				nav#desktop ul li a{
					display: inline-block;
					margin: 10px 0;
					padding: 10px 12px;
					font-size: 16px;
					font-weight: bold;
					color: #181818;
					-webkit-border-radius: 250px;
					-moz-border-radius: 250px;
					border-radius: 250px;
					border: 1px solid #fff;
				}
				
					nav#desktop ul li a:hover{
						color: var(--primary-color);
					}
				
					nav#desktop ul li.current-menu-item a{
						font-weight: bold;
					}
					
					nav#desktop ul li.current-page-ancestor a{
						color: var(--primary-color);
					}
						
						nav#desktop ul li.menu-item-has-children a::after{

						}
						
							nav#desktop ul li.menu-item-has-children li a::after{
								display: none;
							}
							
				nav#desktop ul li.current_page_item a,
				nav#desktop ul li.current-menu-item a{
					color: var(--primary-color);
					border: 1px solid var(--primary-color);
					border-bottom: 4px solid var(--primary-color);
				}
				
					nav#desktop ul li ul.sub-menu a{
						color: #181818;
						border: none;
						border-bottom: none;
					}
				
				nav#desktop ul li.nav-blog{
					float: right;
				}
				
				nav#desktop ul li.cta-1{
					float: right;
				}
						
					nav#desktop ul li.cta-1 a{
						float: right;
						margin: 10px;
						padding: 10px 20px;
						border: none;
						border-bottom: 3px solid rgba(0,0,0,.4);
						color: #fff;
						background: #a93566;
						
					}
				
				nav#desktop ul li.cta-2{
					float: right;
				}
						
					nav#desktop ul li.cta-2 a{
						float: right;
						margin: 10px 0;
						padding: 10px 20px;
						background: #f4f0eb;
					}
		
	/*------------------------------------*\
	    Submenu
	\*------------------------------------*/
		@keyframes fade-in {
		    from {opacity: 0;}
		    to {opacity: 1;}
		}

		ul.sub-menu{
			display: none;
			width: auto;
			min-width: 200px;
			left: -10px;
			position: absolute;
			padding-bottom: 0;
			top: 95%;
			z-index: 99999;
			background: #fff;
			-webkit-border-radius: 0 0 20px 20px;
			-moz-border-radius: 0 0 20px 20px;
			border-radius: 0 0 20px 20px;
			animation-name: fade-in;
		    animation-duration: .3s;
		    border-bottom: 4px solid rgba(0, 0, 0, 0.2);
		}
		
			ul.sub-menu li{
				width: 100%;
			}
			
			nav#desktop ul.sub-menu li a{
				margin: -5px 0 0;
				padding: 12px 20px;
				border-right: none;
				z-index: 9999999999;
				font-size: 80%;
				color: #181818;
			}
			
				li.menu-item-has-children{
					position: relative;
				}
			
	li.menu-item-has-children:hover > ul.sub-menu{
		display: block;
	}
	
	body .footer .footernav ul.sub-menu{
		display: none;
	}
	
	nav.slideout-menu ul.sub-menu li{
		border-bottom: 0;
	}
	
		nav.slideout-menu ul.sub-menu li a{
			margin: 0;
			padding: 0;
			font-size: 16px;
		}
	
	/*------------------------------------*\
	    END Submenu
	\*------------------------------------*/

	.full-page-header .title-info{
		border-radius: 30px;
	}

	.title-info{
		
	}
					
		.home .title-info{
			
		}
		
	.homepage-slogan, .homepage-slogan-2{
		padding: 0 25px;
		font-size: 32px;
	}
	
		.home-slogan h1{
			line-height: 1.4;
		}
		
		
		.homepage-slogan-2{
			font-size: 18px;
		}
	
	.container{
		max-width: 1100px;
		margin: 0 auto;
	}
	
		.single .container{

		}
		
			.single main{
				width: 100%;
			}

			.single .inner-content img{
				border-radius: 14px;
			}

.inner-content{
	padding: 0 35px 25px 35px;
}

	body.single .inner-content{

	}


/* sidebar */
.sidebar {
	padding: 25px;
}



}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#4F515F;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#4F515F;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#4F515F;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

a.eapps-pricing-table-column-button{
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 100px;
	font-weight: bold;
}

	a.eapps-pricing-table-column-button:hover{
		color: #233983 !important;
	}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#181818 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/* Image comparrison */

.cd-image-container {
  position: relative;
  width: 100%;
  max-width: 768px;
  margin: 0em auto;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 15px 15px rgba(0,0,0,.2);
}
.cd-image-container img {
  display: block;
  border-radius: 15px;
}

.cd-image-label {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
  visibility: hidden;
}
.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}
.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  -moz-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
}