body{
	font-family: 'Nunito Sans', sans-serif;
	color: #1e1e1e;
}
a{
	color: #ec0000;
	text-decoration: underline;
}
a:hover{
	color: #ec0000;
	text-decoration: none;
}
.wrapper{
	width: 100%;
	overflow-x: hidden;
}
.mast-header{
	padding: 26px 0;
	position: sticky;
	top: 0px;
	left: 0px;
	z-index: 111111;
	width: 100vw;
}
.mast-header .brand{
	max-width: 270px;
}
.mast-header.scrolled{
	background-color: white;
	border-bottom:1px solid #ececec;
}
.mast-header.mega-active{
	background-color: #ffd100!important;
	border-bottom: none;
}
.mast-header .blue{
	display: none;
}
.mast-header .white{
	display: block;
}
.mast-header.scrolled .blue, .mast-header.mega-active .blue{
	display: block;
}
.mast-header.scrolled .white, .mast-header.mega-active .white{
	display: none;
}
.main-menu{
	padding-top: 16px;
}
.main-menu ul li img{
	vertical-align: initial;
	height: 34px;
	cursor: pointer;
}
.main-menu ul li img.bars{
	height: 29px;
	margin-bottom: 3px;
}
.main-menu ul li img.heart{
	height: 29px;
	margin-bottom: 3px;
}
.main-menu ul li img.flag{
	border-radius: 4px;
	border: 1px solid white;
}
.scrolled .main-menu ul li img.flag, .mega-active .main-menu ul li img.flag{
	border-color: #030552!important;
}
.flag-icon:before{
	content: "";
}
.list-inline-item:not(:last-child){
	margin-right: 32px;
}

.language-picker{
	display: none;
	position: absolute;
	list-style-type: none;
	background-color: #ffd100;
	width: calc(43px + 1rem);
	padding: 1rem .5rem;
	margin-left: -.5rem;
}
.language-picker.active{
	display: block;
}

.blocky-blocks .blocky-blocks-big{
	width: 50%;
	height: 0;
	padding-top: 50%;
	position: relative;
	float: left;
}
.blocky-blocks .blocky-blocks-long{
	width: 50%;
	height: 0;
	padding-top: 25%;
	position: relative;
	float: left;
}
.blocky-blocks .blocky-blocks-other{
	width: 25%;
	height: 0;
	padding-top: 25%;
	position: relative;
	float: left;
}
.blocky-blocks div{
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #021454;
}
.blocky-blocks div span{
	color: white;
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 15px;
	font-weight: 900;
	word-wrap: break-word;
	font-size: 24px;
}
.blocky-blocks a:hover div span{
	color: #ec0000;
}
.blocky-blocks a:hover div.bg-secondary span{
	color: #021454;
}

.blocky-blocks.right .blocky-blocks-big, .blocky-blocks.right .blocky-blocks-other{
	float: right;
}
.bg-light{
	background-color: #f4f5f9!important;
}
h1, h2, h3, h4, h5{
	color: #030552;
}
h1, h2{
	font-weight: 900;
	font-size: 30px;
}
p{
	font-size: 18px;
	line-height: 1.3;
}

article h1, h2{
	margin-bottom: 30px;
}
article p{
	margin-bottom: 0px;
}

.bg-primary{
	background-color: #030552!important;
	color: white!important;
}
.bg-secondary{
	background-color: #ec0000!important;
	color: white!important;
}
.bg-warning{
	background-color: #ffd100!important;
}

#instagram-carousel .carousel-item img{
	width: 25%;
	/*display: inline-block;*/
	float: left;
}

.btn-primary{
	background-color: #ec0000!important;
	border-color: #ec0000!important;
	color: white!important;
}
.btn-primary:hover{
	background-color: #b10303!important;
	border-color: #b10303!important;
}

.btn-secondary{
	background-color: #021454!important;
	border-color: #021454!important;
	color: white!important;
}
.btn-secondary:hover{
	background-color: #021145!important;
	border-color: #021145!important;
}

footer h3{
	color: white;
	font-size: 18px;
	font-weight: 700;
}
footer p{
	font-size: 18px;
}

footer a{
	color: white;
	text-decoration: underline;
}
footer a:hover{
	color: white;
	text-decoration: none;
}

.list-unstyled li{
	font-size: 18px;
	background-image: url('/uploads/zandvoort-visje.png');
	background-repeat: no-repeat;
	padding-left: 48px;
	padding-bottom: 10px;
}
li.social{
	margin-right: 4px!important;
}
li.social a{
	background-color: white;
	width: 40px;
	height: 40px;
	color: #021454;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	text-decoration: none;
}
li.social a:hover{
	background-color: #ec0000!important;
	color: white;
}

.mega-menu{
	z-index: 111110;
	top: -100%;
}
.mega-menu h2{
	font-size: 24px;
	margin-bottom: 26px;
}
.mega-menu .list-unstyled li{
	background-image: url('/uploads/zandvoort-visje-wit.png');
}
.mega-menu .list-unstyled li a{
	color: #021454;
	font-weight: 700;
}
.mega-menu .list-unstyled li a:hover{
	color: #021454;
	text-decoration: underline;
}

.search-menu{
	z-index: 111112;
	top: -100%;
}

.search-menu .form-control{
	background-color: transparent;
	border:none;
	border-bottom: 1px solid black;
	border-radius: 0;
	color: black;
}
.search-menu .form-control::placeholder{
	color: black;
  	opacity: 1; /* Firefox */
}
.search-menu .form-control:focus{
	box-shadow: none;
}

.carousel-control-next, .carousel-control-prev{
	opacity: 1;
	width: 20px;
}
.vierkernen .kern img{
	float: right;
}
.vierkernen .kern h2{
	font-size: 24px;
	margin-bottom: 0px;
}
.vierkernen .kern p{
	font-size: 16px;
	margin-bottom: 0px;
}
.vierkernen .kern.circuit img{
	margin-top: 26px;
}

.vierkernen .kern.strand *{
	color: #ffd100!important;
}
.vierkernen .kern.dorp *{
	color: #030552!important;
}
.vierkernen .kern.circuit *{
	color: #ec0000!important;
}
.vierkernen .kern.natuur *{
	color: #065402!important;
}
.vierkernen .kern a, .vierkernen .kern a *{
	text-decoration: none;
}
.vierkernen .kern a:hover, .vierkernen .kern a:hover *{
	color: #1e1e1e!important;
	text-decoration: none;
}

#filter .categories{
	margin: 10px 0;
	display: inline-block;
}
#filter .categories ul .list-inline-item:not(:last-child){
	margin-right: 0px;
	margin-bottom: 12px;
}
#filter .categories ul li a{
	padding: 10px;
	font-size: 20px;
	color: #030552;
	text-decoration: underline;
}
#filter .categories ul li a:hover, #filter .categories ul li a.active{
	background-color: #ec0000;
	color: white;
	text-decoration: none;
}
#filter .form-control{
	width: 300px;
	margin: 0 auto;
	border:0;
	background-image: url(/uploads/search-blue.png);
	background-repeat: no-repeat;
	background-size: 8%;
	background-position: 10px;
	padding-left: 40px;
}

#locations .item{
	height: 0;
	padding-top: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #030552;
}
#locations .item span{
	color: white;
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 16px;
	font-weight: 900;
	font-size: 24px;
	word-wrap: break-word;
}
#locations .item i{
	color: white;
	position: absolute;
	right: 15px;
	top: 16px;
	font-size: 24px;
	display: none;
}
#locations .item small{
	color: white;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #030552;
	font-size: 18px;
	padding: .5rem .8rem;
}
#locations .item i.active{
	display: block;
}
#locations .item i.fas{
	color: #ec0000!important;
}
#locations a:hover .item span{
	color: #ec0000;
}
#top10-header{
	padding-top: 120px!important;
	color: white;
	font-size: 18px;
}
#top10-header h1, #top10-header h2, #top10-header h3{
	color: white;
	font-size: 30px;
}
.full-map{
	margin-top: 120px;
	height: calc(100vh - 120px);
}
.full-map-map{
	padding-right: 0px;
}
.full-map-h1{
	font-size: 18px;
	color: #ed1c24;
}
.full-map-p p{
	font-size: 14px;
}
.full-map-list{
	margin-top: 30px;
}
.full-map-list li{
	padding-bottom: 20px;
	cursor: pointer;
}
.full-map-list li.active{
	background-image: url('/uploads/zandvoort-visje-blauw.png');
}
.two-rows-image{
	max-width: 40%;
	margin-right: 1.5rem!important;
}
.two-rows-right{
	margin-left: 1.5rem!important;
	margin-right: 0!important;
}

#accordionFaq .card-header{
	background-color: #f4f5f9!important;
}
#accordionFaq .card-header button{
	color: #030552!important;
	font-weight: 900;
	font-size: 30px;
}
#accordionFaq .card-header button:hover{
	text-decoration: none;
}

/*MEDIA QUERIES*/
/*LARGE - desktop / laptop*/
@media (max-width: 1200px) {

}
/*Medium - Tablets*/
@media (max-width: 992px) {
}
/*Small - landscape phone*/
@media (max-width: 768px) {
	.mega-menu{
		top: -100vw;
		height: 100vw;
		overflow-y: scroll;
	}
	.mega-menu .container{
		margin-top: 4rem!important;
	}
	.main-menu{
		padding-top: 7px;
	}
	.main-menu ul li img{
		height: 22px!important;
	}
	.main-menu ul li img.flag{
		height: 25px!important;
	}
	.main-menu ul li img.search{
		height: 25px!important;
	}
	.list-inline-item:not(:last-child){
		margin-right: 8px;
	}
	article img{
		width: 100%!important;
	}
	.two-rows-image{
		max-width: 100%;
		margin-left: 0!important;
		margin-right: 0!important;
		margin-bottom: 1.2rem;
	}
}
/*Xtra Small - portrait phone*/
@media (max-width: 576px) {
	.mega-menu{
		top: -100vh;
		height: 100vh;
		overflow-y: scroll;
	}
	.mast-header .brand{
		width: 100%;
	}
	.main-menu{
		padding-top: 7px;
	}
	.main-menu ul li img{
		height: 22px!important;
	}
	.main-menu ul li img.flag{
		height: 25px!important;
	}
	.main-menu ul li img.search{
		height: 25px!important;
	}
	.list-inline-item:not(:last-child){
		margin-right: 8px;
	}
	.blocky-blocks .blocky-blocks-big, .blocky-blocks .blocky-blocks-other{
		width: 100%;
		padding-top: 100%;
	}
	.blocky-blocks .blocky-blocks-long{
		width: 100%;
		padding-top: 50%;
		background-size: 100%;
		background-position: center;
	}
	article img{
		width: 100%!important;
	}
	#instagram-carousel .carousel-item img{
		width: 50%
	}
	.two-rows-image{
		max-width: 100%;
		margin-left: 0!important;
		margin-right: 0!important;
		margin-bottom: 1.2rem;
	}
}

@media (max-width: 321px) {
	.mega-menu{
		top: -120vh;
		height: 100vh;
		overflow-y: scroll;
	}
	.main-menu ul li img{
		height: 18px!important;
	}
	.main-menu ul li img.flag{
		height: 21px!important;
	}
	.main-menu ul li img.search{
		height: 21px!important;
	}
	.list-inline-item:not(:last-child){
		margin-right: 8px;
	}
	.two-rows-image{
		max-width: 100%;
		margin-left: 0!important;
		margin-right: 0!important;
		margin-bottom: 1.2rem;
	}
}