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

@font-face {
    font-family: 'nimbus_sans_lregular';
         url('NimbusSanL-Reg-webfont.woff') format('woff'),
         url('NimbusSanL-Reg-webfont.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

/*  Wordpress 5.9 font fix */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, body, p {
	overflow-wrap:normal;
	font-family: 'nimbus_sans_lregular', arial, sans-serif;
}


.h1, h1 {font-size:74px;font-weight: normal;line-height: 1.1em;}
.h2, h2 {}
.h3, h3 {}
.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	
}
.divider-met-blok {
	border-bottom: 1px solid #000;
	padding-bottom: 15px;
	margin-bottom: 32px;
}

.divider-met-blok-rechts {
	border-bottom: 2px solid #000;
	margin-bottom: 32px;

}
.divider-met-blok-rechts::after {
	content: "";
	background-color: #000;
	height: 12px;
	width: 34px;
	display: flex;
	float: right;
	animation: scale-in-right 2s ease 0.5s 1 normal forwards;
	
}

@keyframes scale-in-right {
	0% {
		transform: scaleX(0);
		transform-origin: 100% 100%;
	}

	100% {
		transform: scaleX(1);
		transform-origin: 100% 100%;
	}
}


.divider-met-blok-links {
	border-bottom: 2px solid #000;
	margin-bottom: 32px;
}
.divider-met-blok-links::after {
	content: "";
	background-color: #000;
	height: 12px;
	width: 34px;
	display: flex;
	float: left;
	animation: scale-in-left 2s ease 0.5s 1 normal forwards;
}
@keyframes scale-in-left {
	0% {
		transform: scaleX(0);
		transform-origin: 0% 0%;
	}

	100% {
		transform: scaleX(1);
		transform-origin: 0% 0%;
	}
}
/*    Overflow -> slide in bottom   */
.vc_custom_1714723569838 > .wpb_wrapper, .vc_custom_1714660967150 > .wpb_wrapper {
	overflow:hidden;
}

.slide-in-bottom {
	animation: slide-in-bottom 2s ease 0.1s 1 normal forwards;
}
@keyframes slide-in-bottom {
	0% {
		opacity: 0;
		transform: translateY(250px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}





/*    Animation on SCROLL in viewport   */

.scrolllistener {
	height: 10px;
	width: 100%;
	position: fixed!important;
	top: 0;
	background-color: lime;
	z-index: 999999;
	scale: 0 1;
	transform-origin: left;
	animation: scrolllistener linear;
	animation-timeline: scroll()
}
@keyframes scrolllistener {
	to { scale: 1 1; }
}




/*    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 {}
	.h2, h2 {}
	.h3, h3 {}
	.h4, h4 {}
	.h5, h5 {}
	.h6, h6 {}

	.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 {}
	.h2, h2 {}
	.h3, h3 {}
	.h4, h4 {}
	.h5, h5 {}
	.h6, h6 {}

	.section-padding {
	    padding: 40px 0;
	}
	
	.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 {}
	.h4, h4 {}
	.h5, h5 {}
	.h6, h6 {}

	.footer_top h5 {
	  font-size: 24px;
	  font-weight: 700;
	  text-transform: capitalize;
	  letter-spacing: 0em;
	  margin-bottom: 8px;
	}

	.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;	
	}
	
	.header-medium {
		font-size: 54px;
		padding-bottom: 16px;	
	}	
	.nopadding {
		padding: 0;
	}
				
	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}
	
	.hideonphone { 
		display:none;
	}
}