/*
Theme Name: debakenoffices Child
Description: Thema voor De Baken Offices
Author: DutchDuo
Author URI: https://www.dutchduo.nl/
Version: 1.0.0
Template: debakenoffices
*/
@import url("../debakenoffices/style.css");


/*  Wordpress 5.9 font fix */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	overflow-wrap:normal;
}

html {
  scroll-behavior: smooth;
}


.h1, h1 {font-size:58px; font-weight:100;}
.h2, h2 {font-size:38px; font-weight:400;}
.h3, h3 {font-size:32px; font-weight:400;}
.h4, h4 {font-size:28px; color:#9eb0a0;font-weight: 700;}
.h5, h5 {}
.h6, h6 {font-size:20px; color:#4b6079; line-height: 1.0em;}

.xxl-header {font-size: 90px;}

.white_text {color:#fff;}
.white {color:#fff;}
.displaynone {display: none;}
.spacer_32 {height: 32px;}

.header-padding {
	padding: 220px 0 180px 0	
}
.section-padding {
	padding: 80px 0;
}
.section-padding-top-only {
	padding: 80px 0 0 0;	
}
.section-padding-bottom-only {
	padding: 0 0 80px 0;	
}
.smartsection-padding-bg {
	padding: 160px 0	
}
.max-width-480 {
	max-width: 580px;
}
.flexslider {
	margin-bottom: 0px;
}

.icon_plus::before {
  content: "\4c";
  color: #9eb0a0;
  font-weight: bold;
}
.qode-accordion-holder .qode-title-holder {
	border-bottom: 1px solid #9eb0a0;
}
.header-position {
	padding-top: 560px;
}

.intro-header {
	font-size: 180px;
	font-weight: 100;
	color: #fff;
	line-height: 0.9;
}
.intro-subheader {
	font-size: 26px;
	line-height: 1.2em;
}

/*    BG Kenmerken-sectie   */
.vc_custom_1725544876574 {
	background-image: url(https://debaken-offices.nl/wp0824/wp-content/uploads/2024/08/kenmerken_BG.webp?id=22);
}

.header_bottom_right_widget_holder {
	padding: 40px 17px 0 17px;
}
.logo_wrapper {
	padding-top: 40px;
}

.hideondesktop {
	display: none;
}

/*    iPad PRO 12.9 in portrait   */


@media only screen 
and (min-width : 1024px) 
and (max-width : 1366px) 
and (orientation : portrait) { 


	.hideonphone { 
		display:block;
	}

	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}

}  

/*    iPad PRO 10.5 in landscape   */


@media only screen 
and (min-width : 834px) 
and (max-width : 1112px) 
and (orientation : landscape) { 
	
	.hideonphone { 
		display:block;
	}

	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}

}

/*    iPad PRO 10.5 in portrait   */


@media only screen 
and (min-width : 834px) 
and (max-width : 1112px) 
and (orientation : portrait) { 


	.hideonphone { 
		display:block;
	}

	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}
 
}

  
/*    iPad in landscape   */


@media only screen 
and (min-width : 768px) 
and (max-width : 1080px) 
and (orientation : landscape) { 

	.h1, h1 {font-size: 42px;}
	.h2, h2 {}
	.h3, h3 {font-size: 26px;}
	.h4, h4 {font-size: 25px; line-height: 1.1em;}
	.h5, h5 {}
	.h6, h6 {font-size: 17px;}

	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}
	
	.hideonphone { 
		display:none;
	}
	
	.vc_custom_1725461333366 .qbutton	{
		display:none;
	}
	.vc_custom_1725461333366 {
		margin-top: 20px;
	}	
	.intro-header-padding-phone {
		margin-top: -220px;
	}
	.intro-header-phone	{
		font-size: 120px;
		color: #fff;
		line-height: 0.9em;
 	}
	.intro-subheader-phone {
		font-size: 18px	
	}
	
	.vc_custom_1726047634454 .vc_single_image-wrapper {
		padding-top: 92px;
		max-width: 990px;	
  	}
	.xxl-header {
	  font-size: 70px;
	}
}



/*    iPad in portrait   */


@media only screen 
and (min-width : 768px) 
and (max-width : 1080px) 
and (orientation : portrait) { 

	.h1, h1 {font-size: 42px;}
	.h2, h2 {}
	.h3, h3 {font-size: 26px;}
	.h4, h4 {font-size: 25px; line-height: 1.1em;}
	.h5, h5 {}
	.h6, h6 {font-size: 17px;}

	.section-padding {
	    padding: 40px 0;
	}
	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}
	
	.hideonphone { 
		display:none;
	}
	.vc_custom_1725461333366 .qbutton	{
		display:none;
	}
	.vc_custom_1725461333366 {
		margin-top: 20px;
	}	
	.intro-header-padding-phone {
		margin-top: -140px;
	}
	.intro-header-phone	{
		font-size: 80px;
		color: #fff;
		line-height: 0.9em;
 	}
	.intro-subheader-phone {
		font-size: 18px	
	}
	

}






/*    iPhone 6 - 11 in landscape   */

@media only screen 
and (min-width : 360px) 
and (max-width : 812px) 
and (orientation : landscape) { 

	.h1, h1 {font-size: 36px;}
	.h2, h2 {}
	.h3, h3 {font-size: 22px;}
	.h4, h4 {font-size: 25px; line-height: 1.1em;}
	.h5, h5 {}
	.h6, h6 {font-size: 14px;}

	.xxl-header {
	  font-size: 42px;
	}

	.section-padding {
	    padding: 40px 0;
	}
	
	.nopadding {
		padding: 0;
	}
	
	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}
	
	.hideonphone { 
		display:none;
	}
	.vc_custom_1725461333366 .qbutton	{
		display:none;
	}
	.vc_custom_1725461333366 {
		margin-top: 20px;
	}	
	.intro-header-padding-phone {
		margin-top: -140px;
	}
	.intro-header-phone	{
		font-size: 80px;
		color: #fff;
		line-height: 0.9em;
 	}
	.intro-subheader-phone {
		font-size: 18px	
	}
	
}



/*    iPhone 6 - 11 in portrait   */

@media only screen 
and (min-width : 360px) 
and (max-width : 812px) 
and (orientation : portrait) { 

	.h1, h1 {font-size: 36px;}
	.h2, h2 {}
	.h3, h3 {font-size: 22px;}
	.h4, h4 {}
	.h5, h5 {}
	.h6, h6 {}

	h1.xxl-header {
	  font-size: 42px;
	}

	.spacer_32 {height: 25px!important;}

	.header-padding {
		padding: 80px 0;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,.25)	
	}
	.smartsection-padding-bg {
		padding: 80px 0;	
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,.25)	
	}
	.section-padding {
	    padding: 40px 0;
	}
	.section-padding-top-only {
		padding: 40px 0 0 0;	
	}
	.section-padding-bottom-only {
		padding: 0 0 40px 0;	
	}
	.intro-header-padding-phone {
		margin-top: -140px;
	}
	.intro-header-phone	{
		font-size: 80px;
		color: #fff;
		line-height: 0.9em;
 	}
	.intro-subheader-phone {
		font-size: 18px	
	}
	
	.logo_wrapper {
		padding-top: 10px;
	}
	.vc_custom_1725544876574 {
	  background-image: none;
	  padding-top: 40px;
	}
	.nopadding {
		padding: 0;
	}
				
	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}
	
	.hideonphone { 
		display:none;
	}
}