/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

@font-face {
    font-family: 'akhand';
    src: url('font/akhand/akhand-webfont.eot');
    src: url('font/akhand/akhand-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/akhand/akhand-webfont.woff2') format('woff2'),
         url('font/akhand/akhand-webfont.woff') format('woff'),
         url('font/akhand/akhand-webfont.ttf') format('truetype'),
         url('font/akhand/akhand-webfont.svg#akhand-regularuploaded_file') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'akhand-black';
    src: url('font/akhand_black/akhand_black-webfont.eot');
    src: url('font/akhand_black/akhand_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/akhand_black/akhand_black-webfont.woff2') format('woff2'),
         url('font/akhand_black/akhand_black-webfont.woff') format('woff'),
         url('font/akhand_black/akhand_black-webfont.ttf') format('truetype'),
         url('font/akhand_black/akhand_black-webfont.svg#akhand-blackuploaded_file') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'scribble';
    src: url('font/scribble/scribble_box-webfont.eot');
    src: url('font/scribble/scribble_box-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/scribble/scribble_box-webfont.woff2') format('woff2'),
         url('font/scribble/scribble_box-webfont.woff') format('woff'),
         url('font/scribble/scribble_box-webfont.ttf') format('truetype'),
         url('font/scribble/scribble_box-webfont.svg#scribble_boxregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.q_logo a {height: 187px!important;}
.q_logo {margin-top: 36px;}


#nav-menu-item-1014 span {border: solid; border-color: #447b3a; border-width: 1px; padding: 5px 10px 5px 10px;}
#nav-menu-item-1014 .plus {border: none;}



#hoog {min-height: 1080px;}
#hoog5 {min-height: 1080px;}
.hoog1 {min-height: 1080px;top: 50%;
  left: 50%;}



.four_columns > .column1, .four_columns > .column2, .four_columns > .column3, .four_columns > .column4 {text-align: center;}

.header_top, .header_top p {font-size: 16px!important!;}

.box_content h3 {font-family: 'scribble', sens-serif; font-size: 30px;}

.anderfont, .anderfont p, .anderfont h3 , .anderfont h2, .anderfont h1, .anderfont h4, .anderfont h5{font-family: 'scribble', sens-serif; font-size: 30px;}

.cover_boxes ul li .box .qbutton { color: #325443; border-color: #325443; line-height: 32px; height: 32px; padding-left: 20px; padding-right: 20px;}
.cover_boxes ul li .box .qbutton:hover { color: #fff;}
.testimonial_content {background-color: #ffffff;}
.testimonials_c_holder .flex-control-nav li a {background-color: #b5b0a2;}
.testimonials_c_holder .flex-control-nav {margin-top: 30px!important;}
.calltoaction h2 {font-family: 'scribble', sens-serif; font-size: 45px;}


.footer_top h4 {font-size: 29px;line-height: 31px;font-family: 'scribble', sens-serif;}


div.wpcf7-response-output {color: #000;}

.contact-elena {}
.contact-links {width: 70%; float: left; margin-right: 10px !important;}
.contact-rechts {width: 25%; float: left}

.taalknop {
	font-family: 'akhand', sens-serif;
	font-style: normal;
font-weight: 600;
  background-color: #000;
  border: none;
  color: #ffebe9;
height: 30px;
width: 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
	border-radius: 50%;
	line-height: 30px;
}

.taalknop:hover, .side_menu_button > a.search_button:hover {
  background-color: #ffebe9;
  border: none;
  color: #000;
}
.side_menu_button > a.search_button {
  background-color: #000;
  border: none;
  color: #ffebe9;
height: 30px;
width: 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
	border-radius: 50%;
	line-height: 30px;
	padding: 0;
}
.header_bottom_right_widget_holder {padding: 0 4px 0 17px;}

.four_columns > .column1, .four_columns > .column2, .four_columns > .column3 {text-align: left;}

#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {margin: 35px auto 0 auto;}

.blok300 {max-width: 300px; margin: 0 auto;}
.blok400 {max-width: 400px; margin: 0 auto;}
.blok500 {max-width: 500px; margin: 0 auto;}
.blok600 {max-width: 600px; margin: 0 auto;}
.blok700 {max-width: 700px; margin: 0 auto;}
.passiehoog {min-height: 622px}

.blokteam {max-width: 520px; padding-left: 40px;}

.mobile_menu_button span, .side_menu_button > a {color: #fff;}
.side_menu_button > a {margin-top: -10px}

.qode_right_side_fixed {top: 30%;right: -46px;}


.mobile_menu_button span {color: #000;}

.expertises h2 {font-size: 30px; letter-spacing: 3px;}

.projectnav a:hover {color: #fff;}
.projectnav a {color: #ffebea;}
.projectnav {display: inline-block;}
.projectnav > div {display: inline-block;}



.wpb_single_image.qode_image_hover_bottom_title .vc_single_image-wrapper .bottom_title_holder {
    height: 100%!important;
    background-color:rgba(0, 0, 0, 0); 
    opacity: 0;}

.wpb_single_image.qode_image_hover_bottom_title .vc_single_image-wrapper:hover .bottom_title_holder {
    height: 100%!important;
    background-color:rgba(0, 0, 0, 1);
    opacity: 1;
    transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
}


.wpb_single_image.qode_image_hover_bottom_title .vc_single_image-wrapper .bottom_title_holder .image_caption {
    transform: translateY(30px);
      transition: all .3s ease;
      -moz-transition: all .3s ease;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
}
.wpb_single_image.qode_image_hover_bottom_title .vc_single_image-wrapper:hover .bottom_title_holder .image_caption {
transform: translate(0,0);
}


.wpb_single_image.qode_image_hover_bottom_title .vc_single_image-wrapper .bottom_title_holder .image_caption > div   {
color: #ffc8c3;
    padding: 15px;

      -webkit-transition-property: width;
      -webkit-transition-duration: 0.0s;
      -webkit-transition-delay: 0.0s;
      transition-property: opacity;
      transition-duration: 0.0s;
      transition-delay: 0.0s;
      opacity: 0;


}
.wpb_single_image.qode_image_hover_bottom_title .vc_single_image-wrapper:hover .bottom_title_holder .image_caption > div   {
opacity: 1;
}

#mobile {display: none;}
#hoogtxt2 {display: none;}

.tussentxt, .tussentxt p {font-family: 'akhand', sens-serif; font-size: 46px; line-height: 49px; letter-spacing: 2px; color: #000000;}
.tussentxt2, .tussentxt2 p {font-family: 'akhand', sens-serif; font-size: 46px; line-height: 49px; letter-spacing: 2px; color: #000000;}
.textwidthhome, .textwidthhome p {max-width: 800px; margin: 0 auto;}
.textwidth, .textwidth p {max-width: 700px; margin: 0 auto;}
.textwidth2, .textwidth2 p, .textwidth2 div {max-width: 490px; margin: 0 auto;}
.textwidth3, .textwidth3 p, .textwidth3 h1, .textwidth3 h2, .textwidth3 h3 {max-width: 1000px; margin: 0 auto;}
.textwidth4, .textwidth4 p {max-width: 880px; margin: 0 auto;}


.footer_top h2, .footer_top h2 a {font-size: 28px}

h1, h2 {font-family: 'scribble', sens-serif;}


h3, h4, h5, h6 {font-family: 'akhand', sens-serif;}
.ander h1, .ander h2 {font-family: 'akhand', sens-serif;}
.bschuin h1 {font-family: 'akhand', sens-serif;}
.schuin h1 {font-family: 'akhand', sens-serif;}



nav.main_menu {font-family: 'akhand', sens-serif;}
body {font-family: 'akhand', sens-serif;}

.wit, .wit p, .wit h1, .wit h2, .wit h3, .wit h4 {color: #fff;}

.midden {vertical-align: middle;}

#hoogtxt { display: flex; align-items: center; align-content: center; min-height: 1080px;}
#hoogtxt H1, #hoogtxt H2 {}

#hoogtxt2 { display: flex; align-items: center; align-content: center; min-height: 1080px;}

#hoogtxt3 { display: flex; align-items: center; align-content: center; min-height: 1243px;}

#hoogtxt4 { display: flex; align-items: center; align-content: center; min-height: 900px;}

#hoogtxtteam { display: flex; align-items: center; align-content: center; min-height: 1159px;}


.header_bottom {padding: 0 25px!important;}





@media only screen and (max-width: 1150px) {
	nav.main_menu > ul > li > a {font-size: 18px!important; padding: 0 6px;}

} 


@media screen and (max-width: 1440px) {
  #hoog {
    min-height: 780px; background-size: cover;
  }
	  #hoog5 {
    min-height: 780px; background-size: cover;
  }
	#hoogtxt {
    min-height: 780px; background-size: cover;
  }
}

@media screen and (max-width: 1280px) {
  #hoog {
    min-height: 600px; background-size: cover;
  }
	#hoogtxt {
    min-height: 600px; background-size: cover;
  }
}

@media screen and (max-width: 1024px) {
  #hoog {
    min-height: 390px; background-size: cover;
  }
	  #hoog5 {
    min-height: 390px; background-size: cover;
  }
	#hoogtxt {
    min-height: 390px; background-size: cover;
  }
		#mobile {display: block;}
	#hoogtxt2 { background-size: 0px!important; min-height: 1px;}
	#hoogtxt3 { background-size: 0px!important; min-height: 1px;}
	#hoog5 { background-size: 0px!important; min-height: 1px;}
	#hoogtxt4 {background-size: 0px!important; min-height: 1px;}

	.qode_right_side_fixed {transform: none!important; right: 20px; top: unset; bottom: 15px;}
	#weg1 {display: none;}
}

@media screen and (max-width: 768px) {
     .footer_top {
    padding: 70px 10px 70px 10px; 
  }
	footer .container_inner {
    width: 100%!important;
		margin: 0px;
  }
	.footer_col2 {
		display: none!important;
  }
		.wp-block-media-text__content {
		padding: 20px 10px 30px 10px!important;
  }
	
		.duisterhoflogo img {
			max-width: 300px!important;
  }
	
	#hoog {
    min-height: 460px; background-size: cover;
  }
	#hoogtxt {
    min-height: 300px; background-size: cover;
  }
	#mobile {display: block;}
		#hoogtxt2 { background-size: 0px!important; min-height: 1px;}
	#hoogtxt3 { background-size: 0px!important; min-height: 1px;}
	#hoog5 { background-size: 0px!important; min-height: 1px;}
	#hoogtxtteam { background-size: 0px!important; min-height: 1px;}
	.tussentxt2, .tussentxt2 p {font-family: 'akhand', sens-serif; font-size: 36px; line-height: 39px; letter-spacing: 2px; color: #000000;}
	.team_naam p {color: #000; font-size: 36px; line-height: 35px; font-family: 'akhand', sens-serif; padding-left: 0px;}
	.team-quote p {color: #000;font-size: 54px; line-height: 39px; font-family: 'akhand', sens-serif;}
	.team-title p {max-width: 1000px; color: #000;font-size: 35px; line-height: 36px; font-family: 'akhand', sens-serif; padding-left: 0px;}
	.blokteam {max-width: 1000px; padding-left: 0px;}
	#hoogtxt4 {background-size: 0px!important; min-height: 1px;}
	.expertises h2 {font-size: 25px; letter-spacing: 3px;}
	.qode_right_side_fixed {transform: none!important; right: 20px; top: unset; bottom: 15px;}
	#weg1 {display: none;}
}

@media screen and (max-width: 600px) {
   .footer_top {
    padding: 70px 10px 70px 10px; 
  }
	footer .container_inner {
    width: 100%!important;
		margin: 0px;
  }
	.footer_col2 {
		display: none!important;
  }
		.wp-block-media-text__content {
		padding: 20px 10px 30px 10px!important;
  }
			.duisterhoflogo img {
			max-width: 300px!important;
  }
	
	
	#hoog {
    min-height: 460px; background-size: cover;
  }
	#hoogtxt {
    min-height: 220px; background-size: cover;
  }
	.tussentxt, .tussentxt p {font-size: 29px; line-height: 31px;}
	.tussentxt2, .tussentxt2 p {font-size: 29px; line-height: 31px;}
	#hoogtxt2 {display: none;}
	#weg {display: none;}
	#weg1 {display: none;}
		.vc_column_container > .vc_column-inner {padding-left: 3px!important;
padding-right: 3px!important;}
}

@media screen and (max-width: 480px) {
  .footer_top {
    padding: 70px 10px 70px 10px; 
  }
	footer .container_inner {
    width: 100%;
		margin: 0px;
  }
	.footer_col2 {
		display: none!important;
  }
		.wp-block-media-text__content {
		padding: 20px 10px 30px 10px!important;
  }
			.duisterhoflogo img {
			max-width: 300px!important;
  }
				.footer_top .column_inner > div:not(.qode_separator_widget) {
			margin: 0 0 0px !important;
  }
	
	
	
	
	#hoog {
    min-height: 260px; background-size: cover; 
  }
	#hoogtxt {
    min-height: 200px; background-size: cover;
  }
	#hoogtxt2 {display: none;}
		#weg {display: none;}
	#weg1 {display: none;}
	.vc_column_container > .vc_column-inner {padding-left: 3px!important;
padding-right: 3px!important;}
}