:root {
	--blue:#042f9f;
	--geel:#f7a804;
}

a, :after, :before {transition:all 0.3s ease;}

html {
	font-size:62.5%;
}

body {
	font-family:'Open Sans';
	font-size:1.4rem;
	color:#000;
	font-weight:300;
}

.content {width:100%;}
.entry-header {display:none}
.site-inner {padding:0}


h1 {
	color:var(--blue);
	font-size:3rem;
    font-family: 'Comfortaa', cursive;
	font-weight:700;
}

h2 {font-family: 'Comfortaa', cursive;}

h3 {
	font-weight:300 !important;
	font-size:2.4rem;
	font-family:'Open Sans';
}
a {
	color:var(--blue);
	text-decoration:none;
	font-weight:700;
}
.entry-content ul {padding-left:15px}
.entry-content ul > li {
	list-style:none !important;
	position:relative;
}
.entry-content ul > li:before {
    content: "";
    width: 5px;
    height: 5px;
    display: block;
    position: absolute;
    left: -15px;
    background: var(--geel);
    top: 7px;
}
p {
	margin-bottom:10px;
	line-height:1.4;
}

/* ==== Top ==== */

nav {
    display: flex;
	position:relative;
	background:#fff;
	z-index:9;
    border-bottom: 1px solid #cecece;
/*    margin-bottom: 30px;*/
}

nav .container {
    max-width: 1170px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;

}
nav img {
    max-height: 100px;
	margin:15px 0;
}
.mega-menu-link {
    font-family: 'Comfortaa', cursive !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
    top: 56px;
}

.resize {
    position: absolute;
    right: 0;
    top: 15px;
	display:flex;
	color:var(--blue);
	font-weight:500;
}

.resize span {
    padding-right: 5px;
}
.resize p {
	margin:0;
	line-height:1;
}

/* ==== Algemeen ==== */
.notop {margin-top:50px;}

.home .wpb_text_column, .home .entry {margin: 0;}
.home .site-footer {display:none}

.intro figure, .intro .vc_single_image-wrapper {
	width:100%;	
}
.intro img {
	width:100%;
	max-height:400px;
	object-fit:cover;
}

.blauw {
    background: var(--blue);
    border-radius: 15px;
    padding: 10px;
    color: #fff;
    font-weight: 700;
	font-size:1.6rem;
}
.geel {
    background: var(--geel);
    border-radius: 15px;
    padding: 10px;
    color: #fff;
    font-weight: 700;
	font-size:1.6rem;
	text-shadow:1px 1px rgba(0,0,0,0.35);
}
.blauw a, .geel a{
	color:#fff;
	position:relative;
}

.blauw a:after, .geel a:after {
    content: "\f138";
    font-family: "Font Awesome 6 Free";
    display: block;
    position: absolute;
    right: -25px;
    top: 0px;
}

.tips {
    border: 1px solid var(--geel);
    padding: 15px 5px;
}

/* === Zoekbalk === */
.search-container {
    line-height: 50px;
    margin-left: 10px;
    display: flex;
}
.search-container div {
    display: inline;
}
.search-container form {
    display: flex;
	line-height: 20px;
}
#search-bar {
	display: none;
	font-size: 14px;
}

.search-container .search-wrap {
    display: flex;
}
.search-form input[type="submit"] {
    margin: 0;
    background: var(--blue);
    padding: 5px 10px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    height: 40px;
    margin-left: 13px;
}
input[type=search] {
    padding: 5px 15px;
    line-height: 1;
    height: 40px;
}

.search-title {
	display: block;
}

.search-content .entry {
	margin:0
}

/* ==== Slider ==== */

.home .site-inner {margin-top:-30px}
 
.slick-slide {
    position: relative;
}

.slider-tekst {
	font-family:'Comfortaa', cursive;
}
.slider-tekst h2{
	font-weight:700;
}

.slick-slide img {
    width: 100%;
    object-fit: cover;
    max-height: calc(100vh - 76px);
}

.slider-tekst {
    position: absolute;
	color:#fff;
    top: 25%;
    left: 25%;
	right:25%;
    font-family: 'Comfortaa', cursive;
	font-size:2.6rem;
	text-align:center;
	text-shadow:2px 2px 4px rgba(0,0,0,0.6);
}

.slider-tekst h2{
	font-size:6rem;
}
.slider-tekst a {
	color:#fff;
	background:var(--geel);
	padding:10px 55px 10px 25px;
	border-radius:5px;
	top: 20px;
	position:relative;
	text-shadow:2px 2px 4px rgba(0,0,0,0.35);
}
.slider-tekst a:after {
    content: "\f138";
    font-family: "Font Awesome 6 Free";
    display: block;
    position: absolute;
    right: 20px;
    top: 3px;
}
.slider-tekst a:hover:after {
	right:10px;
}

ul.slick-dots {
    position: absolute;
    bottom: 15vh;
    display: flex !important;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.slick-dots button {
    background: none;
    font-size: 0;
    padding: 0;
    margin: 0 15px;
}
.slick-dots li:hover {
	cursor:pointer;
	opacity:0.8;
}
	
.entry-content ul.slick-dots > li:before {
    height: 20px;
    width: 20px;
    border-radius: 25px;
}
.entry-content ul.slick-dots > li.slick-active:before {
	background:var(--blue);
    content: "X";
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 20px;
}


/* ==== Portfolio ==== */
.single-post .entry-header {display:block}
.entry-meta {display:none}
.single-post nav {margin-bottom:30px}
.single-post h1 {font-weight:600;margin-bottom:15px;}

.vc_gitem-row-position-middle {
    display: flex;
    top: 130px !important;
    height: 180px !important;
}
.vc_gitem-post-data-source-post_categories {
    margin: 0 0 0 10px !important;
}
.vc_grid-item {
    padding-bottom: 0 !important;
    border-bottom: 1px solid #cecece;
}
.vc_gitem-zone-mini {
    height: 200px;
}

.vc-gitem-zone-height-mode-auto:before {
	padding:0;
}
.pimg, .pimg div, .pimg figure, .pimg img {
    height: 100%;
	max-height:125px;
}
.pimg img{object-fit:cover}
.vc_gitem-row-position-top .vc_col-sm-12 {
    padding: 0;
    font-size: 2.4rem;
}
a.vc_gitem-link {
	color:var(--blue);
	font-weight:700;
	line-height:1;
    font-size: 1.8rem;
}
.vc_custom_heading a:visited {color:var(--blue);}
.vc_gitem-row-position-middle .vc_col-sm-6:first-child {
    width: 40%;
}
.vc_gitem-row-position-middle .vc_col-sm-6:last-child {
    width:60%;
}

span.vc_gitem-post-category-name {
    font-weight: 300;
}
.ptit a.vc_gitem-link {
    max-height: 65px;
    overflow: hidden;
    display: block;
    line-height: 1.2;
}

/* ==== aanvraag ==== */

#quickscan li {padding:0;}
#quickscan li:before {display:none}
#quickscan li button {
  background: transparent;
  border: 0;
  padding-left: 0px;
  cursor: pointer;
  text-align: left;
	color:#000;
}
#quickscan h2 {font-size:1.8rem}

@media (max-width:1280px) {
	.vc_row-fluid {
		padding: 0 25px;
		margin-right:0;
	}
	.vc_row-no-padding {
		padding:0;
	}
	.slider-tekst {font-size:2rem}
	.slider-tekst h2 {font-size:4rem}
	
}

@media (max-width:768px) {
	.blauw, .geel {text-align:center;}
	.slick-slide img {height:100vh;}
	.slider-tekst{top:5%;}
	ul.slick-dots {bottom:10vh}
	.slider-tekst {left:5%;right:5%;top:20%;}
	.type-post .entry-title {padding:25px 0 0 25px}
	.vc_gitem-zone-mini {
		height: 275px;
	}
	.site-inner {
		padding: 120px 0 0 0;
	}
	nav {
		position: fixed;
		width: 100%;
	}
	
	a#open-search {
		right: 25px;
		position: relative;
	}
	
	.vc_gitem-row-position-middle {
		flex-wrap: wrap;
		height: auto !important;
	}
	.vc_gitem-row-position-middle .vc_col-sm-6:first-child {
    width: 100%;
	}
	.vc_gitem-row-position-middle .vc_col-sm-6:last-child {
		width:100%;
	}

		.vc_gitem-zone-mini {
		height: 310px;
	}	
}
@media (max-width:600px) {
	.slider-tekst {text-shadow:1px 1px 2px rgba(0,0,0,0.9);}
	.menu, .search-container, #search-bar {
		position:relative;
		top:10px;
	}
}