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

.h2-like-h3 h2 {
	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);
}
h1 em {
    font-family: 'DM Serif Display';
    font-weight: 500;
}
h2 em {
    font-family: 'DM Serif Display';
    font-weight: 500;
}
h3 em {
    font-family: 'DM Serif Display';
    font-weight: 500;
}
h4 em {
    font-family: 'DM Serif Display';
    font-weight: 500;
}
h5 em {
    font-family: 'DM Serif Display';
    font-weight: 500;
}


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

footer h2.w-text.heading-6 {
    font-size: 1.2rem;
}

/* - 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-primary); } /* Logo secondary color */
.logo-tertiary i { color: var(--color-content-tertiary); }
.iconbox-less-margin .w-iconbox-icon { margin-right: 10px !important; }
.iconbox-align-center { align-items: center !important; }

.alt-font {
	font-family: 'DM Serif Display';
	font-style: italic;
	font-weight: 400;
}

.fit-letters-bg::before {
	content: "";
	background-image: url(/wp-content/uploads/2025/05/fit-back.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.faq-alt .w-tabs-section {
	background: #fff;
	padding: 1rem 1.5rem;
	border: solid 1px #D4D5E3 !important;
	border-radius: 16px;
}
.faq-alt .w-tabs-section:not(:last-child) {
	margin-bottom: 1rem;
}
.faq-alt .w-tabs-section > .w-tabs-section-header {
	background: #fff !important;
	padding: 0;
}
.faq-alt .w-tabs-section > .w-tabs-section-header i {
	background: var(--color-content-bg-alt);
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.faq-alt .w-tabs-section .w-tabs-section-title { 
	font-family: 'changa';
	font-weight: 500;
}
.faq-alt .w-tabs-section > .w-tabs-section-content {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	padding-left: calc(48px + 0.5em) !important;
}

#gform_4 .gform-page-footer input[type="button"], #gform_4 input[type=submit]:not(.w-btn) {
	padding: 0.4em 0.8em !important;
	font-size: 1rem !important;
}

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


/* header */
#menu-item-3369 > a::before {
	content: "\f0ac";
	font-family: 'fontawesome';
	margin-right: 5px;
	color: var(--color-content-tertiary);
}

header .voor-wie-dropdown > ul > li > a {
	display: flex;
	align-items: center;
}
header .voor-wie-dropdown > ul > li > a::before {
	content: "";
	margin-right: 10px;
}

	header .voor-wie-dropdown > ul > li > a {
		display: flex;
	}
	header .voor-wie-dropdown > ul > li > a::before {
		content: "";
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		width: 2.5rem;
		height: 2.5rem;
	}
	#menu-item-3083 > a::before,
	.menu-item-3083 > a::before { background-image: url("/wp-content/uploads/2025/06/1-symbolen-rgb-particulier_klein-1.png"); }
	#menu-item-3082 > a::before,
	.menu-item-3082 > a::before { background-image: url("/wp-content/uploads/2025/06/1-symbolen-rgb-ondernemer_klein-1.png"); }
	#menu-item-3081 > a::before,
	.menu-item-3081 > a::before { background-image: url("/wp-content/uploads/2025/06/1-symbolen-rgb-werkgever_klein-1.png"); }


/* Home */
#home-counters .w-counter-value {
	font-size: 2rem !important;
	font-family: 'changa';
}
#home-counters .w-counter-title { font-size: 16px; }

#home-steps .w-iconbox-title {
	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);
}

#home-quickscan::before {
	content: "";
	background-image: url(/wp-content/uploads/2025/05/fit-back.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.payment-toggle{
	display: inline-flex;
	padding: 3px;
	border: 2px solid var(--color-alt-content-border) !important;
	border-radius: 50px;
	gap: 0;
}
.payment-toggle input{display:none;}
.payment-toggle label{
	padding:6px 20px;
	border-radius:9999px;
	font-size:14px;
	cursor:pointer;
	display:flex;
	align-items:center;
	gap:6px;
	color:#0F1734;
	transition:.2s;
}
.payment-toggle .badge{
	color: var(--color-content-primary) !important;
	background:#FFD600;  
	border-radius:4px;
	font-size:11px;
	font-weight:600;
	padding:2px 6px;
	line-height:1;
	white-space:nowrap;
}
.payment-toggle input:checked + label{
	background:#0F1734;  
	color:#fff;
}


/* werkwijze */
#werkwijze-stappen > .wpb_column .w-image::before {
	font-family: 'Changa';
	background: var(--color-content-secondary);
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#werkwijze-stappen > .wpb_column:nth-child(1) .w-image::before { content: "1"; }
#werkwijze-stappen > .wpb_column:nth-child(2) .w-image::before { content: "2"; }
#werkwijze-stappen > .wpb_column:nth-child(3) .w-image::before { content: "3"; }
#werkwijze-stappen > .wpb_column:nth-child(4) .w-image::before { content: "4"; }

#faq-structuur .w-tabs-section.active {
	border-color: var(--color-content-secondary) !important;
}
#faq-structuur .w-tabs-section-title {
	font-size: 24px;
	font-weight: 600;
}
.faq-structuur .w-tabs-section-title {
	font-weight: 600;
}

/* Voor wie */
/* Particulier */
.equal-wrappers > .wpb_column > .vc_column-inner > .wpb_wrapper,
.equal-wrappers > .wpb_column > .vc_column-inner > .wpb_wrapper > .w-vwrapper {
	height: 100%;
}


/* Over FIT */
#cijfers-over .w-counter-value {
	font-family: 'changa';
	font-size: 4rem;
	font-weight: 600;
	line-height: 1.1;
}


/* Blogs */
#blog-content .wp-element-button {
	font-family: 'inter';
	font-size: 16px;
	line-height: 1.3;
	font-weight: 600;
	color: var(--color-content-heading);
	background: var(--color-content-secondary);
	padding: 1em 1.75em;
	border: solid 1px var(--color-content-secondary);
	border-radius: 50px;
}
#blog-content .wp-element-button:hover {
	background: var(--color-hover-yellow);
	border-color: var(--color-hover-yellow);
}


/* 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;
}
#top_tabs_review{
	    display: grid;
}
#top_tabs_review .w-tabs-list{
	order: 2;
}
#top_tabs_review .w-tabs-sections{
	order: 1;
}
#top_tabs_review .w-tabs-section-content{
	padding-top: 0px;
	padding-bottom: 1rem;
}
#top_tabs_review .w-tabs-list-h{
	justify-content: center;
}
#top_tabs_review .w-tabs-list-h button.w-tabs-item{
	border-radius: 50px;
	display: flex;
	padding: 8px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	color: var(--Base-800, #1C1F3E);
	background: var(--Base-200, #D4D5E3);
	font-size: 16px;
}
#top_tabs_review .w-tabs-list-h button.w-tabs-item.active{
	background: var(--Base-800, #1C1F3E);
	color: #fff;
}
.w-video.with_overlay .w-video-icon{
	background: var(--color-alt-content-link-hover) !important;
    color: var(--color-alt-content-primary)!important;
}
.icon_box_small.w-iconbox.iconpos_left .w-iconbox-icon{
	margin-right: 5px;
}

.waarom_fit_icon .w-iconbox-icon .fa-check-circle:before {
    content: "\f058";
    background: var(--color-alt-content-bg);
    border: 6px solid var(--color-alt-content-bg);
    border-radius: 50%;
    font-size: 1.6rem;
}

.fit_layout_b .w-post-elm.post_custom_field img {
    vertical-align: top;
    object-fit: contain;
    height: -webkit-fill-available;
    border-radius: unset;
}

.fit_icon_cirlce .w-iconbox-icon{
	height: 2em !important;
    width: 2em !important;
}
.h-fitcontent{
	height: fit-content;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
        background-color: var(--color-alt-content-primary);
    color: #fff;
}

#stappen_wrapper div.w-text:before {
    content: "1";
    min-width: 48px;
    width: 48px;
    height: 48px;
    color: #fff;
    background: #1C1F3E;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}
#stappen_wrapper div.w-text{
	display: flex;
    gap: 15px;
    border-bottom: 1px solid grey;
    padding-bottom: 1rem;
	    align-items: anchor-center;
}

#stappen_wrapper #stap_1:before { content: "1"; }
#stappen_wrapper #stap_2:before { content: "2"; }
#stappen_wrapper #stap_3:before { content: "3"; }
#stappen_wrapper #stap_4:before { content: "4"; }
#stappen_wrapper #stap_5:before { content: "5"; }

.fh_cs_blok .vc_col-sm-4 .vc_column-inner .wpb_wrapper{
	height: 100%;
}
.fh_cs_blok .vc_col-sm-4 .vc_column-inner .wpb_wrapper .w-iconbox{
	height: 100%;
}

/* Mobile menu */
#mobile-menu .widget.widget_nav_menu { padding: 10px 20px; }
#mobile-menu .vc_wp_custommenu.wpb_content_element:nth-child(1) + .w-separator.size_small { height: 0.5rem; }

/* Contact pagina - Adviseur afbeelding switchen */
/* .img-advisor-main:hover { opacity: 0; } */
.hover_image_zoom:hover .w-image img{
	scale: 1.2;
	transition: 0.2s;
}
.hover_image_zoom .w-image img{
	scale: 1;
	transition: 0.2s;
}


/* Collapsable links - Reviews grid weergave */
.w-grid-item.type-us_testimonial .with_collapsible_content > .toggle-links > button { color: #fff !important; }

/* Fitscan error link */
.gform_wrapper.gravity-theme .gfield_error label a { color: #c02b0a !important; }

/* Verenigingen grid-weergave */
.layout_4220 article.w-grid-item .post_image img, .owl-carousel .type-vereniging img {
	object-fit: contain !important;
}

/* Rounded carousel items (branding) */
.rounded-carousel-branding .owl-stage-outer {
	border-radius: 0 0 80px 0 !important;
	overflow: hidden;
}

/* Mobile Responsive */
@media screen and (max-width: 600px){	
	/* Algemeen */
	.mobile-iconbox-block {
		display: block !important;
	}

.w-iconbox.waarom_fit_icon.iconpos_left.style_default.color_primary.align_left.no_text{
	flex-direction: column;
}
.w-iconbox.waarom_fit_icon.iconpos_left .w-iconbox-icon{
	margin-right: 0rem;
	margin-bottom: 1rem;
}
	
	/* Header */
	#menu-main-menu-1 > li:not(:last-child) {
		margin-bottom: 1rem;
	}

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

	/* Home */
	#home-steps .w-iconbox { display: block; }
	
	
	.waarom_fit_icon .w-iconbox-icon {
		font-size: 1.5rem !important;
	}
	.waarom_fit_icon .w-iconbox-icon .fa-check-circle:before {
		font-size: 1.2rem;
	}
}

/* Tablet Responsive */
@media screen and (min-width: 601px) and (max-width: 1024px){

}

/* Mobile & Tablet */
@media (max-width: 1024px){
	.tablet-stacking .g-cols {
		flex-direction: column;
	}
	.tablet-stacking .g-cols .wpb_column {
		width: 100%;
	}
	.tablet-stacking .g-cols .wpb_column:not(:last-child),
	.tablet-stacking.reverse .g-cols .wpb_column:not(:first-child) {
		margin-bottom: 1.5rem;
	}
	.tablet-stacking.reverse .g-cols {
		flex-direction: column-reverse;
	}
}

#gform_confirmation_wrapper_4 .gform_confirmation_message, #gform_confirmation_wrapper_4 .form_saved_message_sent{
	color: unset;
}

/* Vanaf laptop */
@media screen and (min-width: 1025px){
	footer .vc_col-sm-1\/5.wpb_column.vc_column_container:not(footer .vc_col-sm-1\/5.wpb_column.vc_column_container:first-child) .vc_column-inner .wpb_wrapper{
		width: fit-content;
		margin-left: auto;
	}
}

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

}

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

}