/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

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

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	-moz-osx-font-smoothing: grayscale;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	font-smooth: always;
}


body {
	font-family: 'Gill Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color:#444;
	/* fix windows scroll overlay */
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}

@media (min-width: 1200px) {
	.container {
    	max-width: 1368px!important;
	}
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1368px!important;
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
	padding-top:0px!important;
	padding-left: 15px!important;
	padding-right: 15px!important;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

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

/* header */

header.header {
	z-index: 10;
	width: 100%;
	left: 0;
	right: 0;
	padding-top:4em!important;

	-moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

header.header.active {
	background: #ffffff9e;
}
header.header.clear.homepage.py-5 {
	padding-bottom:1rem!important;
}

header.homepage {
	background-color: transparent;
	position: fixed;
}

@media screen and (max-width: 567px) {
	header.homepage ul li {
		display: block!important;
		margin-bottom: 5px;
	}

	header.homepage nav ul li:first-child {
		margin-left: 15px;
	}
	header.header {
		padding-top:2em!important;
	}
}

header.homepage .logo a {
	/*pointer-events: none;*/
}

.header .main-bar .sub-menu {
display: none;
}
.header nav {
	margin-top:19px;
}
.header nav ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.header nav ul li {
	display: inline-block;
	margin-left: 15px;
}

.header nav ul li:first-child {
	margin-left: 0;
}

.header nav ul li a{
	/*color: #666;*/
	color:#000;
	font-size: 22px;
	text-decoration: none;
	font-family: 'Gill Sans';
}
.header nav ul li a:hover {
	/*color: #000000;*/
	color:#666;
}

.header nav ul li.current-menu-item a, .header nav ul li.current-menu-parent a, .header nav ul li.current-menu-ancestor a{
	/*color: #000000;*/
	color:#666;
	text-decoration: none;
}

.header .menu-toggle {
	font-size: 20px;
	cursor: pointer;
}
/* fontawesome replacements toggle menus*/
i.far.fa-bars:before {
	content: "\2630";
	font-size: 1.2em;
	font-style: normal;
}
i.far.fa-times:before {
	content: "\00D7";
	font-size: 2em;
	font-style: normal;
}



fab {
	font-family: "Font Awesome 5 Brands";
	font-weight: 400;
}

.home-nav {
	/*position: absolute;
	left: 0;
	bottom: -40px;*/
	height: 0;
	overflow: hidden;
	opacity: 0;
	    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-top:9px;
}

.home-nav.active {
	height: auto;
	opacity: 1;
}


/* SUBMENU */
.submenu {
/*padding-top: 10px;*/
padding-bottom: 30px;
font-size: 22px;
/*border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;*/
}
	.submenu ul {
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
	}

/* justify text align menu bij desktop groot status: UIT i.o. 111120 */
@media (min-width: 1200px) {
	/*.submenu ul {
		display: flex;
		justify-content: space-between;
	}*/
}

.submenu li {
display: inline-block;
margin-right: 15px;
}

.submenu ul li .sub-menu {
	display: none;
}

.submenu li:last-child {
	margin-right: 0;
}

.submenu li a {
/*color: #777;*/
color: #000;

font-family: 'Gill Sans';

}
.submenu li a:hover {
	/*color:#000000;*/
	color: #777;
	text-decoration: none;
	
}

.submenu li.current-menu-item a{
/*color: #000;*/
color: #777;

/*font-weight: bold;*/
}

/* project details tweaks */
.elementor-widget-container li {
  list-style: none;
}
.elementor-widget-container li a:hover {
	color:#000;
  }

/* signle pages elementor */
.pt-5, .py-5 {
	padding-top: 0!important;
}

/* Mobile menu */
.mobile-menu {
    height: 100vh;
    font-family:"Gill sans";
    position: fixed;
    right: -350px;
    background-color: #ededed;
    width: 350px;
    top: 0;
    z-index: 110;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    opacity: 0;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.mobile-menu.active {
    right: 0;
    opacity: 1;
}

.mobile-menu .inner {
    padding: 20px;
    height: 100%;
    width: 100%;
}

.mobile-menu .inner .logo {
    max-width: 200px;
}

.mobile-menu ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.mobile-menu ul li {
    margin-bottom: 10px;
    position: relative;
}

.mobile-menu .menu-toggle {
	font-size: 24px;
	cursor: pointer;
}

.mobile-menu ul li.menu-custom-btn a {
    background: #e9720b;
    display: inline;
    color: #fff;
    border-radius: 3px;
    padding: 5px 10px;
}

.mobile-menu ul li.menu-home-btn {
    display: none;
}


.subarrow {
    border-radius: 2px;
    width: 24px;
    height: 25px;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABQCAYAAAC+neOMAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAA5tJREFUeJzt2s9rHGUYwPHvM9lpKjYQFENBEIzSelHwPxBMeuhNJYtxAioehKyiNw8ik148CFLqtpG9WEI6G38h1EhPQgTvnjVCD4pVPBg8eKhJ5vHS3Wzipju7O+/7TuH5nmZnZncePpmEd4eAZVmWZVmWZVmWZVmWZVmWZVnWEEmRk9I0jU6fOfPYvsgD5PkfjST5RUTU9XCuaq6tPRhFk7NM5Lf3pqd/euv8+duD3nNXqDRNo5mzZxuq+o4gD3cPKD9C/m5jaemrEub2VvPatScj5ENE5nt2/6Oqn8Qn4vder9f/Pu69x0K1Wq147/6pDYQXjjtHlZU3ll66MOLcXmu22/NRrtcRua/vCarbTERzjcXFX/sd7gvVarXi3VNTnwo8P3gEvdBIkpXiI/vvyvrGOY30usDJu52ncFMieaYfVnR0R7q1Vds9NZUVQwKQ9EqWrRSc2XtFkQAEZjXX71prnz9y9NghqHRrqzbz2+/rAgvDjVNNrGGQOgnM7tX2/od1CGrm1q0PEF4cbaxqYY2C1NOjuxO7m5du3Jjs7OhCfZRlT6jy9njjVQOr2W7Pj4EEgIg8VdvZea3zOurZWBCRQuuqAZcIitVst+dF+XocpJ66f4IOfvVUHi/hg+8UBqtkJODApAslogNXp0NexCtW+Uig8G9nu/eO+qGsCxzkB8sFEoCgXZPeO+ozhZ0yL3Tnk51iuUICEGh1trtQy0myI+jLqrpf9gVdYa1m2ZwrJJSPl5Pk287LQ+uoRpJsRsLivYC1mmVzObLpBAldf+hE7c3ePX2XA6tZtpArGyIy4WCIsb8bOkeK41fr9fqhm+XYdVNVsUIgwYDnUVXDCoUEBZ5wVgUrJBIUfBQcGuvy+sazRPpNKCQoCAXhsKqABENAgX+sqiDBkFDgD6tKSDACFLjH0jz6vkpIMCIUuMVS1X1HP4SRkGAMKHB9Z5Xd6EgwJhTcK1jjIUEJUFB1rPGRoCQoqCpWOUhQIhRUDas8JCgZCqqCVS4SOICC0FjlI4EjKAiF5QYJHEKBbyx3SOAYCnxhuUUCD1Dg/LuhcyTwBAWusPwggUcoKBvLHxJ4hoKysPwiQQAoGBfLPxIEgoJRscIgQUAoGBYrHBIEhoKiWGGRoM+/T/tuOUm+EOE5Vf3r6DFV3Ud5/8/t7VdCIkEF7qhOF69enY7jyQWBp4EY+FlEv1xOkpuhZ7Msy7Isy7Isy7IsyxrcfzNeLxtxSlaeAAAAAElFTkSuQmCC) no-repeat;
    background-position: center!important;
    background-size: 50%!important;
    position: absolute;
    text-align: center;
    overflow: hidden;
    right: 0;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
}

.mobile-menu ul > li a {
    color: #292929;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
}
.mobile-menu ul > li.menu-item-has-children {}

.mobile-menu ul > li.menu-item-has-children ul.sub-menu {
    height: 0;
    padding-left: 15px;
    margin-bottom: 0;
    list-style: none;
    overflow: hidden;
}

.mobile-menu ul li.menu-item-has-children.active > .subarrow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABQCAYAAAC+neOMAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAA5tJREFUeJzt2s9rHGUYwPHvM9lpKjYQFENBEIzSelHwPxBMeuhNJYtxAioehKyiNw8ik148CFLqtpG9WEI6G38h1EhPQgTvnjVCD4pVPBg8eKhJ5vHS3Wzipju7O+/7TuH5nmZnZncePpmEd4eAZVmWZVmWZVmWZVmWZVmWZVnWEEmRk9I0jU6fOfPYvsgD5PkfjST5RUTU9XCuaq6tPRhFk7NM5Lf3pqd/euv8+duD3nNXqDRNo5mzZxuq+o4gD3cPKD9C/m5jaemrEub2VvPatScj5ENE5nt2/6Oqn8Qn4vder9f/Pu69x0K1Wq147/6pDYQXjjtHlZU3ll66MOLcXmu22/NRrtcRua/vCarbTERzjcXFX/sd7gvVarXi3VNTnwo8P3gEvdBIkpXiI/vvyvrGOY30usDJu52ncFMieaYfVnR0R7q1Vds9NZUVQwKQ9EqWrRSc2XtFkQAEZjXX71prnz9y9NghqHRrqzbz2+/rAgvDjVNNrGGQOgnM7tX2/od1CGrm1q0PEF4cbaxqYY2C1NOjuxO7m5du3Jjs7OhCfZRlT6jy9njjVQOr2W7Pj4EEgIg8VdvZea3zOurZWBCRQuuqAZcIitVst+dF+XocpJ66f4IOfvVUHi/hg+8UBqtkJODApAslogNXp0NexCtW+Uig8G9nu/eO+qGsCxzkB8sFEoCgXZPeO+ozhZ0yL3Tnk51iuUICEGh1trtQy0myI+jLqrpf9gVdYa1m2ZwrJJSPl5Pk287LQ+uoRpJsRsLivYC1mmVzObLpBAldf+hE7c3ePX2XA6tZtpArGyIy4WCIsb8bOkeK41fr9fqhm+XYdVNVsUIgwYDnUVXDCoUEBZ5wVgUrJBIUfBQcGuvy+sazRPpNKCQoCAXhsKqABENAgX+sqiDBkFDgD6tKSDACFLjH0jz6vkpIMCIUuMVS1X1HP4SRkGAMKHB9Z5Xd6EgwJhTcK1jjIUEJUFB1rPGRoCQoqCpWOUhQIhRUDas8JCgZCqqCVS4SOICC0FjlI4EjKAiF5QYJHEKBbyx3SOAYCnxhuUUCD1Dg/LuhcyTwBAWusPwggUcoKBvLHxJ4hoKysPwiQQAoGBfLPxIEgoJRscIgQUAoGBYrHBIEhoKiWGGRoM+/T/tuOUm+EOE5Vf3r6DFV3Ud5/8/t7VdCIkEF7qhOF69enY7jyQWBp4EY+FlEv1xOkpuhZ7Msy7Isy7Isy7IsyxrcfzNeLxtxSlaeAAAAAElFTkSuQmCC) no-repeat;
}

.mobile-menu ul li.menu-item-has-children.active > ul.sub-menu {
    height: 100%;
    overflow: hidden;
    margin-top: 20px;
}

/* edit link uit */
/* hide edit link logged in */
a.post-edit-link {
	display:none;
}

/* footer */
.footer a {
	color:#000000!important;

}
.footer ul {
    	font-family: "Gill sans";
}


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

/* projecten */

.elementor-posts--thumbnail-top .elementor-post:hover a {
	color:#999!important;
}
/*------------------------------------*\
    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) {

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

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

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

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

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

}

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

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	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 {

}

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

@media print {
	* {
		background:transparent !important;
		color:#000 !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;
	}
}