/*
Theme Name: MultiMax 2020
Author: Another Concept
Author URI: http://www.anotherconcept.nl
Version: 1.0
Date: 20200317

-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */

/* Fonts 
@font-face {
    font-family: 'cera_problack';
    src: url('fonts/cerapro-black-webfont.woff2') format('woff2'),
         url('fonts/cerapro-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cera_probold';
    src: url('fonts/cerapro-bold-webfont.woff2') format('woff2'),
         url('fonts/cerapro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cera_proitalic';
    src: url('fonts/cerapro-italic-webfont.woff2') format('woff2'),
         url('fonts/cerapro-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cera_proregular';
    src: url('fonts/cerapro-regular-webfont.woff2') format('woff2'),
         url('fonts/cerapro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*/

@font-face {
    font-family: 'cera_proitalic';
    src: url('CeraPro-Italic.eot');
    src: local('Cera Pro Italic'), local('CeraPro-Italic'),
        url('fonts/CeraPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-Italic.woff') format('woff'),
        url('fonts/CeraPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'cera_proregular';
    src: url('CeraPro-Regular.eot');
    src: local('Cera Pro Regular'), local('CeraPro-Regular'),
        url('fonts/CeraPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-Regular.woff') format('woff'),
        url('fonts/CeraPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('CeraPro-BlackItalic.eot');
    src: local('Cera Pro Black Italic'), local('CeraPro-BlackItalic'),
        url('fonts/CeraPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-BlackItalic.woff') format('woff'),
        url('fonts/CeraPro-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('CeraPro-Light.eot');
    src: local('Cera Pro Light'), local('CeraPro-Light'),
        url('fonts/CeraPro-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-Light.woff') format('woff'),
        url('fonts/CeraPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('CeraPro-BoldItalic.eot');
    src: local('Cera Pro Bold Italic'), local('CeraPro-BoldItalic'),
        url('fonts/CeraPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-BoldItalic.woff') format('woff'),
        url('fonts/CeraPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'cera_problack';
    src: url('CeraPro-Black.eot');
    src: local('Cera Pro Black'), local('CeraPro-Black'),
        url('fonts/CeraPro-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-Black.woff') format('woff'),
        url('fonts/CeraPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('CeraPro-Medium.eot');
    src: local('Cera Pro Medium'), local('CeraPro-Medium'),
        url('fonts/CeraPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-Medium.woff') format('woff'),
        url('fonts/CeraPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'cera_probold';
    src: url('CeraPro-Bold.eot');
    src: local('Cera Pro Bold'), local('CeraPro-Bold'),
        url('fonts/CeraPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-Bold.woff') format('woff'),
        url('fonts/CeraPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('CeraPro-Thin.eot');
    src: local('Cera Pro Thin'), local('CeraPro-Thin'),
        url('fonts/CeraPro-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-Thin.woff') format('woff'),
        url('fonts/CeraPro-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('CeraPro-MediumItalic.eot');
    src: local('Cera Pro Medium Italic'), local('CeraPro-MediumItalic'),
        url('fonts/CeraPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-MediumItalic.woff') format('woff'),
        url('fonts/CeraPro-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('CeraPro-LightItalic.eot');
    src: local('Cera Pro Light Italic'), local('CeraPro-LightItalic'),
        url('fonts/CeraPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-LightItalic.woff') format('woff'),
        url('fonts/CeraPro-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('CeraPro-ThinItalic.eot');
    src: local('Cera Pro Thin Italic'), local('CeraPro-ThinItalic'),
        url('fonts/CeraPro-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro-ThinItalic.woff') format('woff'),
        url('fonts/CeraPro-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}



/* Algemeen */
html {
  height: 100%;
}
body {
  min-height: 100%;
  background:#fff;
}

body.post-type-archive-vacatures{
	background:#f1f2f2;
}

.fts-powered-by-text-popup a.fts-powered-by-text{
	opacity:0;
}

.clearfix{
	clear:both;
}

.row{
	max-width:90rem;
}

.row.small-row {
    max-width: 70rem;
}

.fullWidth{
	max-width:100vw;
}

.columns{
	z-index:1;
}

/* Fonts */
h1,h2,h3,h4,h5,h6{
	font-family: 'cera_problack', sans-serif;
	font-weight:700;
	color:#0e2546;
	text-transform:uppercase;
}

h1{
	font-size:2.4em;
}
h2{
	font-size:2.2em;
	color:#407d89;
}
h3{
	font-size:2.0em;
	color:#6ac9ca;
}
h4{
	font-size:1.8em;
}

h5{
	font-size:1.6em;
}



p,li,address, .product_meta{
	font-family: 'cera_proregular', sans-serif;
	font-weight:300;
	font-size: 12pt;
	line-height: 19pt;
	color:#1c1c1c;
}

a:visited,
a{
	color:#407d89;
	transition:all ease 0.2s;
	font-weight:700;
}
	a:hover,
	a:focus{
		color:#ced728;
	}
	
blockquote{
	display:block;
	background:#407d89;
	padding:20px;
	border:0;
}
	blockquote p{
		margin:0;
		font-family: 'cera_proregular', sans-serif;
		font-weight:700;
		font-size:1.2em;
		font-style:italic;
		color:#fff;
		line-height: 1.9;
	}
	
/* Recurring sections */		
.page-content{
	margin-top:40px;
	margin-bottom:40px;
}	

.content{
	margin:80px auto;
}

.page-section{
	padding:80px 0;
}

.no-banner{
	margin-top:150px;
}

.buffered-section{
	max-width:85%;
	margin:0 auto;
}

/* Button */
.button,
.button:focus,
.button:visited,
input[type="submit"]{
	font-family: 'cera_probold', sans-serif;
	font-size:1.15em;
	font-weight:700;
	color:#fff;
	background: #ced728;
	transition:all ease 0.2s;
	padding: 12px 55px;
    border-radius: 50px;
}


	.button:hover{
		background: #407d89;
	}

.button.secondair,
.button.secondair:focus,
.button.secondair:visited,
.button.secondary,
.button.secondary:focus,
.button.secondary:visited{
	background:#c7c7c7;
	font-size:1em;
}	

.button.secondair:hover,
.button.secondary:hover{
	background:#407d89;
}


ul.linkList{
	list-style:none;
	margin:0 0 5px 0;
}
	ul.linkList li{
		font-weight: 300;
		margin-bottom: 8px;
		padding-bottom: 8px;
		border-bottom: 1px solid rgba(0,0,0,.07);
		width: 80%;
	}
	
/* pagina opbouw */
.white-section h1,
.white-section h2,
.white-section h3,
.white-section h4,
.white-section h5,
.white-section h6,
.white-section p,
.white-section li,
.white-section a{
	color:#fff;
}

.white-section .button {
    background: transparent;
    border-color: #fff;
}

.white-section .button:hover {
    background: #fff;
}

.page-section.parallax-bg{
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-section.image-bg{
    background-position: center;
    background-size: cover;
}

/* ----------------------------------------------------------- */
/* ANIMATION
-------------------------------------------------------------- */
.bounce-up .row {
    opacity: 0;
    -moz-transition: all 700ms ease-out;
    -webkit-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
    -moz-transform: translate3d(0px, 200px, 0px);
    -webkit-transform: translate3d(0px, 200px, 0px);
    -o-transform: translate(0px, 200px);
    -ms-transform: translate(0px, 200px);
    transform: translate3d(0px, 200, 0px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.bounce-up.in-view .row {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.buffered-section{
	width:80%;
	margin:0 auto;
}

/* Header */
#header{
	width: 100vw;
	background: rgba(255,255,255,0.6);
	position: fixed;
	z-index: 999;
}

#header .logo{
	height: 50px;
    margin: 15px 0;
    display: block;
}

/* Landing header */
.page-template-page-landing #header{
	background:#f9f9f9 !important;
}

#landing-first {
    margin-top: 160px;
    background-image: url(img/lijnen-header.svg);
    background-position: bottom;
    background-size: cover;
    min-height: 70vh;
    background-repeat: no-repeat;
}

.landing-hero{
	width: 50%;
    margin: 10vh auto 20vh auto;
}

.single-article p {
    width: 80%;
    margin-top: -14px;
}

.article-overview{
	padding:30px;
	background:#4f7c87;
	border-radius:40px;
}

.article-overview h3{
	color:#fff;
	margin-bottom:20px;
}

.single-article {
    background: #f8f8f8;
    border-radius: 30px;
    overflow: hidden;
	position:relative;
	transition: all ease .2s;
}

.single-article h4 {
    font-size: 1.2em;
    margin-top: 20px;
    margin-bottom: 0;
}

.single-article .arrow-icon {
    position: absolute;
    top: 41%;
    font-size: 2.5em;
    right: 40px;
    transition: all ease .2s;
}

.single-article:hover{
	background:#d0d54f;
}

.single-article:hover .arrow-icon {
    position: absolute;
    font-size: 2.5em;
    right: 35px;
    transition: all ease .2s;
	color:#000;
}

/* Navigation */
nav{
	margin: 25px 0 0 0;
	position:relative;
	text-align:right;
}


nav ul{
	margin:0;
}

nav ul li{
	list-style: none;
	display: inline;
	margin-right: 24px;
	font-family: 'cera_proregular', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1em;
	letter-spacing: 1px;
	padding: 0 0 30px 0;
	position: relative;
	transition: all ease 0.2s;
	border-top:3px solid transparent;
}
		
/* Normal nav */
nav ul li a,
nav ul li a:visited,
nav ul li a:hover,
nav ul li a:focus{
	color:#0e2546;
}

nav ul li:after,
nav ul li.current_page_item:after{
	content:"";
	border-top:4px solid transparent;
	width:30px;
	height:4px;
	position:absolute;
	top:-3px;
	left:0;
	transition:all ease 0.2s;
}
	nav ul li:hover:after,
	nav ul li.current_page_item:hover:after,
	nav ul li.current_page_item:after{
		border-top:3px solid #ced728;
	}
	
	nav ul li.current_page_item{
		font-family: 'cera_problack', sans-serif;
	}
	
	nav ul.sub-menu li,
	nav ul.sub-menu li:hover,
	nav ul.sub-menu li.current_page_item{
		border-bottom:none;
	}
	
	nav ul li > ul.sub-menu{
		display:none;
		position: absolute;
		top: 42px;
		z-index: 99;
		white-space: nowrap;
		text-align: left;
		left: -25px;
	}	

		nav ul li:hover > ul.sub-menu{
			display:block;
		}

			.sub-menu li{
				display:block;
				background:rgba(250,250,250,0.9);
				padding:6px 12px;
			}
				.sub-menu li a,
				.sub-menu li a:visited{
					color:#333!important;
					text-shadow:none;
				}
					
				.sub-menu li:hover a{
					color:#e50020!important;
				}

				.sub-menu li{
					position:relative;
				}
					
					.sub-menu li ul.sub-menu{
						position: absolute;
						top: 0;
						left: 122px;
					}


				.sub-menu .sub-menu,
				.sub-menu .sub-menu .sub-menu{
					display:none;
					transition:all ease 0.2s;
				}

/* Top nav */
.topnav-wrap{
	background:#fff;
	border-bottom:2px solid #f9f9f9;
	padding:2px 0;
}

	nav.topnav{
		padding:0;
		margin:0;
	}
	
	nav.topnav ul li:after{
		border:none !important;
	}
	
	nav.topnav ul li{
		text-transform:uppercase;
		font-size:.85em;
		border:none;
	}

		nav.topnav ul li a,
		nav.topnav ul li a:visited,
		nav.topnav ul li a:focus{
			color:#6e6e6e;
			font-weight:300;
		}

		nav.topnav ul li a:hover,
		nav.topnav ul li a.current-item{
			color:#8e8e8e;
			border-top:none !important;
		}
		
		nav.topnav ul li:hover:after,
		nav.topnav ul li:hover,
		nav.topnav ul li a.current-item{
			color:#8e8e8e;
			border-top:none !important;
		}

/* Mobile nav */
.mobileBar{
	background:#fff;
	padding:15px 8px;
}

	.mobileBar a{
		font-size:18px;
	}
	
	.mobileBar .search-outer{
		right:25px;
		top:5px;
	}
	
	.fas.fa-bars{
		float: right;
		font-size: 32px;
	}
	
	.logo-mobile{
	    text-align: left;
	    height: 50px!important;
	}

.right-off-canvas-menu h4{
	color:#6ac9ca;
	padding:10px;
	font-size:1.4em;
}	

.right-off-canvas-menu ul{
	margin:0;
}

	.right-off-canvas-menu ul li{
		padding:10px;
		font-weight:300;
		text-transform:uppercase;
		border-bottom:1px solid rgba(255,255,255,0.6);
		list-style:none;
	}
		.right-off-canvas-menu ul li a{
			color:#fff;
		}

/* Banner */
.page-banner{
	position:relative;
	overflow:hidden;
	height:75vh;
	background-size:cover;
	background-position:center;
}

.home-banner{
	position:relative;
	overflow:hidden;
	height:90vh;
	background-size:cover;
	background-position:center;
}

.page-banner-inner{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color: #6ac9ca;
	background-blend-mode: multiply;
    -webkit-clip-path: polygon(0 0,100vw 0,100vw 30%,0 90%);
    clip-path: polygon(0 0,100vw 0,100vw 30%,0 90%);
	background-size:cover;
	background-position:center;
}

/*
.page-banner:after{
	content: "";
	width: 0;
	height: 0;
	border-top: 30vw solid rgba(64,125,137,0.6);
	border-right: 100vw solid transparent;
	position: absolute;
	top: 0;
	left: 0;
}
*/


/* Form */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea{
	background-color:#fefefe;
	box-shadow:none;
	border:none;
	color:#6ac9ca!important;
}

::-webkit-input-placeholder{ 
	color:#6ac9ca!important;
	opacity: 1; /* Firefox */
	font-family: 'cera_proregular', sans-serif;
}

input[type="text"],
input[type="email"],
input[type="tel"] {
    min-height: 50px;
}

textarea[rows] {
    height: 120px;
}

.forminator-row {
    margin-bottom: 0px!important;
}

span.forminator-error-message {
    color: red;
    font-family: 'cera_proitalic', sans-serif;
    opacity: .7;
    font-size: .9em;
}

span.forminator-description {
    font-family: 'cera_proitalic', sans-serif;
    font-size: .9em;
}

label.forminator-label {
    color: #407d89;
    font-family: 'cera_probold', sans-serif;
    font-size: 1.04em;
	margin-bottom: 3px;
}

/* Mailer lite */
.ml-button-horizontal.primary,
button.primary {
    min-height: 50px !important;
}

#mlb2-2309698.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
#mlb2-2223350.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
#mlb2-2223350.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody,
#mlb2-2309737.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, 
#mlb2-2309737.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
    padding: 0 !important;
}

/* File */


.forminator-file-upload {
    padding: 30px 20px 10px 20px;
    border: dotted #ddd;
    margin-bottom: 20px;
}

.forminator-file-upload span{
    font-family: 'cera_proitalic', sans-serif;
    font-size: .9em;
}

.forminator-file-upload .forminator-button-upload {
    border-radius: 50px;
    font-size: .9em;
    text-transform: lowercase;
    font-family: 'cera_proregular', sans-serif;
    padding: 7px 13px;
    margin-right: 15px;
    background: #407d89;
}

.forminator-file-upload .forminator-button-upload:hover{
	background:#ced728;
}

/* News */
.news-wrap{
	background:#f7f7f7;
}

.news-inner {
    padding: 40px;
}

	.news-inner h2{
		font-size:1.4em;
	}

	.news-inner .readmore{
		text-transform:lowercase;
	}

	.pagination .button{
		padding:0;
		background:none;
		border:0;
		color:#abb8c3;
	}

	.pagination .button:hover{
		color:#407d89;
	}

	.past-page{
		float:left;
	}

	.next-page{
		float:right;
	}

/* News Single */
.back-button{
	background:transparent;
	border:3px solid #7b7b7b;
	color:#7b7b7b;
}
	.back-button:hover{
		background:#7b7b7b;
		color:#fff;
		border:3px solid #7b7b7b;
	}

p.date {
    margin: 20px 0 -14px 0;
    font-size: .95em;
}

/* Home */
.home-intro h1{
	color:#6ac9ca;
	text-align:center;
	margin-bottom:40px;
	font-weight:2em;
}

.image-column-text{
	background:#407d89;
}

.image-column-text-inner{
	padding:100px;
}

.image-column-text-inner h2,
.image-column-text-inner p,
.image-column-text-inner li{
	color:#fff;
}

.image-column-inner{
	background-size:cover;
	background-position:center;
}

.home-jobs{
	background:#f1f2f2;
}

.home-jobs h2{
	font-size:3em;
	text-align:center;
}

.home-reviews{
	background-size:cover;
	background-position:center;
}

.single-review {
    width: 50vw;
    margin: 0 auto;
    text-align: center;
}

.single-review h4,
.single-review p{
	color:#fff;
}

.single-review h4{
	font-size:2.2em;
}

.single-review h4:after {
    content: "";
    border-bottom: 5px solid #fff;
    width: 28px;
    height: 5px;
    display: block;
    text-align: center;
    margin: 11px auto;
}

.review-author span{
	font-family:'cera_problack';
}

/* Pages */

/* Contact */
body.page-template-page-contact{
	background:#f1f2f2;
}

.contact-banner{
	height:75vh;
	background-color: #6ac9ca;
	background-blend-mode: multiply;
	background-size:cover;
	background-position:center;
    -webkit-clip-path: polygon(0 0,100vw 0,100vw 50%,0 100%);
    clip-path: polygon(0 0,100vw 0,100vw 50%,0 100%);
}

.contact-wrap{
	margin-top: -60vh;
}

.contact-title,
.contact-sub{
	text-align:center;
	color:#fff;
}

.contact-title{
	font-size:6em;
}

.contact-sub {
    font-size: 2.2em;
    margin-top: -24px;
    margin-bottom: 40px;
}

.maps-wrap{
	border:20px solid #fff;
	margin-bottom:40px;
	    margin-top: 100px;
}

.contact-filler{
	-webkit-clip-path: polygon(0 100%, 100% 50%, 100% 100%, 0% 100%);
	clip-path: polygon(0 100%, 100% 50%, 100% 100%, 0% 100%);
	height: 75vh;
	background: #fff;
	margin-top: -60vh;
	margin-bottom:-1px;
}

/* About */
.title-wrap h2{
	text-align:center;
	color:#ced728;
	margin-bottom:40px;
	font-size: 2em;
}

.about-wrap {
    z-index: 2;
    position: relative;
}

.about-usp{
	background:#f1f2f2;
	padding-bottom:80px;
	position:relative;
}


.about-usp-filler{
	content:"";
	-webkit-clip-path: polygon(0 100%, 100% 50%, 100% 100%, 0% 100%);
	clip-path: polygon(0 100%, 100% 50%, 100% 100%, 0% 100%);
	height: 75vh;
	background:#f1f2f2;
    width: 100vw;
	margin-top:-70vh;
	margin-bottom:-1px;
}

.about-usp-text{
	text-align:center;
}

.about-usp-text h2 {
    font-size: 3.4em;
	    line-height: 1em;
}
.about-usp-text h3 {
	font-size: 2.4em;
	margin: 40px 0;
	text-transform:none;
	margin-top:0;
}
/* Vacatures */
.vaca-button-wrap {
    text-align: center;
    padding-bottom: 40px;
}

/* Vacature blocks */
.ac-job-single-block-inner{
	background:#fff;
	padding:25px 45px;
	position:relative;
	transition:all ease .2s;
}

.ac-job-single-block-inner:hover{
	background:#ced728;
}

.ac-job-single-block-inner:hover h3,
.ac-job-single-block-inner:hover p,
.ac-job-single-block-inner:hover a,
.ac-job-single-block-inner:hover p.ac-job-description{
	color:#fff;
}

.ac-job-single-block-inner:hover a.ac-job-button:hover{
	color:#f1f2f2;
}

.ac-job-single-block-inner:hover:before{
	border-bottom: 40px solid #fff;
}

.ac-job-single-block-inner:before{
	content:"";
	width: 0;
	height: 0;
    border-bottom: 40px solid #e7e8e9;
    border-right: 70px solid #f1f2f2;
	position:absolute;
	top:0;
	right:0;
}

.ac-job-single-block h3{
	font-size:1.4em;
	color:#0e2546;
}

.ac-job-single-block p.ac-job-description{
	font-size:1.2em;
	color:#6ac9ca;
	margin-top:-10px;
}

.ac-job-single-block p{
	color:#0e2546;
}

a.ac-job-button{
	font-family: 'cera_problack', sans-serif;
	text-transform:uppercase;
	font-size:1.2em;
	color:#407d89;
}

a.ac-job-button:hover{
	color:#ced728;
}

a.ac-job-button:after{
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    font-size: 1.3em;
    margin-left: 7px;
	position: absolute;
}

/* Single Vaca */
.small-banner{
	height:80vh;
	background-color: #6ac9ca;
	background-blend-mode: multiply;
	background-size:cover;
	background-position:center;
    -webkit-clip-path: polygon(0 0,100vw 0,100vw 50%,0 100%);
    clip-path: polygon(0 0,100vw 0,100vw 50%,0 100%);
}

.jobs-banner{
	padding: 26vh 0;
	text-align: center;
	position: relative;
	z-index: 1;
}

.jobs-banner h1{
	color:#fff;
	font-size: 4em;
}

.jobs-location {
    font-size: 2em;
    color: #fff;
}

.jobs-location span{
	font-family: 'cera_probold', sans-serif;
}

.jobs-extras-inner{
	padding:20px 40px;
	background:#407d89;
}

.jobs-extras h3,
.jobs-extras h4,
.jobs-extras h5{
	font-size:1.6em;
}

.jobs-extras h3,
.jobs-extras h4,
.jobs-extras h5,
.jobs-extras p,
.jobs-extras a{
	color:#fff;
}

.jobs-extras h4,
.jobs-extras h5{
	font-family: 'cera_probold';
}

.jobs-extras h4{
	font-size:1.2em;
}

.jobs-extras h5{
	font-size:1.1em;
	margin-bottom: -2px;
}

.jobs-single-team img{
	border-radius:50%;
	width: 70%;
	margin: 10px 0;
}

.jobs-single-form-wrap{
	background:#f1f2f2;
}

.jobs-single-filler {
    -webkit-clip-path: polygon(0 100%, 100% 50%, 100% 100%, 0% 100%);
    clip-path: polygon(0 100%, 100% 50%, 100% 100%, 0% 100%);
    height: 75vh;
    background: #f1f2f2;
    margin-top: -80vh;
    margin-bottom: -1px;
}

.jobs-single-form-wrap h2{
    font-size: 3em;
    text-align: center;
}

/* Back buttons */
a.jobs-back-button{
	color: #aaa;
	    margin-bottom: 6px;
	    font-weight: 100;
	    text-transform: lowercase;
}

a.jobs-back-button-2.button {
    padding: 10px 10px;
    width: 100%;
    font-size: .9em;
}

.back-button-wrap{
	text-align:center;
	padding:80px 0;
	background:#407d89;
	background-image: linear-gradient(#407d89, #2f899b 100% );
}

.back-button-wrap h4{
	color:#fff;
}

a.jobs-back-button-3.button{
	margin:0;
}

a.jobs-back-button-3.button:hover{
	background:#6ac9ca;
}

/* Team */
.about-team-inner{
	margin:40px auto;
	width:75%;
}

.ac-single-team{
	text-align:center;
}

img.ac-team-photo {
    border-radius: 50%;
	display:block;
	margin:0 auto;
	padding: 20px;
}

/* Speerpunten */
.mm-usp-icon {
    background: #ced728;
    padding: 10px;
    font-size: 1.5em;
    border-radius: 50%;
	color:#fff;
	margin-top: 9px;
}

.mm-single-usp h4 {
    color: #407d89;
    font-size: 1.3em;
}

/* Footer */

.footer-button,
.footer-button:visited{
	color:#fff;
	position:absolute;
	bottom: 20px;
	right: 36px;
	font-size: 2em;
	transition:all ease 0.2s;
}

footer{
	background:#fff;
	padding:0;
}

.footer-inner,
section.footer-top{
	padding:100px 0 10px 0;
}

/* FTS */
.fts-twitter-reply-wrap-left,
.fts-twitter-no-margin-left{
	margin-top:-10px !important;
}

.footer-logo {
    width: 40%;
    margin-bottom: 30px;
}

	footer p,
	footer li{
		font-size:10pt;
		line-height:18pt;
	}

	footer a,
	footer a:focus,
	footer a:visited{
		
	}

	footer a:hover{
		
	}
	

	footer h3{
		font-size: 1.3em;
		color:#0e2546;
	}


#footernav{
	text-align:center;
	margin:0;
}

#footernav ul li{
	padding:0;
	font-weight:100;
	font-size:.8em;
}

	#footernav ul li{
		padding: 0;
	    font-weight: 100;
	    font-size: .9em;
	    text-transform: none;
		 text-shadow: none;
	}
	
	#footernav ul li:hover, 
	#footernav ul li.current_page_item:hover,
	#footernav ul li.current_page_item{
		border-top:none;
	}
	
/* Social footer */
ul.footer-social-list {
    list-style: none;
    margin: 10px 0;
}

.footer-social-list li{
	display: inline;
    margin-right: 10px;
    font-size: 7pt;
}

.footer-social-list li i{
    font-size: 1.6em;
    background: #6ac9ca;
    padding: 13px 14px;
    border-radius: 50%;
	transition:all ease .2s;
}
.footer-social-list li i:hover{
	background:#ced728;
}

.footer-social-list li:first-child i{
	padding:13px 17px;
}

.footer-social-list li a{
	color:#fff;
}

/* Bottom bars */
.infoBar{
	background:#f1f2f2;
	padding:30px 0 20px 0;
}

.infoBar p{
    font-size: .7em;
    line-height: 16pt;
	color:#808285;
}

p.footer-copyright {
    font-family: 'cera_probold', sans-serif;
    color: #b1b5bb;
    margin: 0;
	font-size: 13pt;
}

footer li {
    font-size: .9em;
}


.infoBar ul{
	margin:0;
	list-style:none;
}

.infoBar ul li a{
	color:#808285;
	font-size:0.9em;
}

.bottomBar{
	background:rgba(0,0,0,0.11);
	padding:8px 0;

}			

.bottomBar p{
	margin:0;
	font-size:.8em;
}

	.bottomBar .left p{
		text-align:left;
	}
	
	.bottomBar .right p{
		text-align:right;
	}
	
	
/* =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%; /* Image does not overflow the content area */
    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 p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
	

	/* Small screens */
@media only screen {
	.logo{
		display:block;
		margin-left:auto;
		margin-right:auto;
	}	

} /* Define mobile styles */

@media only screen and (max-width: 40em) {
	.row{
		padding:0 1rem;
	}
	
	.buffered-section{
		max-width:100%;
	}
	
	header .logo{
		display:block;
		margin: 21px auto 10px auto;
	}
	
	#header{
		min-height:auto;
	    position: relative;
	    top: 0px;
	}
	
	.content {
	    margin: 40px auto;
	}

	
	.banner-wrap,
	.banner{
		width:100vw;
		height:250px;
	}
	
	.banner-text{
		display:none;
	}
	
	
	.right-off-canvas-menu ul li{
		text-transform:none;
	}
	
	.home-text h1{
		font-size:1.4em;
	}
	
	.page-section {
	    padding: 30px 0;
	}
	
	.bottomBar .right p {
	    text-align: left;
	}
	
	/* New */
	.page-banner{
		height:35vh;
	}
	
	h1{
		font-size:1.6em;
	}
	h2{
		font-size:1.4em;
	}
	h3{
		font-size:1.2em;
	}
	h4{
		font-size:1.1em;
	}

	h5{
		font-size:1em;
	}
	
	.slider-text h1, .slider-text h2, .slider-text h3 {
	    font-size: 2em;
	}
	
	.slider-text {
	    padding: 15vh 6vw;
	}
	
	.image-column-text-inner {
	    padding: 10px;
	}
	
	
	.ac-job-single-block-inner{
		padding:35px 45px 25px 45px;
	}
	
	.single-review {
	    width: 90vw;
	}
	
	.slider-slanted-wrap .arrow-down-slider {
	    top: 75vh;
	}
	
	.about-usp-text h2 {
	    font-size: 1.6em;
	}
	
	.about-usp-text h3 {
	    font-size: 1.4em;
	}
	
	.title-wrap h2{
		font-size:1.4em;
	}
	
	.mm-single-usp h4 {
	    font-size: 1.2em;
	}
	
	.contact-title {
	    font-size: 2em;
	}
	
	.contact-sub {
	    font-size: 1.2em;
	    margin-top: -14px;
	}
	
	.jobs-banner {
		padding: 6vh 0;
	}
	
	.jobs-banner h1 {
	    font-size: 2em;
	}
	
	.jobs-location {
	    font-size: 1.4em;
	}
	
	.footer-inner, section.footer-top {
    	padding: 40px 1rem 0 1rem !important;
	}
	
	.medium-footer-center img{
		display:block;
		margin:0 auto 30px auto;
	}
	
	.medium-footer-center p{
		text-align:center;
	}

	/* Landing */
	#landing-first {
		margin-top: 0px;
	}

	.landing-hero {
		width: 100%;
		margin: 10vh auto 20vh auto;
	}

	.single-article .arrow-icon{
		display:none;
	}

	.single-article p {
		width: 100%;
	}
	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	
	header .logo{
		display:block;
		margin: 21px auto 10px auto;
		height: 60px;
	}
	
	#header .logo,
	#fixed-header .logo{
		height:auto;
	}
	
	header{
	    position: relative;
	    background: #fff;
	    top: 0;
		min-height: auto;
	}
	
	nav{
		margin:34px 0 0 0;
	}
	
	nav ul li{
		    margin: 0 7px;
			letter-spacing:0px;
	}
	
	.banner-wrap,
	.banner{
		width:100vw;
		height:350px;
	}
	
	.banner-container:after{
		display:none;
	}
	
	.home-banner:after, .page-banner:after {
	    bottom: -2px;
	}
	
	.banner-text h2 {
	    font-size: 2.2em;
	}
	
	
	
	.contact-wrap {
	    padding: 50px;
	}
	
	#footernav ul li {
	    font-size: .85em;
		display: inline-block;
	}
	
	section.leadform{
		display:none;
	}
	
	.footer-logo {
   		width: 130px;
		display:block;
		margin:0 auto 30px auto;
	}
	
	.medium-footer-center{
		text-align:center;
	}
	
	
	/* New */
	.image-column-text-inner {
	    padding: 30px;
	}
	
	
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#header .logo,
	#fixed-header .logo{
		height:auto;
	}
	
	nav ul li,
	#fixed-header nav ul li {
	    font-size: .8em;
	    margin-right: 0;
	}
	
	#fixed-header nav ul li:after,
	nav ul li:after {
	    margin-left: 4px;
	}
	
	.nav-button{
		padding:10px 60px;
	}
	
	
}


/* Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
	.row {
	    max-width: 82.5rem;
	}
	
	.row.fullWidth{
		max-width:100vw;
	}
	
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */