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


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

.h1, h1 {font-size:65px; font-weight:400; line-height: 1.1em; letter-spacing: 0.025em; color: #cdbaac;}
.h2, h2 {font-size:55px; font-weight:400; line-height: 1.1em; letter-spacing: 0.025em; color: #cdbaac;}
.h3, h3 {font-size:42px; font-weight:400; line-height: 1.4em; letter-spacing: 0.025em; color: #cdbaac;}
.h4, h4 {font-size:38px; font-weight:400; line-height: 1.1em; letter-spacing: 0.025em; color: #cdbaac;}
.h5, h5 {font-size:28px; font-weight:400; line-height: 1.1em; letter-spacing: 0.025em; color: #cdbaac;}
.h6, h6 {font-size:20px; font-weight:400; line-height: 1.4em; letter-spacing: 0.025em; color: #cdbaac;}

.white_text {color:#fff;}
.white {color:#fff;}
.displaynone {display: none;}
.spacer_32 {height: 32px;}
.mp-marker {z-index: 9999999!important;}
.border-radius-xl {border-radius: 40px;}
.border-radius-l {border-radius: 20px;}
.extra-line-height {line-height: 1.6em;}

header.paspartu_header_inside {display:none!important;}

.home-header-padding {
	padding: 60px 0 200px 0;	
}
.fos-menubar {	
	padding-bottom: 12%;	
}
.fos-menu-items {
	text-align: right;
	padding-top: 20px;
}
.fos-menu-items a {
	font-size:20px; 
	font-weight:600; 
	line-height: 1.1em; 
	letter-spacing: 0.025em; 
	color: #fff;
	padding-left:12px;
}
.fos-menu-items a:hover {
	color: #cdbaac;
}
a.active-menu-item {
	font-weight: bold !important;
	  text-decoration: underline;
}

.home-below-header {
	border-radius: 0 40px 0 0;
	margin-top: -140px;	
	background-color: #fff;
	padding-left: 4%;
	padding-right: 2%;
	padding-top:30px;
	padding-bottom: 60px;
}


.quote-xl {font-size:55px; letter-spacing: 0;}
.quote-xl::before {}
.quote-xl::after {}

.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	
}
.footer-padding {
	padding: 80px 0;	
}


.home-padding-large {
  padding-top: 12%;
  padding-bottom: 12%;
}	
.waar-toppadding {
  padding-top: 22%;	
}
.voor-wie-toppadding {
  padding-top: 4%;	
}
.kosten-padding {
	padding-top: 2%;	
	padding-bottom: 2%;	
}
.contact-padding {
	padding-top: 6%;	
	padding-bottom: 6%;	
}		


/*  Padding-inner-columns */
.padding-right-s {
	padding-right: 2%
}
.padding-right-m {
	padding-right: 5%
}
.padding-right-l {
	padding-right: 8%
}
.padding-right-xl {
	padding-right: 12%
}


.padding-left-s {
	padding-left: 2%
}
.padding-left-m {
	padding-left: 5%
}
.padding-left-l {
	padding-left: 8%
}
.padding-left-xl {
	padding-left: 12%
}


.padding-middle-s {
	padding-right: 1%;
	padding-left: 1%;
}


.padding-bottom-s {
	padding-bottom: 2%
}
.padding-bottom-m {
	padding-bottom: 5%
}
.padding-bottom-l {
	padding-bottom: 8%
}
.padding-bottom-xl {
	padding-bottom: 12%
}



.hideondesktop {
	display: none;
}

.hideonphone { 
	display:block;
}



/*    iPad PRO 12.9 in portrait   */


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


	.txt-schaduw {
	  text-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	}
	
	.hideondesktop {
		display: none;
	}
	
	.hideonphone { 
		display:block;
	}
}  

/*    iPad PRO 10.5 in landscape   */


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

	.txt-schaduw {
	  text-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	}
		
	.hideondesktop {
		display: none;
	}
	
	.hideonphone { 
		display:block;
	}
}

/*    iPad PRO 10.5 in portrait   */


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

	.home-padding-large {
	  padding-top: 12%;
	  padding-bottom: 12%;
	}	
	.voor-wie-toppadding {
	  padding-top: 4%;	
	}
	.waar-toppadding {
	  padding-top: 0;	
	}
	.kosten-padding {
		padding-top: 0;	
		padding-bottom: 5%;	
	}
	
	.txt-schaduw {
	  text-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	}
	
	.hideondesktop {
		display: none;
	}
	
	.hideonphone { 
		display:block;
	} 
}

  
/*    iPad in landscape   */


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

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

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

	.hideonphone { 
		display:block;
	}
	.voor-wie-toppadding {
	  padding-top: 0;	
	}
	.waar-toppadding {
	  padding-top: 0;	
	}	
	.kosten-padding {
		padding-top: 0;	
		padding-bottom: 5%;	
	}
	.contact-padding {
		padding-top: 0;	
		padding-bottom: 0;	
	}		
	
}



/*    iPad in portrait   */


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

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

	.txt-schaduw {
	  text-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	}
		
	.cta-3-bodytxt p {
		font-size:15px;
		line-height:1.7em;
	}
	
	.voor-wie-toppadding {
	  padding-top: 4%;	
	}
	
	.section-padding {
		padding: 40px 0;
	}
	.hideondesktop {
		display: none;
		margin-bottom: 40px;
	}
				
	.hideonphone { 
		display:block;
	}
}






/*    iPhone 6 - 11 in landscape   */

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

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

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

	.txt-schaduw {
	  text-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	}
		
	.nopadding {
		padding: 0;
	}
	
	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}

	.hideonphone { 
		display:none;
	}				
}



/*    iPhone 6 - 11 in portrait   */

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

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

	.spacer_32 {height: 25px!important;}

	.txt-schaduw {
	  text-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	}
	
	.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;	
	}
	
	.nopadding {
		padding: 0;
	}
	.home-below-header {
		max-width: 88%;
	}
	.vc_custom_1764343377323 {
	  	padding-top: 12% !important;
	  	padding-bottom: 2% !important;
	}
	
	header.paspartu_header_inside {
	  display: block !important;
	}

	.fos-menubar {
		display:none;
	}
	
	.quote-xl {
		font-size: 38px;
		letter-spacing: 0;
	}
	
	
	.home-padding-large {
	  padding-top: 12%;
	  padding-bottom: 12%;
	}	
	.kosten-padding {
	  padding-top: 5%;	
	  padding-bottom: 5%;	
	}
	.voor-wie-toppadding {
	  padding-top: 4%;	
	}	
	.waar-toppadding {
	  padding-top: 5%;	
	}
	.contact-padding {
		padding-top: 0;	
		padding-bottom: 0;	
	}	
	
/*  Padding-inner-columns */
	.padding-right-s {
		padding-right: 0px;
		margin-bottom: 20px
	}
	.padding-right-m {
		padding-right: 0px
	}
	.padding-right-l {
		padding-right: 0px
	}
	.padding-right-xl {
		padding-right: 0px
	}
	
	
	.padding-left-s {
		padding-left: 0px;
		margin-bottom: 20px
	}
	.padding-left-m {
		padding-left: 0px
	}
	.padding-left-l {
		padding-left: 0px
	}
	.padding-left-xl {
		padding-left: 0px
	}
	.padding-middle-s {
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 20px
	}

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