/*
Theme Name: Oku Office Child
Description: A child theme of Oku Office Theme
Author: DutchDuo
Author URI: https://www.dutchduo.nl/
Version: 1.0.0
Template: okuoffice
*/
@import url("../okuoffice/style.css");


 /* FONTFACE Noir Pro */

@font-face {
  font-family: 'NoirPro-Bold';
  src: url('NoirPro/NoirPro-Bold.woff2') format('woff2'),
       url('NoirPro/NoirPro-Bold.woff') format('woff'),
       url('NoirPro/NoirPro-Bold.ttf') format('truetype');
}


.NoirPro {
	font-family: 'NoirPro-Bold', 'Manrope', sans-serif;
}

.stream_NoirPro {
    font-family: 'NoirPro-Medium', 'Manrope', sans-serif;
    font-size: 17px;
	line-height: 20px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
	letter-spacing: 2px;
}
.bg_stream_NoirPro {
	background-color: #d06e3e;
	padding: 1px 7px;
	display: inline-block;
}

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


.h1, h1 {font-size: 75px; line-height: 1.0em;}
.h2, h2 {font-size: 65px; line-height: 1.0em;}
.h3, h3 {font-size: 55px; line-height: 1.0em;}
.h4, h4 {font-size: 32px; line-height: 1.0em;}
.h5, h5 {font-size: 24px; font-weight: 400;}
.h6, h6 {font-size: 18px; font-weight: 400;}

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

.section-padding {
	padding: 120px 0;
}

.header-home {
	padding: 160px 0;
}

.header-home-toppadding {
	padding: 260px 0 160px 0;
}


/*    CTA pre-footer   */
.cta-bg-padding {
	padding: 65px 0px 0px 0px;	
}
.cta-arrow {
	background-image: url(https://www.okuoffice.nl/wp0222/wp-content/uploads/2022/03/OKU_CTA_ARROW.svg);
	width: 46px;
	height: 46px;
	display: inline-block;
}
.cta-arrow:hover {
	background-image: url(https://www.okuoffice.nl/wp0222/wp-content/uploads/2022/03/OKU_CTA_ARROWS_Over.svg);
	width: 46px;
	height: 46px;
	display: inline-block;
}
.cta-header {
	color: #d06e3e;
	font-size: 34px;
	font-weight: 600;
}
.cta-header:hover {
	color: #000;
}
.cta-col1, .cta-col2 {
	padding-right: 80px;
}

.rs-addon-beforeafter-btn-horizontal {
	padding: 18px 15px 10px 15px!important;
}

/*  Cookies */
.bdgcookiebutton {
    background: #d06e3e;
    color: #fff;
    padding: 5px;
}


/*    Lijn onder active menu-item   */
nav.main_menu > ul > li::after {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: transparent;
  width: 100%;
  height: 5px;
  display: block;
  content: "";
  -webkit-transition: background-color .15s ease-out;
  -moz-transition: background-color .15s ease-out;
  -o-transition: background-color .15s ease-out;
  transition: background-color .15s ease-out;
}
nav.main_menu > ul > li.active::after, nav.main_menu > ul > li:hover::after {
  background-color: #fff;
}
nav.main_menu > ul > li.active > a {
	font-weight: 700;
}
.contact-partner-logo {
	
}
.contact-brokers-height {
    min-height: 650px;
}

.footer_top h5 {
  color: #fff;
  margin: 0 0 22px;
  font-size: 25px;
  font-weight: 700;
  margin: -4px 0px 60px 0px;
}
.footer_top {
    padding: 65px 0 40px;
}
.footer-logo-boelens{
	margin-bottom: 56px;
}

/*    Rooftop garden 2 col    */
.rooftopgarden-col-height{
	min-height: 600px;
}


/*   Accordion   */
.qode-accordion-holder .qode-title-holder {
	background-color: transparent;
	border-bottom: 1px solid #999;
}
.qode-accordion-holder .qode-title-holder.ui-state-active, .qode-accordion-holder .qode-title-holder.ui-state-hover {
	background-color: transparent;
	color:#d06e3e;	
}
.qode-accordion-holder {
	margin-bottom: 20px;
}
.qode-accordion-holder .qode-title-holder .qode-tab-title {
	margin-bottom: 1px;	
}
.qode-accordion-holder .qode-title-holder:last-of-type {
	border-bottom-color: #999;
}
.ui-state-active {
    border-bottom-color: transparent !important;
}
.qode-accordion-holder .qode-title-holder .qode-tab-title span.qode-tab-title-inner:only-child {
  padding-left: 0px;
}
.qode-accordion-holder .qode-title-holder .qode-accordion-mark-icon {
    font-size: 35px;
}
.icon_minus-06 {
	font-weight: 700;
}
.icon_plus {
	font-weight: 700;
}
.concept-accordion-3 {
	border-bottom-color: #999;
}



/*   Bullet points   */
.q_list.circle ul > li, .q_list.number ul > li {
    position: relative;
    margin: 0 0 15px;
    padding: 0 0 0 22px;
    color: #d06e3e;
	font-size: 24px;
	line-height: 28px;
}
.q_list.circle ul > li::before {
    position: absolute;
    left: 0;
    width: 8px;
    height: 8px;
    top: 9px;
    background-color: #d06e3e;
    display: block;
    content: '';
    border-radius: 25px;
}
.padding-bulletpoints{
	padding-right: 30%;
}
.padding-showroom-bulletpoints{
	padding-right: 30%;
}


/*   Location - map   */
.location-map-small{
    margin-top: -275px;
}

.slider-show-iphone-landscape {
  display: none;
}

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


/*    iPad PRO 12.9 in landscape   */
@media only screen 
and (min-width : 1024px) 
and (max-width : 1366px) 
and (orientation : landscape) { 


	.hideonphone { 
		display:block;
	}

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

	/*    Contact photo boelens   */
	.contact-photo-boelens {
		background-position: 100% 100% !important;
	}
	.contact-background-boelens {
		background-position: 100% 100% !important;
	}

	/*    Slider home   */
	.slider-not-show-iphone-landscape{display:block;}
	.slider-show-iphone-landscape{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: none;
		margin-bottom: 40px;
	}

	/*    Slider home   */
	.slider-not-show-iphone-landscape{display:block;}
	.slider-show-iphone-landscape{display:none;}

	.cta-header {
		padding-right: 30% !important;
	}
}  


/*    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: none;
		margin-bottom: 40px;
	}

	/*    Contact photo boelens   */
	.contact-photo-boelens {
		background-position: 100% 100% !important;
	}
	.contact-background-boelens {
		background-position: 100% 100% !important;
	}

	/*    Slider home   */
	.slider-not-show-iphone-landscape{display:block;}
	.slider-show-iphone-landscape{display:none;}
}


/*    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: none;
		margin-bottom: 40px;
	}

	/*    Slider home   */
	.slider-not-show-iphone-landscape{display:block;}
	.slider-show-iphone-landscape{display:none;}

	.cta-header {
		padding-right: 22%;
	}
}

/*    iPad in portrait   */
@media only screen 
and (min-width : 810px) 
and (max-width : 1080px) 
and (orientation : portrait) { 

	.cta-header {
		padding-right: 22% !important;
	}
}

  
/*    iPad mini in landscape   */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) { 

	.h1, h1 {font-size: 70px;}
	.h2, h2 {font-size: 58px;}
	.h3, h3 {}
	.h4, h4 {font-size: 30px;}
	.h5, h5 {}
	.h6, h6 {}

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

	.hideonphone { 
		display:block;
	}

	.header-home-toppadding {
		padding: 230px 0 80px 0;
	}
	.header-home {
		padding: 120px 0;
	}

	nav.main_menu > ul > li > a {
		padding: 0 18px;
		font-size: 15px;
	}

	.qbutton, .qbutton.medium {
		font-size: 16px;
	}
	.cta-header {
		font-size: 30px;
		padding-right: 32%;
	}

	.padding-bulletpoints {
		padding-right: 20%;
	}
	.padding-showroom-bulletpoints{
		padding-right: 20%;
	}

	/*    Contact photo boelens   */
	.contact-background-boelens {
		background-position: 100% 100% !important;
	}

	/*    Slider home   */
	.slider-not-show-iphone-landscape{display:block;}
	.slider-show-iphone-landscape{display:none;}
}


/*    iPad mini in portrait   */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) { 

	.h1, h1 {font-size: 70px; line-height: 1.0em;}
	.h2, h2 {font-size: 60px; line-height: 1.0em;}
	.h3, h3 {font-size: 50px; line-height: 1.0em;}
	.h4, h4 {font-size: 26px;}
	.h5, h5 {font-size: 20px;}
	.h6, h6 {}

	.footer_top p {
		font-size: 14px;
	}

	.section-padding {
	    padding: 40px 0;
	}
	.header-home-toppadding {
		padding: 140px 0 100px 0;
	}
	.header-home {
		padding: 100px 0px 70px 0px;
	}
	.hideondesktop {
		display: none;
		margin-bottom: 40px;
	}		
	.hideonphone { 
		display:block;
	}

	.location-map-small {
		margin-top: -120px;
	}

	.cta-col1, .cta-col2 {
		padding-right: 42px;
	}
	.cta-header {
		padding-right: 8% !important;
	}

	.showroom-photo-ipad {
		display:none !important;
	}
	.padding-showroom-bulletpoints{
		padding-right: 12%;
	}

	/*    Slider home   */
	.slider-not-show-iphone-landscape{display:block;}
	.slider-show-iphone-landscape{display:none;}

	/*    Home header background   */
	.vc_custom_1653372860702 {
		background-position: 20% 50% !important;
	}

	/*    Home photo history background   */
	.vc_custom_1653484731501 {
		background-position: 0% 100% !important;
		background-size: auto !important;
	}

	/*    Home photo concept background   */
	.vc_custom_1645002508534 {
		background-position: 95% 100% !important;
	}

	/*    Home photo rooftop garden background   */
	.vc_custom_1645002334431 {
		background-position: 5% 100% !important;
	}

	/*    The building header background   */
	.vc_custom_1653372979237 {
		background-position: 0% 100% !important;
	}

	/*    The building photo office design background   */	
	.vc_custom_1645456127367 {
		background-position: 90% 100% !important;
	}

	/*    The building photo design features background   */	
	.vc_custom_1645545562057 {
		background-position: 0% 100% !important;
	}

	/*    Rooftop garden header background   */
	.vc_custom_1645690735934 {
		background-position: 30% 100% !important;
	}

	/*    Showroom header background   */
	.vc_custom_1645633679128 {
		background-position: 80% 100% !important;
	}

	/*    Showroom photo neighbourhood background   */
	.vc_custom_1645689942799 {
		background-position: 90% 100% !important;
	}

	/*    Location header background    */
	.vc_custom_1646125162328 {
		background-position: 0% 100% !important;
	}

	/*    Location photo location background   */
	.vc_custom_1645697048262 {
		background-position: 0% 100% !important;
	}


	/*    Contact header background    */
	.vc_custom_1645456737043 {
		background-position: 35% 100% !important;
	}

	/*    Contact photo boelens   */
	.contact-photo-boelens {
		background-position: 95% 100% !important;
	}
	.contact-brokers-height {
		min-height: 420px;
	}
	.contact-brokers-photo {
		display: none;
	}
}



/*    iPhone X in landscape   */
@media only screen 
and (min-width : 375px) 
and (max-width : 812px) 
and (orientation : landscape) { 

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

	.stream_NoirPro {font-size: 16px;}
	.spacer_32 {height: 25px!important;}
	.spacer_65 {height: 40px!important;}

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


	.header-home-toppadding {
		padding: 60px 0 60px 0;
	}
	.header-home {
		padding: 80px 0;
	}
	.section-padding {
		padding: 60px 0;
	}
	/*    Slider home   */
	.slider-not-show-iphone-landscape{display:none;}
	.slider-show-iphone-landscape{display:block;}
	.vc_custom_1655363814395 {
		background-position: 0% 100% !important;
	}

	/*    Home photo history background   */
	.vc_custom_1653484731501 {
		background-position: 0% 100% !important;
		background-size: auto !important;
	}

	.contact-brokers-height {
		min-height: 340px;
	}
	.location-map-small {
		margin-top: -95px;
	}
	.footer_top p {
		font-size: 15px;
	}

}

/*    iPhone X in portrait   */
@media only screen 
and (min-width : 375px) 
and (max-width : 812px) 
and (orientation : portrait) { 

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


	/*    Slider home   */
	.slider-not-show-iphone-landscape{display:block;}
	.slider-show-iphone-landscape{display:none;}

	.cta-header {
		padding-right: 22%;
	}
}


/*    iPhone 6/7/8 Plus in landscape   */
@media only screen 
and (min-width : 414px) 
and (max-width : 736px) 
and (orientation : landscape) { 

	.location-map-small {
		margin-top: -35px;
	}
}


/*    iPhone 6/7/8 Plus in portrait   */
@media only screen 
and (min-width : 414px) 
and (max-width : 736px) 
and (orientation : portrait) { 

	.cta-header {
		padding-right: 22%;
	}
}





/*    iPhone 6, 7, & 8 in landscape   */
@media only screen 
and (min-width : 375px) 
and (max-width : 667px) 
and (orientation : landscape) { 

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

	.section-padding {
	    padding: 40px 0;
	}

	.stream_NoirPro {font-size: 16px;}
	.spacer_32 {height: 25px!important;}
	.spacer_65 {height: 40px!important;}
	
	.nopadding {
		padding: 0;
	}
	
	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}		
	.hideonphone { 
		display:none;
	}
	
	.header-home-toppadding {
		padding: 60px 0 60px 0;
	}
	.header-home {
		padding: 70px 0;
	}
	.footer_top p {
		font-size: 15px;
	}
	.footer_top h5 {
		font-size: 18px;
	}

	.cta-header {
		font-size: 25px;
	}

	.contact-brokers-photo {
		height: 0px;
		display: none;
	}
	.contact-partner-logo {
		height: 50px;
	}
	.location-map-small {
		margin-top: -60px;
	}

	/*    Slider home   */
	.slider-not-show-iphone-landscape{display:none;}
	.slider-show-iphone-landscape{display:block;}
	.vc_custom_1655363814395 {
		background-position: 0% 100% !important;
	}

	/*    Home header background   */
	.vc_custom_1653372860702 {
	background-position: 0% 100% !important;
	}

	/*    Home photo history background   */
	.vc_custom_1653484731501 {
		background-position: 0% 100% !important;
		background-size: auto !important;
	}

	/*    Home photo rooftop garden background   */
	.vc_custom_1645002334431 {
		background-position: 0% 100% !important;
	}

	/*    The building header background   */
	.vc_custom_1653372979237 {
		background-position: 0% 100% !important;
	}

	/*    The building photo office design background   */	
	.vc_custom_1645456127367 {
		background-position: 100% 100% !important;
	}

	/*    Rooftop garden header background   */
	.vc_custom_1646127675457 {
		background-position: 15% 100% !important;
	}

	/*    Showroom photo neighbourhood background   */
	.vc_custom_1654244060789 {
		background-position: 80% 100% !important;
	}

	/*    Location header background    */
	.vc_custom_1646125162328 {
		background-position: 15% 100% !important;
	}

	/*    Location photo facts background   */
	.vc_custom_1647944142589 {
		background-position: 25% 100% !important;
	}
}


/*    iPhone 6, 7, & 8 in portrait   */
@media only screen 
and (min-width : 375px) 
and (max-width : 667px) 
and (orientation : portrait) { 

	.h1, h1 {font-size: 55px !important;}
	.h2, h2 {font-size: 45px !important;}
	.h3, h3 {}
	.h4, h4 {font-size: 28px;}
	.h5, h5 {}
	.h6, h6 {}

	.stream_NoirPro {font-size: 16px;}
	.spacer_32 {height: 25px!important;}
	.spacer_65 {height: 40px!important;}

	.section-padding {
	    padding: 40px 0;
	}

	.nopadding {
		padding: 0;
	}
				
	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}
	
	.hideonphone { 
		display:none;
	}

	.footer_top h5 {
		margin: 0px 0px 10px 0px;
		font-size: 20px;
	}
	.footer-logo-boelens {
		margin-bottom: 5px;
	}
	.footer_top .four_columns .column1 {
		margin: 0 0 10px;
	}

	.padding-bulletpoints {
		padding-right: 0%;
	}
	.padding-showroom-bulletpoints{
		padding-right: 0%;
	}
	
	.header-home-toppadding {
		padding: 90px 0 50px 0px;
	}
	.header-home {
		padding: 80px 0;
	}

	.cta-col1, .cta-col2 {
		padding-right: 0px;
	}
	.cta-header {
		font-size: 30px;
	}

	.location-map-small {
		margin-top: -25px;
	}

	.contact-brokers-height {
		min-height: 540px;
	}
	.contact-brokers-photo {
		height: 0px;
		display: none;
	}

	/*    Slider home   */
	.slider-not-show-iphone-landscape{display:block;}
	.slider-show-iphone-landscape{display:none;}

	/*    Home header background   */
	.vc_custom_1653372860702 {
	background-position: 25% 100% !important;
	}

	/*    Home photo history background   */
	.vc_custom_1653484731501 {
		background-position: 0% 100% !important;
	}

	/*    Home photo rooftop garden background   */
	.vc_custom_1645002334431 {
		background-position: 15% 100% !important;
	}

	/*    The building header background   */
	.vc_custom_1653372979237 {
		background-position: 15% 100% !important;
	}

	/*    The building photo office design background   */	
	.vc_custom_1645456127367 {
		background-position: 95% 100% !important;
	}

	/*    Rooftop garden header background   */
	.vc_custom_1646127675457 {
		background-position: 15% 100% !important;
	}

	/*    Showroom photo neighbourhood background   */
	.vc_custom_1654244060789 {
		background-position: 80% 100% !important;
	}

	/*    Location header background    */
	.vc_custom_1646125162328 {
		background-position: 15% 100% !important;
	}

	/*    Location photo facts background   */
	.vc_custom_1647944142589 {
		background-position: 25% 100% !important;
	}

}