/*
 * Theme Name: Yooker Theme
 * Description: Yooker Theme
 * Template: Impreza
 * Version: 1.0
 * Author:	Yooker
 * Theme URI: https://yooker.nl
 * Author URI: https://yooker.nl
*/


/* Headings */
.heading-1 {
	font-family: var(--h1-font-family);
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    font-weight: var(--h1-font-weight);
    text-transform: var(--h1-text-transform);
    font-style: var(--h1-font-style);
    letter-spacing: var(--h1-letter-spacing);
    margin-bottom: var(--h1-margin-bottom);
}
.heading-2 {
	font-family: var(--h2-font-family);
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    font-weight: var(--h2-font-weight);
    text-transform: var(--h2-text-transform);
    font-style: var(--h2-font-style);
    letter-spacing: var(--h2-letter-spacing);
    margin-bottom: var(--h2-margin-bottom);
}
.heading-3 {
	font-family: var(--h3-font-family);
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    font-weight: var(--h3-font-weight);
    text-transform: var(--h3-text-transform);
    font-style: var(--h3-font-style);
    letter-spacing: var(--h3-letter-spacing);
    margin-bottom: var(--h3-margin-bottom);
}
.heading-4 {
	font-family: var(--h4-font-family);
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
    font-weight: var(--h4-font-weight);
    text-transform: var(--h4-text-transform);
    font-style: var(--h4-font-style);
    letter-spacing: var(--h4-letter-spacing);
    margin-bottom: var(--h4-margin-bottom);
}
.heading-5 {
	font-family: var(--h5-font-family);
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
    font-weight: var(--h5-font-weight);
    text-transform: var(--h5-text-transform);
    font-style: var(--h5-font-style);
    letter-spacing: var(--h5-letter-spacing);
    margin-bottom: var(--h5-margin-bottom);
}
.heading-6 {
	font-family: var(--h6-font-family);
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    font-weight: var(--h6-font-weight);
    text-transform: var(--h6-text-transform);
    font-style: var(--h6-font-style);
    letter-spacing: var(--h6-letter-spacing);
    margin-bottom: var(--h6-margin-bottom);
}

.h2-biggger-wysiwyg h2 {
	font-size: 80px;
}


.footer-menu-bigger {
	font-weight: 500;
	font-family: 'owners';
}
.footer-menu-smaller {
	font-size: 16px;
	font-weight: 400;
}


#sequenced-png-logo {
	width: 55px;
	height: 55px;
	background-size: contain;
	background-repeat: no-repeat;
/* 	animation: logoOnce linear 2s forwards; */
	animation: keertwendingLogo linear 3s infinite;
}

@keyframes keertwendingLogo {
	0% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00014.png'); }
	1.3514% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00015.png'); }
	2.7027% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00016.png'); }
	4.0541% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00017.png'); }
	5.4054% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00018.png'); }
	6.7568% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00019.png'); }
	8.1081% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00020.png'); }
	9.4595% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00021.png'); }
	10.8108% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00022.png'); }
	12.1622% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00023.png'); }
	13.5135% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00024.png'); }
	14.8649% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00025.png'); }
	16.2162% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00026.png'); }
	17.5676% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00027.png'); }
	18.9189% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00028.png'); }
	20.2703% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00029.png'); }
	21.6216% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00030.png'); }
	22.9730% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00031.png'); }
	24.3243% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00032.png'); }
	25.6757% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00033.png'); }
	27.0270% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00034.png'); }
	28.3784% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00035.png'); }
	29.7297% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00036.png'); }
	31.0811% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00037.png'); }
	32.4324% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00038.png'); }
	33.7838% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00039.png'); }
	35.1351% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00040.png'); }
	36.4865% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00041.png'); }
	37.8378% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00042.png'); }
	39.1892% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00043.png'); }
	40.5405% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00044.png'); }
	41.8919% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00045.png'); }
	43.2432% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00046.png'); }
	44.5946% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00047.png'); }
	45.9459% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00048.png'); }
	47.2973% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00049.png'); }
	48.6486%, 50% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00050.png'); }

	51.3514% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00049.png'); }
	52.7027% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00048.png'); }
	54.0541% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00047.png'); }
	55.4054% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00046.png'); }
	56.7568% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00045.png'); }
	58.1081% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00044.png'); }
	59.4595% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00043.png'); }
	60.8108% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00042.png'); }
	62.1622% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00041.png'); }
	63.5135% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00040.png'); }
	64.8649% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00039.png'); }
	66.2162% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00038.png'); }
	67.5676% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00037.png'); }
	68.9189% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00036.png'); }
	70.2703% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00035.png'); }
	71.6216% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00034.png'); }
	72.9730% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00033.png'); }
	74.3243% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00032.png'); }
	75.6757% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00031.png'); }
	77.0270% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00030.png'); }
	78.3784% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00029.png'); }
	79.7297% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00028.png'); }
	81.0811% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00027.png'); }
	82.4324% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00026.png'); }
	83.7838% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00025.png'); }
	85.1351% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00024.png'); }
	86.4865% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00023.png'); }
	87.8378% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00022.png'); }
	89.1892% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00021.png'); }
	90.5405% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00020.png'); }
	91.8919% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00019.png'); }
	93.2432% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00018.png'); }
	94.5946% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00017.png'); }
	95.9459% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00016.png'); }
	97.2973% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00015.png'); }
	98.6486%, 100% { background-image: url('/wp-content/uploads/2026/05/keertwendig-logo_00014.png'); }
}


#draait-om-jou-paars .owl-dot > span { 
	background: var(--color-alt-content-bg); 
	opacity: 1;
}
#draait-om-jou-paars .owl-dot.active > span {
	box-shadow: none;
	background: var(--color-content-bg) !important;
}

#draait-om-jou-oranje .owl-dot > span { 
	background: var(--color-alt-content-bg); 
	opacity: 1;
}
#draait-om-jou-oranje .owl-dot.active > span {
	box-shadow: none;
	background: var(--color-content-primary) !important;
}


/* Separators */
.w-separator.size_small { height: 1rem !important; }
.w-separator.size_medium { height: 2rem !important; }
.w-separator.size_large { height: 4rem !important; }
.w-separator.size_huge { height: 8rem !important; }


/* - Algemeen - */
.no-click { pointer-events: none; } /* Clickthrough */
.overflow-slider .owl-stage-outer { overflow: visible; } /* Overflowing slider */
.logo-main i { color: var(--color-content-primary);} /* Logo main color */
.logo-secondary i { color: var(--color-content-secondary); } /* Logo secondary color */
.contain-img img { object-fit: contain; }

.orange { color: var(--color-content-secondary); }



/* Scrollbar */
body::-webkit-scrollbar { width: 1em; }
body::-webkit-scrollbar-track {
    background:#fff;
}
body::-webkit-scrollbar-thumb {
  background-color: var(--color-content-primary);
}

.paarse_curve{
  overflow: visible !important;      
  position: relative;                 

}

.paarse_curve::before {
 content: "";
  position: absolute;
  top: 15%;       
  left: 50%;      
  transform: translate(-50%, -50%);
  width: 2039px;   
  height: 2400px;
  background: url('/wp-content/uploads/2026/03/vector-stroke-cropped.svg') no-repeat center center;
  background-size: contain;
  z-index: 1;   
  pointer-events: none;
}

.orangje_curve{
	  overflow: visible !important;      
  position: relative;      
}

.orangje_curve::before {
	 content: "";
  position: absolute;
  top: 27%;      
  left: 50%;    
  transform: translate(-50%, -50%);
  width: 2039px;  
  height: 2400px;
  background: url('/wp-content/uploads/2026/03/cruve80.0-cropped.svg') no-repeat center center;
  background-size: contain;
  z-index: 1;   
  pointer-events: none;
}

/* 
#draait-om-jou::before {
	content: "";
	background-image: url("/wp-content/uploads/2026/03/vector-stroke.svg");
/* 	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	position: absolute; 
	top: 300px;
	left: 0;
	height: 100%;
}
#draait-om-jou::after {
	content: "";
	background-image: url("/wp-content/uploads/2026/02/vector-1-scaled.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	position: absolute;
	bottom: 0;
	right: 5rem;
	left: 0;
	height: 60%;
	pointer-events: none;
}
#draait-om-jou .owl-dot span {
	background: var(--color-content-lavender) !important;
}
#draait-om-jou .owl-dot.active span {
	background: var(--color-content-creme-alt) !important;
}

/* Draait om jou alt 
#draait-om-jou-alt::before {
	content: "";
	background-image: url("/wp-content/uploads/2026/02/vector-3-scaled.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	position: absolute;
	top: 0;
	right: 5rem;
	left: 0;
	height: 60%;
	pointer-events: none;
}
#draait-om-jou-alt::after {
	content: "";
	background-image: url("/wp-content/uploads/2026/02/vector-2-scaled.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	position: absolute;
	bottom: 300px;
	right: 5rem;
	left: 0;
	height: 60%;
	pointer-events: none;
}
#draait-om-jou-alt .owl-dot span {
	background: var(--color-content-creme-alt) !important;
}
#draait-om-jou-alt .owl-dot.active span {
	background: var(--color-content-primary) !important;
} */



/* Medewerkers */
.medewerker-grid-item a.w-btn {
	font-size: 1.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

#werknemers-grid .silhouette-wrapper {
	background: var(--color-content-creme-alt);
	height: 100%;
	border-radius: 25px;
	overflow: hidden;
}
#werknemers-grid .silhouette-wrapper > .silhouette-img-wrapper {
	font-size: 250px;
	background: var(--color-content-lavender);
	aspect-ratio: 1;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
#werknemers-grid .silhouette-text-wrapper {
	text-align: center;
	padding: 1.5rem;
}
#werknemers-grid .silhouette-text-wrapper .silhouette-title {
	color: #000000 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-family: var(--h6-font-family) !important;
    font-weight: 500 !important;
}



/* Gforms */
.gform_required_legend { display: none; }

/* Cookie Banner */
.seopress-user-consent {
	font-size: 1rem !important;
	padding: 0.75rem !important;
	background: #f7f7f7 !important;
	border-right: 0 !important;
}
.seopress-user-consent p a:first-child {
	content: "";
    background-image: url(/wp-content/uploads/2022/01/yooker-cookies.png);
    width: 32px;
    height: 32px;
    display: inline-block;
    background-size: cover;
    margin-bottom: -11px;
    margin-right: 13px;
}
.seopress-user-consent #seopress-user-consent-accept{
	background: var(--color-content-primary);
    color: #fff;
    padding: 0.5rem 2rem;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
	margin-left: 50px !important;
	border: none;
	cursor: pointer;
	transition: all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close {
	background: none;
    border: none;
    font-size: 13px;
    padding: 3px 20px;
    margin-top: 5px;
    font-weight: 600;
    color: #000;
	transition:all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close:hover {
	border:none;
	background:none;
	color:red;
	transition:all ease .3s;
}
.seopress-user-consent p a:nth-child(2) {
	text-decoration:underline;
}
.seopress-user-consent p {
	padding-bottom:0 !important;
}


#page-header .l-subheader.at_middle .l-subheader-h{
    border-radius: 8px;
    background: #FFE9D1;
    padding:0;
	margin-top:25px;
}
.l-subheader.at_middle.l-subheader.at_middle{
	max-width:1200px;
	border-radius:20px;

}
#page-header.sticky .l-subheader.at_middle .l-subheader-h{
	    border-radius: 0px 0px 8px 8px;
}
#page-header .l-subheader.at_middle .w-nav-list.level_2{
    border-radius: 8px 8px;
}
.l-section-overlay {
	background: rgba(0, 0, 0, 0);
}




img.attachment-full.size-full {
    object-fit: contain !important;
}

.section-curved {
    position: relative;
    overflow: hidden;
}

/* Algemene curve styling */
.section-curved .curve {
    position: absolute;
    left: -5%;
    width: 110%;
    pointer-events: none;
}

/* 1 Witte curve (achter alles) */
.section-curved .curve-back {
    top:-200px;
	right:0;
    height: 800px;
	width:100%;
    background: url('/wp-content/uploads/2026/02/vector.svg') no-repeat bottom center;
    background-size: cover;
}

.page-id-3160 .curve-back{
	 background: url('/wp-content/uploads/2026/02/alt-rood-curve.svg') no-repeat bottom center;
	top:-230px;
}


/* 2 Afbeelding */
.section-curved .w-image {
    position: relative;

}

/* 3 Witte/rode + paarse curve (voor afbeelding, achter tekst) */
.section-curved .curve-front {
	position:absolute;
    bottom: -40px;
	right:0;
    height: 500px;
	width:1600px ;
    background: url('/wp-content/uploads/2026/02/roodcurve.svg') no-repeat bottom center;
    background-size: cover;
}



/* 4 Tekst */
.section-curved.w-text {
    position: relative;

} 

/* img.attachment-full.size-full .img-rotate {
    position: relative;
	max-height:560 !important;
	max-width:400PX !important;
} */
.rotate_img{
	transform:rotate(4deg);
}


.usg_post_image {
    overflow: visible !important;
}

.colortext_contact span.w-post-elm-before {
    color: red;
}

.dotstyle_circle .owl-dot.active span {
	box-shadow: 0 0 0 2px white; 
} 
.owl-carousel .owl-dot {
    display: inline-block;
    vertical-align: top;
    color: white !important;
}


/* Mobile Responsive */
@media screen and (max-width: 600px){	
	
	/* Algemeeen */
	.h2-biggger-wysiwyg h2 {
		font-size: 48px;
	}
	
	
	/* Home */
	.klantverhaal-wrapper {
		display: flex !important;
		flex-direction: column-reverse;
	}
/* 	#draait-om-jou::before,
	#draait-om-jou-alt::before {
		right: 0;
		height: 80%;
	}
	#draait-om-jou::after,
	#draait-om-jou-alt::after {
		right: 0;
		height: 50%;
	}
 */
	
	/* Footer */
	footer .w-tabs-section.active:not(.has_text_color)>.w-tabs-section-header{
		color: #fff;
	}
	
	
	#werknemers-grid .silhouette-wrapper > .silhouette-img-wrapper {
	font-size: 160px;
}
	
	
}

/* Tablet Responsive */
@media screen and (min-width: 601px) and (max-width: 1024px){
	.footer-tablet .wpb_column { width: 50%; }
	.footer-tablet .wpb_column:not(:nth-last-child(-n +2)) { margin-bottom: 32px; }	
	
	.footer-tablet .wpb_column:nth-child(1) { order: 1; }
	.footer-tablet .wpb_column:nth-child(2) { order: 3; }
	.footer-tablet .wpb_column:nth-child(3) { order: 4; }
	.footer-tablet .wpb_column:nth-child(4) { order: 2; }
	
	.tablet-stacking-wrapper { display: block; }
	
	main { overflow-x: hidden; }
}

/* Mobile & Tablet */
@media screen and (max-width: 1024px){
	.l-subheader.at_middle.l-subheader.at_middle{
		max-width: 90vw ;
	}
}

/* Vanaf laptop */
@media screen and (min-width: 1025px){
	
}

/* Laptop Responsive */
@media screen and (min-width: 1025px) and (max-width: 1536px){
	
}

/* Desktop Responsive */
@media screen and (min-width: 1537px){

}