/*
* 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);
}

/* 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; }

.border-bg .l-section-img{
	border-radius: 60px 60px 0 0!important;
}

.hl {
	color: #4AFFC0;
	font-size: 114.45px !important;
	line-height: .8;
	font-family: Vujahday Script;
}

.box-shadow-custom {
	width: max-content;
	margin-left: auto;
	margin-right: auto;
	position: relative;

}

.box-shadow-custom img{
	box-shadow: 22px 33px 73.3px 20px rgba(0, 0, 0, 0.25);
	z-index: 1 !important;
	position: relative;

}

.box-shadow-custom::after {
	content: "";
	position: absolute;
	top: -175px;
	right: -200px;
	aspect-ratio: 1.1;
	height: 500px;
	display: block;
	z-index: 0;
	background-image: url("/wp-content/uploads/2026/06/logo-enkelvoud.svg");
	background-size: 100% 100%;
	transform: rotate(-20deg);
	pointer-events: none;
}

.box-shadow-custom::before {
	content: "";
	position: absolute;
	top: -100px;
	left: -150px;
	aspect-ratio: 1.1;
	height: 200px;
	display: block;
	z-index: 0;
	background-image: url("/wp-content/uploads/2026/05/shape-1.png");
	background-size: 100% 100%;
	pointer-events: none;
}

.row-slider::after {
	content: "";
	position: absolute;
	bottom: -175px;
	right: 0;
	aspect-ratio: 1;
	height: 300px;
	display: block;
	z-index: 0;
	background-image: url("/wp-content/uploads/2026/05/60-3.png");
	background-size: 100% 100%;
}

.rsBullet span {
	background: #f2f2f2 !important;
	height: 15px;
	width: 15px;
}

.dotstyle_circle .owl-dot span {
	background: #D9D9D9 !important;
	height: 15px;
	border: none !important;
	width: 15px;
}

.dotstyle_circle .owl-dot.active span {
	background: #00ffa6 !important;
	border: none !important;
	border-width: 0px !important;
	box-shadow: none !important;
}

.rsBullet.rsNavSelected span {
	background: #00ffa6 !important;
}

.w-tabs-section-control::before {
	display: none !important;
}

.w-tabs-section-control::after {
	content: "\f175" !important;
	font-family: FontAwesome !important;
	font-size: 26px !important;
	transform: none !important;
	margin: 0 !important;
	padding: 0 !important;
	right: 0 !important;
	top 0 !important;
	background: none !important;
	left: 0 !important;
	position: relative !important;
}

.w-tabs-section {
	border: none !important;
	border-bottom: 1px solid #000 !important;
}

.w-tabs.accordion>div>div>.w-tabs-section-header {
	padding-left: 0 !important;
	padding-right: 0;
	background: none !important;
}

.w-tabs-section-content {
	padding: 0 !important;
	padding-bottom: 30px !important;
}

.check-yes, .check-no {
	position: relative;
	padding-left: 30px;
}

.check-no::before {
	content: "\f00d" !important;
	color: #EA552B !important;
}

.check-yes::before, .check-no::before {
	content: "\f00c";
	font-family: "FontAwesome";
	position: absolute;
	color: #00FFA6;
	left: 0;
	top: 0;
	width: 20px;
}

.row-members::before {
	content: "";
	position: absolute;
	top: -50px;
	left: 0;
	aspect-ratio: .8;
	height: 600px;
	display: block;
	z-index: 0;
	background-image: url("/wp-content/uploads/2026/06/logo-gedraaid.svg");
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	pointer-events: none;
}

.row-members .vc_column-inner {
	padding-left: .5rem !important;
	padding-right: .5rem !important;
}

.row-members .g-cols.via_flex.type_default {
	margin: 0 -0.5rem;
}

.aspect-ratio-1 {
	aspect-ratio: 1.25;
}

.row-deal .g-cols {
	flex-wrap: nowrap !important;
}

.row-deal .vc_col-sm-9  {
	min-width: 75% !important;
}

.row-deal .vc_col-sm-3 {
	margin-left: -50% !important;
	width: 100% !important;
}

.row-deal .vc_col-sm-9 {
	margin-bottom: 0 !important;
}

.custom-seperator{
	background: url("/wp-content/uploads/2026/05/vector.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.row-contact .vc_column-inner .vc_column-inner {
	padding: 0 !important;
}

.row-contact .g-cols .g-cols {
	position: relative !important;
}

.row-contact .gform_footer {
	padding-bottom: 0 !important;
}

.row-contact .gform-field-label {
	color: #fff;
	font-size: 20px;
	vertical-align: middle !important;

}

.ginput_container_select {
	width: calc(50% - 7px)!important;
}

.ginput_container_select::after {
	content: "\f063" !important;
	font-family: FontAwesome !important;
	box-shadow: none !important;
	outline: none !important;
	stroke: none !important;
	border: none !important;
	margin-top: -8px !important;
}


.ginput_container_select select {
	width: 100% !important;
}

.ginput_container_consent > input {
	vertical-align: middle !important;
}

.row-contact form{
	padding: 60px !important;
}

.row-contact .g-cols::after {
	background: url("/wp-content/uploads/2026/06/logo-enkelvoud.svg");
	background-size: 100% 100%;
	background-position: bottom;
	content: "";
	position: absolute;
	bottom: -200px !important;
	aspect-ratio: 1.3;
	width: 40%;
	right: -50px;
	background-repeat: no-repeat;
	transform: rotate(-20deg);
	pointer-events: none;
}

.overlay-blue {
	position: relative;
}

.overlay-blue::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		135deg,
		rgba(31, 77, 251, 1) 0%,
		rgba(28, 63, 199, 1) 100%
	);
	mix-blend-mode: lighten;
	pointer-events: none;
}

.row-contact img {
	mix-blend-mode: lighten;
	width: 100%!important;
}

.footer a, .socket a {
	color: #000 !important;
}

.footer a:hover, .socket a:hover {
	color: #2a49d1 !important;
}

.footer .menu-item a::after {
	content: "\f054";
	margin-left: 15px;
	font-size: 14px;
	font-family: FontAwesome; 
	transition: .3s all;
	display: inline-block;
}


.footer .menu-item:hover a::after {
	transform: translatex(5px);

}

.box-shadow .w-vwrapper {
	box-shadow: 10px 15px 27.9px 8px rgba(0, 0, 0, 0.31);
}

.row-contact .g-cols .g-cols {
	box-shadow: 10px 15px 27.9px 8px rgba(0, 0, 0, 0.31);
}

.type_carousel  img {
	box-shadow: 10px 15px 27.9px 8px rgba(0, 0, 0, 0.31);
}

.row-deal img {
	box-shadow: 10px 15px 27.9px 8px rgba(0, 0, 0, 0.31);
}

.blend-image {
	background: linear-gradient(
		180deg,
		rgb(31, 77, 251) 0%,
		rgb(90, 0, 158) 100%
	);
}

.blend-image {
	margin: 0 !important;
}

.blend-image img {
	mix-blend-mode: luminosity;
	margin: 0 !important;
}

.blend-image-2 img{
	mix-blend-mode: screen;
	box-shadow: none !important;
}

.carousel-logos img {
	box-shadow: none !important;
}

.carousel-logos img {
	object-fit: contain !important;
	vertical-align: middle !important;
	max-width: 100% !important;
	filter: grayscale(100%);
}

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

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


/* Footer */
footer .w-tabs-section-header { color: var(--color-footer-heading) !important; }


/* 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;
}


/* Mobile Responsive */
@media screen and (max-width: 600px){	
	
	.hl {
		font-size: 60px !important;
		word-break: break-word;
	}

	.row-deal .vc_col-sm-3 {
		margin-left: -80% !important;
		width: 100% !important;
	}

	.box-shadow-custom::after { display: none !important; }

	.reverse-mobile {
		display: flex !important;
		flex-direction: column-reverse;
		gap: 30px;
	}

	.row-members::before { height: 300px !important; }

	.reverse-mobile .w-vwrapper { margin: 0 !important; }

	.row-slider::after {
		content: "";
		position: absolute;
		bottom: -20px !important;
		height: 100px !important;
	}

	.box-shadow-custom::before {
		content: "";
		position: absolute;
		top: -40px !important;
		left: -80px !important;
		aspect-ratio: 1.1;
		height: 150px !important;
	}

	.row-contact form{
		padding: 30px !important;
		padding-bottom: 0 !important;
	}

	.row-contact input:not(#input_1_9_1):not(#gform_submit_button_1) {
		width: 100% !important;
		line-height: 3 !important;
	}
	#gform_submit_button_1 { width: 100%; }

	.border-bg .l-section-img{ border-radius: 30px !important; }
	
	.ginput_container_select { width: 100% !important; }
	
	.hl {
		font-size: 60px !important;
		word-break: break-word;
	}


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

/* Tablet Responsive */
@media screen and (min-width: 601px) and (max-width: 1024px){
	.hl {
		font-size: 80px !important;
		word-break: break-word;
	}
}

/* Mobile & Tablet */
@media screen and (max-width: 1024px){
	
	.box-shadow-custom::after {
		display: none !important;
	}

	.row-contact .g-cols::after {
		display: none !important;
	}



	/* Footer */
	.footer-accordions .vc_row > .wpb_column:not(:first-child) { margin-bottom: 0 !important; }

}

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

	/* Footer */
	footer .w-tabs-section { border: 0 !important; }
	footer .w-tabs-section-header { 
		padding: 0;
		pointer-events: none;
	}
	footer .w-tabs-section-title {
		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);
	}
	footer .w-tabs-section-control { display: none !important; }
	footer .w-tabs-section-content { 
		padding: 1.5rem 0 0 !important;
		display: block !important;
	}

}

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

}

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

}