/* Create custom style */
body,
.site-content-contain {
	background: #fff !important;
	font-family: sans-serif;
}
.custom-header-media:before {
	display: none !important;
}
image.twentyseventeen-front-page .custom-header,
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media {
	height: 300px !important;
}

body.page-two-column:not(.archive) #primary .entry-content {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	float: none;
	padding: 20px;
}

body.page-two-column:not(.home) #primary .entry-content {
	width: 70% !important;
}
.sidebar aside {
	width: 27%;
	float: left;
	background-color: #f9f9f9;
	box-sizing: border-box;
	padding: 20px !important;
}

h1, h2, h3, h4 {
	color: #21384a !important;
	text-transform: none !important;
	margin-bottom: 1em !important;
}
h1 {font-size: 1.4em !important;}
h2 {font-size: 1.2em !important;}
h3 {font-size: 1em !important;}
h4 {font-size: 0.8em !important;}

.wrapper {
	max-width: 1180px;
	width: 98%;
	margin: 0 auto;
	position: relative;
	background-color: #fff;
	box-sizing: border-box;
	padding: 10px 30px;
	overflow: auto;
}

.clear {
	clear: both;
}

/* Margins */
.m-t-n-md {margin-top: -20px;}
.m-t-n-xl {margin-top: -60px;}
.m-b-xl {margin-bottom: 30px;}


/* z-index */
.z99 {z-index: 99;}


/* Columns */
.row {
	width: 100%;
	margin: 0 -15px;
	overflow: hidden;
}
.col3, .col4, .col6, .col8, .col9 {
	box-sizing: border-box;
	float: left;
	padding: 15px;
}
.col3 {width: 25%;}
.col4 {width: 33.33%;}
.col6 {width: 50%;}
.col8 {width: 66.66%;}
.col9 {width: 75%;}




/* Header image */
.custom-header-media.backgroundhead {
	width: 100%;
	position: relative !important;
}
.imageBlock {
	width: 100%;
	height: 300px;
	background-size: cover;
	/*background-position: auto;*/
	background-image: url('http://rizan.nl/wp-content/uploads/2018/09/klus.jpg');
}
.imageblockOverlay {
	width: 100%;
	height: 100%;
	background-color: rgba(33, 56, 74, 0.8);
}


/* MainMenu */
.custom-header-media.backgroundhead .menuWrap {
	width: 100%;
	background-color: #fff;
	overflow: auto;
	box-sizing: border-box;
	padding: 10px 0 5px 0;
	position: fixed;
	z-index: 999999;
}
.custom-header-media.backgroundhead .menuWrap .logo {
	float: left;
	width: 30%;
}
.custom-header-media.backgroundhead .menuWrap .logo img,
.home .custom-header-media.backgroundhead .menuWrap .logo img {
	width: 200px !important;
	object-fit: initial;
	height: auto !important;
	position: relative !important;
	min-width: initial;
}
.custom-header-media.backgroundhead .menuWrap .contact {
	position: absolute;
	top: 10px;
	right: 0;
}
.custom-header-media.backgroundhead .menuWrap .contact a {
	padding: 0 10px;
}
.custom-header-media.backgroundhead .menuWrap .contact a:before {
	font-family: 'FontAwesome';
	margin-right: 5px;
	color: #21384a;
	font-size: 1.4em;
}
.custom-header-media.backgroundhead .menuWrap .contact a.mail:before {
	content: '\f0e0';
}
.custom-header-media.backgroundhead .menuWrap .contact a.tel:before {
	content: '\f095';
}
.custom-header-media.backgroundhead .menuWrap .mainmenu {
	width: 70%;
    float: left;
    position: relative;
    margin-top: 70px;
}
.custom-header-media.backgroundhead .menuWrap .mainmenu ul#menu-mainmenu {
	list-style: none;
	float: right;
	margin: 0;
}
.custom-header-media.backgroundhead .menuWrap .mainmenu ul#menu-mainmenu li {
	float: left;
	transition: ease-in-out 0.3s;
}
.custom-header-media.backgroundhead .menuWrap .mainmenu ul#menu-mainmenu li:hover,
.custom-header-media.backgroundhead .menuWrap .mainmenu ul#menu-mainmenu li:hover > a {
	background-color: #21384a;
	color: #fff;
	transition: ease-in-out 0.3s;
}
.custom-header-media.backgroundhead .menuWrap .mainmenu ul#menu-mainmenu li a {
	padding: 5px 10px;
	box-sizing: border-box;
	display: block;
}

/* Mobile Menu */
span.mobilemenu {
	display: none;
}

/* Footer */
footer {
	background-color: #21384a;
	color: #fff;
}
footer a,
footer h3,
footer h2,
footer h2.widget-title {
	color: #fff !important;
	text-decoration: none;
}
footer .widget ul {
	list-style: none;
	margin: 0;
}
footer .widget ul li {
	border: 0;
}



/* Frontpage */
.entry-content.fullwidth {
	float: left !important;
	width: 100% !important;
}

.werkzaamheden {
	width: 100%;
	text-align: center;
	overflow: auto;
	margin-bottom: 60px;
}
.werkzaamheden ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.werkzaamheden ul li {
	width: 33.33%;
	padding: 10px;
	float: left;
	box-sizing: border-box;
	border-left: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
.werkzaamheden ul li:nth-child(1){border-left: 0;}
.werkzaamheden ul li:nth-child(4){border-bottom: 0; border-left: 0;}
.werkzaamheden ul li:nth-child(4){border-bottom: 0;}
.werkzaamheden ul li:nth-child(5){border-bottom: 0;}
.werkzaamheden ul li:nth-child(6){border-bottom: 0;}

.werkzaamheden ul li:before {
	display: block;
	font-family: 'FontAwesome';
	margin-right: 8px;
	color: #21384a;
	font-size: 50px;
}
.werkzaamheden ul li:nth-child(1):before {content:"\f0e3";}
.werkzaamheden ul li:nth-child(2):before {content:"\f046";}
.werkzaamheden ul li:nth-child(3):before {content:"\f19c";}
.werkzaamheden ul li:nth-child(4):before {content:"\f0e7";}
.werkzaamheden ul li:nth-child(5):before {content:"\f015";}
.werkzaamheden ul li:nth-child(6):before {content:"\f1fc";}

.werkzaamheden ul li:hover {
	background-color: #21384a;
	color: #fff;
	transition: 0.6s;
}
.werkzaamheden ul li:hover:before {
	color: #fff;
}

.entry-content.fullwidth .content {
	overflow: auto;
}

.portfolio {
	margin-top: 60px;
	text-align: center;
	overflow: auto;
	background-size: cover;
	background-position: bottom;
	background-image: url('http://rizan.nl/wp-content/uploads/2018/09/klus.jpg');
}
.portfolio .imageblockOverlay .wrapper {
	background-color: rgba(0,0,0,0.0);
	color: #fff;
}
.portfolio h2 {
	color: #fff !important;
	padding-top: 20px !important;
}
.portfolio a {
	color: #fff !important;
	box-shadow: none !important;
}
.portfolio a:hover {
	transition: 0.3s;
	border-bottom: 1px solid #fff;
}
.portfolio .col3 {
	padding: 20px;
}
.portfolio .col3 img {
	transition: transform 0.6s;
}
.portfolio .col3 img:hover {
	transform: scale(1.2);
	border: 1px solid rgba(255,255,255,0.1);
	box-shadow: 0px 1px 10px rgba(33, 56, 74, 0.1);
}

.fpContactBtm {
	margin-top: 60px;
	overflow: auto;
}

p.openingstijden span {
	display: inline-block;
	width: 100px;
}
blockquote.fpReview {
	margin-top: 20px;
	text-align: center;
}
blockquote.fpReview p.cijfer {
	margin: 0;
}
blockquote.fpReview .fa {
	color: gold;
}


span.mobilemenu i.fa.fa-close {
	display: none;
}

.centerAll * {
	text-align: center;
}


/* AV lp */
.content-area.fullwidth .entry-content {
	width: 100% !important;
	float: none !important;
}
@media screen and (min-width: 48em) {
	.home.blog.has-header-image .custom-header-media, 
	.home.blog.has-header-video .custom-header-media, 
	.twentyseventeen-front-page.has-header-image .custom-header-media, 
	.twentyseventeen-front-page.has-header-video .custom-header-media {
		height: initial !important;
		max-height: initial !important;
	}
}











/* Responsive */
@media screen and (max-width: 768px) {
	.sidebar aside {
		display: none;
	}
	body.page-two-column:not(.home) #primary .entry-content {
		width: 100% !important;
		float: none !important;
	}
}

@media screen and (max-width: 767px) {
	.row {
		margin: 0;
	}
	.mainmenu {
		display: none;
	}
	.has-header-image.home.blog .custom-header, 
	.has-header-image.twentyseventeen-front-page .custom-header, 
	.has-header-video.home.blog .custom-header, 
	.has-header-video.twentyseventeen-front-page .custom-header {
		height: 35vh !important;
	}
	/* Create Mobile Menu */
	.mainmenu span.mobilemenu i.fa.fa-close {
		display: block;
	}
	#mobileFix.wrapper.open {
		height: 165px;
	}
	.mainmenu {
		width: 100% !important;
		position: absolute !important;
		top: 0;
		left: 0;
		margin: 0 !important;
		padding: 0;
		z-index: 9999999;
		background-color: #fff;
	}
	.mainmenu ul#menu-mainmenu {
		float: left !important;
	}
	.mainmenu ul#menu-mainmenu li {
		float: none !important;
	}

	span.mobilemenu {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 15px;
		font-size: 24px;
	}
	span.mobilemenu i.fa {
		color: #21384a;
	}

	.custom-header-media.backgroundhead .menuWrap {
		top: 0;
	}
	.custom-header-media.backgroundhead .menuWrap .logo img, 
	.home .custom-header-media.backgroundhead .menuWrap .logo img {
		width: 135px !important;
	}
	.custom-header-media.backgroundhead .menuWrap .contact {
	    bottom: 2px;
	    top: initial;
	    right: 0;
	}
	.custom-header-media.backgroundhead .menuWrap .contact p {
		margin: 0;
	}
	.custom-header-media.backgroundhead .menuWrap .contact span {
		display: none;
	}

	/* Columns */
	.col3, .col4, .col6, .col8, .col9 {
		width: 100%;
		float: none;
	}

	.werkzaamheden ul li {
		width: 100%;
		border: 0;
		border-bottom: 1px solid #eaeaea !important;
	}
	.werkzaamheden ul li:last-child {
		border: 0 !important;
	}
	.portfolio .imageblockOverlay {
		background-color: rgba(33, 56, 74, 0.9);
	}
}