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


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


.h1, h1 {font-size: 80px; line-height: 1.0em; letter-spacing: normal;}
.h2, h2 {font-size: 46px; line-height: 1.0em; letter-spacing: normal;}
.h3, h3 {font-size: 28px; line-height: 1.0em; letter-spacing: normal;}
.h4, h4 {}
.h5, h5 {}
.h6, h6 {}

.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	
}

.extras-wrapper {
    border-radius:20px;
    border: 1px solid #ded58b;
    padding:6%;
}
.klantcases-wraper-small {
  border-radius: 20px;
  border: 1px solid #ded58b;
  background-color: #ded58b;
  padding: 5%;
  margin-bottom: 32px;
  margin-left: 0px;
  margin-right: 4%;
  max-width: 46%;
  min-height: 314px;
}


.klantcases-wraper {
  border-radius: 20px;
  border: 1px solid #ded58b;
  background-color: #ded58b;
  padding: 5%;
  margin-bottom: 41px;
  margin-left: 0px;
  margin-right: 6%;
  max-width: 94%;
  min-height: 154px;
}
.klantcases-wraper-right-col {
	border-radius: 20px;
	border: 1px solid #ded58b;
	background-color: #ded58b;
	padding: 5%;
	margin-bottom: 41px;
	margin-left: 0px;
}

.workfloween, .workflowdrie, .workflowvijf, .workflowzeven {
	margin-top:32px;
}

.workflowtwee, .workflowzes, .workflowextra {
	margin-top:160px;
}
 .workflowvier {
	margin-top:120px;
}


.posttitle-height-fix {
	min-height: 100px;
	padding-right: 20px !important;
}	

.extras-wrapper{min-height: 600px;}

.onyellowbg a:hover {
	color:#38b3ab;
}
.onyellowbg:hover {
	color:#38b3ab;
}

.footerlinks {
	line-height: 36px; 
}


.footerlinks a {
	line-height: 36px; 
}


.portfolio-titel {
  min-height: 60px;
} 

.portfolio-samenvatting-lang {
    min-height:240px 
    
}

.portfolio-samenvatting {
        min-height:266px;
}
    
.portfolio-lees-klantcase {
  min-height: 60px;
}


/* Mobile menu */

.mobile_menu_button span, .side_menu_button > a {
	color:#603913;
}
nav.mobile_menu ul li a {
	text-decoration: none;
}


/* BLOG PAGINA */


.latest_post_inner .post_infos {
  display: none;
  font-weight: 500;
}

.blog_holder article .post_info, .comment_holder, div.comment_form {
  display: none;
}  
  
h2.entry_title {display:none!important;}

.single_tags h5 {
	margin-bottom: 32px;
}


/*    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 : 1024px) 
and (orientation : landscape) { 

	.h1, h1 {font-size: 60px;}
	.h2, h2 {font-size: 38px;}
	.h3, h3 {font-size: 24px;}
	.h4, h4 { }
	.h5, h5 {}
	.h6, h6 {}
	.p, p   {font-size: 17px;}

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

	.hideonphone { 
		display:block;
	}
	
}



/*    iPad in portrait   */


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

	.h1, h1 {}
	.h2, h2 {}
	.h3, h3 {}
	.h4, h4 {}
	.h5, h5 {}
	.h6, h6 {} 

	.section-padding {
	    padding: 40px 0;
	}
	.hideondesktop {
		display: block;
		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 {font-size: 38px;}
	.h2, h2 {font-size: 30px;}
	.h3, h3 {font-size: 23px;}
	.h4, h4 {}
	.h5, h5 {}
	.h6, h6 {}
     .p, p  {font-size: 15px;}

	.spacer_32 {height: 25px!important;}

	.header-padding {
		padding: 80px 0;
	}
	.smartsection-padding-bg {
		padding: 80px 0;	
	}
	.section-padding {
	    padding: 40px 0;
	}
	.section-padding-top-only {
		padding: 40px 0 0 0;	
	}
	.section-padding-bottom-only {
		padding: 0 0 40px 0;	
	}
	
	.workfloween, .workflowdrie, .workflowvijf, .workflowzeven {
		margin-top:32px;
	}
	
	.workflowtwee, .workflowzes, .workflowextra {
		margin-top:32px;
	}
	 .workflowvier {
		margin-top:32px;
	}
	.portfolio-samenvatting {
		min-height: 20px;
	}
	.posttitle-height-fix {
		min-height: 20px;
	}

	.klantcases-wraper {
		max-width: 100%;
		min-height: 20px;
	}

	.klantcases-wraper-small {
		max-width: 100%;
		min-height: 20px;
	}
	
	.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 {font-size: 38px;}
	.h2, h2 {font-size: 30px;}
	.h3, h3 {font-size: 23px;}
	.h4, h4 {}
	.h5, h5 {}
	.h6, h6 {}
     .p, p  {font-size: 15px;}

	.spacer_32 {height: 25px!important;}

	.header-padding {
		padding: 80px 0;
	}
	.smartsection-padding-bg {
		padding: 80px 0;	
	}
	.section-padding {
	    padding: 40px 0;
	}
	.section-padding-top-only {
		padding: 40px 0 0 0;	
	}
	.section-padding-bottom-only {
		padding: 0 0 40px 0;	
	}
	
	.workfloween, .workflowdrie, .workflowvijf, .workflowzeven {
		margin-top:32px;
	}
	
	.workflowtwee, .workflowzes, .workflowextra {
		margin-top:32px;
	}
	 .workflowvier {
		margin-top:32px;
	}
	.portfolio-samenvatting {
		min-height: 20px;
	}
	.posttitle-height-fix {
		min-height: 20px;
	}

	.klantcases-wraper {
		max-width: 100%;
		min-height: 20px;
	}

	.klantcases-wraper-small {
		max-width: 100%;
		min-height: 20px;
	}
	
	.nopadding {
		padding: 0;
	}
				
	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}
	
	.hideonphone { 
		display:none;
	}
}