/*
Theme Name: Template EBN
Theme URI: http://www.im-pact.nl
Description: Wordpress Template van IM-PACT
Author: Jeroen Wind
Author URI: http://www.im-pact.nl
Version: 1
*/
@import url("common/css/slick.css");
@import url("common/css/style.css");
@import url("common/css/responsive.css");
@import url("common/css/jquery.mmenu.all.css");
@import url("common/css/font-awesome.css");

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

header > .wrapper{display: flex; justify-content: space-between;}
header > .wrapper .logo{position:static; flex: 0 0 290px; padding-top:15px; padding-bottom:15px;}
header > .wrapper .logo img{max-height: 98px;  width: auto;}
header > .wrapper .nav-bar{flex: 0 0 calc(100% - 290px); max-width:calc(100% - 290px); width:100%; }
.nav-bar li{padding: 0 0 0 40px;}
.copy-right p a {color: #000; }
.copy-right p a:hover{color:#135563}

/*25 Jaar*/
.banner-section {height: 735px; display: flex; align-items: center; justify-content: center; position: relative; background-size: cover;}
.banner-section:before{content: ''; width: 100%; height: 100%; background: #000; opacity: 0.10; position: absolute; top: 0; left: 0}
.banner-section .wrapper{width: 100%;}
.banner-section .banner-inner {text-align: right; display: flex; flex-wrap: wrap; justify-content: flex-end; position: relative; padding-left: 4%;}
.banner-section .banner-inner h1 {width: auto; display: inline-block; background: rgba(255, 255, 255, 0.92); color: #094E5C; font-size: 84px; font-weight: 800; padding: 22px 35px 19px;}
.banner-section .banner-inner h3 {width: auto; display: inline-block; background: rgb(9 78 92 / 88%); color: #FFFFFF; font-size: 39px; font-weight: 500; padding: 12px 26px 10px; position: relative;}
.banner-section .banner-inner h3:before{content: ''; background-image: url(images/star-img.png); width: 27px; height: 17px; position: absolute; bottom: 7px; left: 14px;}
.banner-section .banner-inner h3:after{content: ''; background-image: url(images/star-img-2.png); width: 13px; height: 23px; position: absolute; top: 10px; right: 12px;}
.banner-section .banner-inner .page-title {box-sizing: border-box; position: absolute; width: 134px; height: 134px; background: #B01F09; border: 4px solid #FFFFFF; z-index: 9; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-image: url(images/bg-shape.png); right: -24px; top: -110px; font-weight: 600; font-size: 56px; line-height: 37px; text-align: center; color: #FFFFFF; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.45); flex-direction: column;}
.banner-section .banner-inner .page-title span {font-size: 26px; line-height: 30px; text-transform: uppercase; display: inline-block; margin-top: 7px; }

.contact-section {padding: 90px 0; width: 100%; display: flex; background-size: cover; background-position: center;}
.contact-section .contact-inner {width: 745px; background: #FFFFFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.03); border-radius: 13px; padding: 33px; margin: 0 auto; max-width: 100%}
.contact-section .contact-inner .gform_title {font-weight: 700; font-size: 42px; line-height: 49px; color: #292A2D; text-align: left; margin-bottom: 25px; }
.contact-section .contact-inner .gfield input, .contact-section .contact-inner .gfield select {box-sizing: border-box; height: 53px; background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.2); padding: 0 19px; font-weight: 400; font-size: 18px; line-height: 21px; color: rgba(41, 42, 45, 0.6); }
.contact-section .contact-inner .gform_footer {padding-bottom: 0 !important; margin-bottom: 0 !important; }
.contact-section .contact-inner .gfield input, .contact-section .contact-inner .gfield select {box-sizing: border-box; height: 53px; background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.2) !important; padding: 0 19px !important; font-weight: 400; font-size: 18px !important; line-height: 21px; color: rgba(41, 42, 45, 0.6); }
.contact-section .contact-inner .gform_footer input {margin: 0; height: 62px; background: #B01F09; border-radius: 8px; font-weight: 700; font-size: 23px; line-height: 35px !important; text-align: center; color: #FFFFFF; width: 100%; }
.contact-section .contact-inner .gform_footer input:hover{background: #135563}

.radio-option{position: relative !important; margin:15px 0 !important;}
.radio-option legend.gfield_label {width: auto; display: inline-block !important; font-weight: 400 !important; font-size: 18px !important; line-height: 21px; color: rgba(41, 42, 45, 0.6); vertical-align: middle; margin: 0 !important;}
.radio-option .ginput_container.ginput_container_radio .gfield_radio {display: flex;column-gap: 15px;}
.radio-option .ginput_container.ginput_container_radio {position: absolute; left: 106px; top: -37px;}
.radio-option .ginput_container.ginput_container_radio .gfield_radio label {font-weight: 400; font-size: 18px; line-height: 21px; color: rgba(41, 42, 45, 0.6);}

.certification-section {padding: 71px 0 75px; width: 100%; display: flex; background: #084E5C; color: #fff;}
.certification-section .certification-inner {display: flex; column-gap: 56px;}
.certification-section .left-box {width: 43%; position: relative;}
.certification-section .right-box {width: 53%;}
.certification-section .left-box h2 {font-weight: 700; font-size: 36px; line-height: 42px; color: #FFFFFF; text-align: left; margin-bottom: 15px; max-width: 360px}
.certification-section .left-box .text {}
.certification-section .left-box .text p{font-style: normal; font-weight: 400; font-size: 18px; line-height: 29px; color: #FFFFFF; font-family: "Inter", sans-serif; margin-bottom: 30px;}
.certification-section .left-box .text p:last-child{margin-bottom: 0px;}
.certification-section .left-box h5 {width: 100%; font-weight: 700; font-size: 23px; line-height: 39px; color: #FFFFFF; font-family: "Inter", sans-serif; margin-top: 55px; }
.certification-section .left-box:after {content: ''; width: 227px; height: 258px; background-image: url(images/shape-icon.png); position: absolute; bottom: -165px; right: -40px;}
.certification-section .right-box .location-info {display: flex; column-gap: 22px;}
.certification-section .right-box .location-info .box-item {background: #FFFFFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.03); border-radius: 8px; width: 100%; padding: 16px 18px; }
.certification-section .right-box .location-info .box-item h3 {font-weight: 700; font-size: 23px; line-height: 35px; color: #292A2D; padding-left: 24px; background-image: url(images/location-icon.png); background-repeat: no-repeat; background-position: left;}
.certification-section .right-box .location-info .box-item p {line-height: 28px; margin-top: 5px;}
.certification-section .right-box .location-info .box-item:nth-child(2) h3{background-image: url(images/clock-icon.png); padding-left: 30px;}
.certification-section .right-box .location-info.parking-info .box-item h3 {background-image: url(images/parking-icon.png);}
.certification-section .right-box .map-box {padding: 27px 0; border-radius: 11px; overflow: hidden;}

header.stickyhead > .wrapper .logo img {max-height: 70px;}

/*Responsive*/
@media only screen and (max-width:1280px) {
	header > .wrapper .nav-bar #menu {width: auto; float: right;}
	.nav-bar li{font-size: 16px; padding: 0 0 0 25px;}
	.wrapper{width: 100%}
	.banner-section .banner-inner .page-title{right: 0;}
}

@media only screen and (max-width:1169px) {
	.banner-section .banner-inner h1{font-size: 60px;}
}

@media only screen and (max-width:1023px) {
	header > .wrapper .logo{flex: 0 0 120px;}
	header > .wrapper .nav-bar{flex: 0 0 calc(100% - 120px);   max-width: calc(100% - 120px); display: flex; justify-content: flex-end;}
	.nav-bar li{font-size: 14px;padding: 0 0 0 22px;}

	.banner-section{height: 500px;}
	.certification-section .certification-inner{flex-wrap: wrap;}
	.certification-section .left-box{width: 100%;}
	.certification-section .right-box {width: 100%; margin-top: 30px;}
	.certification-section .left-box:after{display: none}
}
@media only screen and (max-width:767px) {
	header > .wrapper .nav-bar{max-width: inherit;}	
}

@media only screen and (max-width:639px) {
	.nav-bar{top: 30px;}
	.mobilemenu span{background: #b12009;}
	.mobilemenu span:after, .mobilemenu span:before{background: #b12009;}
	.mm-menu{z-index: 99;}

	.banner-section .banner-inner h1 { font-size: 34px; padding: 15px 25px 14px;}
	.banner-section .banner-inner h3{font-size: 26px;}
	.banner-section .banner-inner .page-title{font-size: 40px; width: 114px; height: 114px; top: -100px;}
	.banner-section .banner-inner .page-title span {font-size: 22px; line-height: 16px;}
	.banner-section {height: 330px; padding-top: 80px;}

	.certification-section{padding: 50px 0;}
	.certification-section .left-box h2{font-size: 30px;}
	.certification-section .left-box .text p{font-size: 16px; line-height: 26px;}
	.certification-section .left-box h5{margin-top: 25px; font-size: 20px; line-height: 32px;}
	.certification-section .right-box .location-info {flex-direction: column; row-gap: 15px;}

	.contact-section{padding: 50px 0;}
	.contact-section .contact-inner{padding: 30px 20px;}
	.contact-section .contact-inner .gform_title{font-size: 32px; margin-bottom: 15px;}
}