@charset "UTF-8";@media all {/*
 * Impreza 9.5 / WPBakery 9 compatibility layer.
 * Keeps the original look of kraanverhuurfeenstra.nl (built on Impreza 4.8 + WPBakery 5.3, styles in screen.less)
 * after the theme update. Values below are the Impreza 4.8 defaults the design relied on.
 */

/* Headings: 4.8 used 1rem top padding (9.x: 1.5rem); first-child resets of the theme still apply */
h1, h2, h3, h4, h5, h6 { padding-top: 1rem; }

/* WPBakery 7+ gives custom headings margin-bottom .625rem; 4.8 kept the heading margin of 1.5rem (1rem below 768px) */
.vc_custom_heading.vc_do_custom_heading { margin-bottom: 1.5rem; }
@media screen and (max-width: 767px) {
	h1, h2, h3, h4, h5, h6,
	.vc_custom_heading.vc_do_custom_heading,
	.w-post-elm.post_title { margin-bottom: 1rem; }
}
/* 4.8 (theme options, below 768px): heading sizes, forced on custom headings with their own size as well */
@media (max-width: 767px) {
	h1 { font-size: 30px; }
	h1.vc_custom_heading { font-size: 30px !important; }
	h2.vc_custom_heading { font-size: 30px !important; }
	h3.vc_custom_heading { font-size: 22px !important; }
	h4.vc_custom_heading { font-size: 16px !important; }
	h5.vc_custom_heading { font-size: 25px !important; }
	h6.vc_custom_heading { font-size: 16px !important; }
}
/* 4.8 kept the paragraph margin of 1.5rem on small screens (9.x: 1rem up to 600px) */
@media screen and (max-width: 600px) {
	p { margin-bottom: 1.5rem; }
}

/* 4.8: images had 1.5rem space below them, except the last element in a column */
.w-image:not(:last-child) { margin-bottom: 1.5rem; }

/* 4.8: left-aligned images float (footer certificates) */
.w-image.align_left { float: left; margin-right: 1.5rem; }
@media screen and (max-width: 767px) {
	.w-image.align_left { float: none; margin-right: 0; text-align: center; }
}

/* Galleries that had indents in 4.8 (grid class kvf-gallery-indents): screen.less gave the items 10px padding */
.w-grid.kvf-gallery-indents.type_grid .w-grid-list { gap: 0; margin: -4px; }
.w-grid.kvf-gallery-indents .w-grid-item { padding: 10px; }

/* Buttons: screen.less targeted .w-btn.color_primary.style_solid, which is .us-btn-style_3 now */
.w-btn.us-btn-style_3 { color: #ec1f00 !important; box-shadow: 0 2px 0 #eec110; position: relative; }
.w-btn.us-btn-style_3:hover { top: 2px; box-shadow: none !important; }

/* Double separators (screen.less): two 1px lines 4px apart in a 1.2rem box with the 4.8 "small" margins */
.w-separator.with_line.style_double { height: 1.2rem; margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
@media (max-width: 1024px) {
	.w-separator.with_line.style_double { margin-top: 1rem !important; margin-bottom: 1rem !important; }
}
@media screen and (max-width: 600px) {
	.w-separator.with_line.style_double { margin-top: .5rem !important; margin-bottom: .5rem !important; }
}
.w-separator.with_line.style_double .w-separator-h { display: block; position: relative; height: 100%; }
.w-separator.with_line.style_double .w-separator-h:before,
.w-separator.with_line.style_double .w-separator-h:after {
	display: block; content: ''; position: absolute; left: 0; right: 0; width: auto; height: 0; transform: none;
	margin: 0; border-width: 1px 0 0; border-style: solid; border-color: currentColor;
}
.w-separator.with_line.style_double .w-separator-h:before { top: calc(50% - 2px); }
.w-separator.with_line.style_double .w-separator-h:after { top: calc(50% + 3px); }

/* Columns: 4.8 floated the columns of top-aligned rows, so each column kept its own height (visible on columns with a background) */
.g-cols.via_flex.type_default.valign_top { align-items: flex-start; }

/* Stacked columns (below 768px): 4.8 kept 2rem between them (none after columns with a background) */
@media (max-width: 767px) {
	.g-cols.stacking_default.via_flex > div:not([class*="vc_col-xs"]):not(:last-child):not(.has_bg_color) { margin-bottom: 2rem; }
}

/* Text blocks followed by other elements: 4.8 kept the 1.5rem margin of their last paragraph/list */
.wpb_text_column:not(:last-child) p:last-child,
.wpb_text_column:not(:last-child) ul:last-child,
.wpb_text_column:not(:last-child) ol:last-child { margin-bottom: 1.5rem; }

/* Column gap: 4.8 (WPBakery vc_column-gap-*) padded the columns on all four sides */
.g-cols.via_flex[style*="gap"] > .vc_column_container { padding-top: var(--additional-gap, 0px); padding-bottom: var(--additional-gap, 0px); }

/* WPBakery separator and grid kept the WPBakery bottom margin in 4.8 (9.x resets .wpb_content_element) */
.l-body .vc_separator.wpb_content_element,
.l-body .vc_grid-container.wpb_content_element { margin-bottom: 35px; }

/* Small sections: 4.8 used 1.5rem between 601 and 1024px (9.x keeps 2rem) */
@media (min-width: 601px) and (max-width: 1024px) {
	.l-section.height_small { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}

/* Footer: screen.less replaced the bottom padding by 1rem on .l-section-h */
footer.l-footer .l-section.height_small { padding-bottom: 0; }

/* 4.8 clipped the page canvas horizontally (full-width rows reach 1.5rem beyond the screen edges) */
.l-canvas { overflow-x: clip; }

/* Huge sections: in 4.8 the padding lived on .l-section-h (overridden to 150px in screen.less) */
.l-section.height_huge { padding-top: 0; padding-bottom: 0; }

/* Titlebar (page block "Default Titlebar", row class kvf-titlebar) = 4.8 "small" titlebar */
.l-section.kvf-titlebar { padding-top: 1rem; padding-bottom: 1rem; }
@media only screen and (min-width: 901px), only screen and (max-width: 600px) {
	.l-section.kvf-titlebar { padding-top: 0; }
}
.l-section.kvf-titlebar h1 { margin-top: 0.3rem !important; margin-bottom: 0.3rem !important; }
/* 4.8 breadcrumbs: .5rem margins plus the spaces between the items */
.l-section.kvf-titlebar .g-breadcrumbs-separator { margin: 0 .76em; }
/* 4.8: title and breadcrumbs on one row down to 601px, centered below each other up to 600px, no breadcrumbs up to 480px */
@media (min-width: 601px) and (max-width: 767px) {
	.l-section.kvf-titlebar > .l-section-h > .g-cols.via_flex > div.wpb_column { width: 50%; margin-bottom: 0; }
}
@media screen and (max-width: 600px) {
	.l-section.kvf-titlebar > .l-section-h > .g-cols.via_flex > div.wpb_column { margin-bottom: 0; }
	.l-section.kvf-titlebar h1,
	.l-section.kvf-titlebar .g-breadcrumbs { text-align: center; }
	.l-section.kvf-titlebar .g-breadcrumbs { margin: 0 0 .3rem; }
}
@media screen and (max-width: 480px) {
	.l-section.kvf-titlebar .wpb_column:has(.g-breadcrumbs) { display: none; }
}

/* WPForms: 4.8 left the WPForms button and field styling alone (9.x applies button style 1 and the input height) */
.wpforms-container .wpforms-form button[type=submit].wpforms-submit {
	color: #333 !important; font-weight: 400; text-transform: none; border-radius: 0; line-height: 26px !important; letter-spacing: normal;
	--btn-border-width: 0px;
}
.no-touch .wpforms-container .wpforms-form button[type=submit].wpforms-submit:hover,
.wpforms-container .wpforms-form button[type=submit].wpforms-submit:focus,
.wpforms-container .wpforms-form button[type=submit].wpforms-submit:active { background: #ddd; border-color: #ccc; color: #333 !important; }
.wpforms-container .wpforms-form .wpforms-field input[type=text],
.wpforms-container .wpforms-form .wpforms-field input[type=email] { height: 38px; min-height: 0; }

/* Mobile menu icon: 4.8 drew square bars 0.35em apart; screen.less colored it yellow in the bottom header row (<= 777px) */
.w-nav-icon > div { border-radius: 0; }
.w-nav-icon > div:before { top: -.35em; }
.w-nav-icon > div:after { top: .35em; }
@media only screen and (max-width: 777px) {
	.l-subheader.at_bottom .w-nav-icon { color: #ffd600; }
}

/* Font Awesome 4 metrics: the FA4 phone glyph was .786em wide; 4.8 icon boxes reserved 1em for the icon */
.w-iconbox-icon i.fa-phone-alt,
.wpb_text_column i.fa-phone-alt { font-size: .786em; }
.wpb_text_column i + .w-text-value { margin-left: .6em; }
.l-header .ush_text_1 i.fa-phone-alt { font-size: 14.15px; line-height: 27px; margin-right: 10.8px; }
.w-iconbox.style_default.iconpos_left .w-iconbox-icon { width: 1em; }

/* 4.8 used the fixed background of parallax rows only on non-touch devices */
html:not(.no-touch) .l-section.parallax_fixed > .l-section-img { background-attachment: scroll; }

/* Single posts: 4.8 blog post spacing (section padding 4rem / 2.5rem / 1.5rem, plus 4rem below the content) */
.l-section.for_blogpost { padding-top: 4rem; padding-bottom: 0; }
.l-section.kvf-post-content { padding-top: 0; padding-bottom: 8rem; }
@media (max-width: 1024px) {
	.l-section.for_blogpost { padding-top: 2.5rem; }
	.l-section.kvf-post-content { padding-bottom: 6.5rem; }
}
@media screen and (max-width: 600px) {
	.l-section.for_blogpost { padding-top: 1.5rem; }
	.l-section.kvf-post-content { padding-bottom: 5.5rem; }
}
/* Single posts: 4.8 meta line (date, category) below the title */
.l-section.for_blogpost .w-hwrapper.highlight_faded { padding-bottom: 1rem; }
.l-section.for_blogpost .w-hwrapper.highlight_faded > .w-post-elm { line-height: 1.2rem; margin-bottom: .4rem; }
}