/*
Theme Name: Yooker Theme
Template: Impreza
Version: 1.0.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);
}

/* - Algemeen - */
/* 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 */
.overflow-slider .owl-stage-outer { overflow: visible; } /* Overflow-slider */
.logo-main i { color: var(--color-content-primary); }

.button-spread {
	display: flex;
	justify-content: space-between;
}

.faq-simpel .w-tabs-section { border: 0 !important; }
.faq-simpel .w-tabs-section:not(:first-child) { border-top: 1px solid var(--color-content-heading) !important; }

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

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


/* Home */
#home-accordions .w-tabs-section { border: 0; }
#home-accordions .w-tabs-section:not(:last-child) {
	margin-bottom: 1rem;
}
#home-accordions .w-tabs-section-header {
	background: #fff;
	color: var(--color-content-primary);
	font-weight: 600;
	border-radius: 8px;
}

#home-quote::before {
	content: "";
	background-image: url(/wp-content/uploads/2025/06/beeldmerk-kleur-transparant-2.png);
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
	position: absolute;
	top: 1rem;
	right: 2rem;
	width: calc(583px / 7);
	height: calc(1046px / 7);
	transform: rotate(17deg);
}
#home-quote .quote { 
	display: flex;
	align-items: flex-end;
}
#home-quote .quote::after {
	content: "\f10e";
	font-family: 'fontawesome';
	color: var(--color-content-primary);
	font-weight: 700;
	font-size: 3rem;
	font-style: italic;
	margin-left: 1rem;
}
#home-quote > .wpb_column.vc_col-sm-8 > .vc_column-inner > .wpb_wrapper { display: flex; }
#home-quote > .wpb_column.vc_col-sm-8 > .vc_column-inner > .wpb_wrapper::before {
	content: "\f10d";
	font-family: 'fontawesome';
	font-weight: 700;
	font-size: 3rem;
	font-style: italic;
	color: var(--color-content-primary);
	margin-right: 2rem;
}

#home-faq .w-tabs-section-title {
	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);
	color: #fff;
}
#home-faq .w-tabs-section { border: 0; }
#home-faq .w-tabs-section:not(:first-child) { border-top: solid 1px var(--color-content-primary); }
#home-faq .w-tabs-section-control::before {
	content: "\f0ab";
	font-family: 'fontawesome';
	font-weight: 700;
	color: var(--color-content-primary);
	border: 0;
	margin: 0;
}
#home-faq .wpb_column:first-child::before {
	content: "";
	background-image: url(/wp-content/uploads/2025/06/beeldmerk-kleur-transparant-2.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	width: calc(583px / 7);
	height: calc(1046px / 7);
	position: absolute;
	left: -3rem;
	bottom: 50%;
	transform: rotate(-45deg);
	pointer-events: none;
}

/* Custom content home */
#custom-content-wrapper {
	aspect-ratio: 6 / 5;
	border-radius: 900px 900px 16px 16px;
	position: relative;
	overflow: hidden;

}
#custom-content-wrapper > img {
	aspect-ratio: 6 / 5;
	object-fit: cover;
	width: 100%;
}
#custom-content-wrapper .custom-content-row {
	padding: 2rem;
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}
#custom-content-wrapper .custom-content-row > .custom-content-col {
	background: #fff;
	padding: 2rem 2rem 6rem;
	border-radius: 8px;
	position: relative;
}
#custom-content-wrapper .custom-content-row > .custom-content-col .w-btn {
	position: absolute;
	bottom: 2rem;
	left: 2rem;
}
#custom-content-wrapper .custom-content-row > .custom-content-col li {
	margin: 0;
}


/* Diensten knoppen */
#diensten-blokken .w-vwrapper { transition: ease 0.3s; }
#diensten-blokken .w-vwrapper:hover { background: var(--color-content-primary) !important; }
#diensten-blokken .wpb_column > .vc_column-inner > .wpb_wrapper,
#diensten-blokken .wpb_column > .vc_column-inner > .wpb_wrapper > .w-vwrapper {
	height: 100%;
}



/* Header */
header:not(header.sticky) .at_middle { box-shadow: none !important; } 


/* Footer */
#footer-main::before {
	content: "";
	background-image: url(/wp-content/uploads/2025/07/beeldmerk-wit-transparant.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	width: calc(583px / 2);
	height: calc(1046px / 2);
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0.1;
	pointer-events: 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;
}


/* ========================================================================================= <RESPONSIVE> ===========================================================================================  */


/* Mobile Responsive */
@media screen and (max-width: 600px){

	/* Footer */
	footer .w-tabs-section.active:not(.has_text_color)>.w-tabs-section-header{
		color: #fff;
	}

	/* Home */
	
	#custom-content-wrapper .custom-content-row { 
		padding: 0; 
		position: static;
		gap: 0.5rem;
	}
}

/* Boven Mobile */
@media screen and (min-width: 601px) {
	
}

/* Tablet Responsive */
@media screen and (min-width: 601px) and (max-width: 1024px){
	
	/* Home */
	#home-quote::before {
		width: calc(583px / 5);
		height: calc(1046px / 5);
	}
	.custom-content-col { width: calc(50% - 2rem / 2); }
	
	
}

/* Mobile & Tablet */
@media screen and (max-width: 1024px){
	#custom-content-wrapper { overflow: visible; }
	#custom-content-wrapper > img { border-radius: 900px 900px 0 0; }

}


@media screen and (max-width: 1024px) {
	
	/* Home */
	#home-banner > .l-section-overlay {
		background: rgba(0,0,0,0.3) !important;
	}
}

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

	/* Home */
	#home-banner .l-section-h { padding-top: 0; }
	#home-banner > .l-section-img {
		width: 40%;
		margin-left: auto;
		border-radius: 500px 0 0 500px;
	}

	#custom-content-wrapper .custom-content-col {
		max-width: calc(50% - (2rem / 2));
	}


	#contact .form::before {
		content: "";
		background-image: url(/wp-content/uploads/2025/06/beeldmerk-kleur-transparant-2.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: bottom;
		width: calc(583px / 2);
		height: calc(1046px / 2);
		position: absolute;
		right: -12rem;
		bottom: 0;
		transform: rotate(21deg);
		pointer-events: none;
	}
}

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

}

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

}

/* ========================================================================================= </RESPONSIVE> ==========================================================================================  */