/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
    box-sizing: border-box; /* 1 */
    border-width: 0; /* 2 */
    border-style: solid; /* 2 */
    border-color: currentColor;
}

::before,
::after {
    --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
    line-height: 1.5; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -moz-tab-size: 4; /* 3 */
    -o-tab-size: 4;
       tab-size: 4; /* 3 */
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
    margin: 0; /* 1 */
    line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
    height: 0; /* 1 */
    color: inherit; /* 2 */
    border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
    font-feature-settings: normal; /* 2 */
    font-variation-settings: normal; /* 3 */
    font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
    text-indent: 0; /* 1 */
    border-color: inherit; /* 2 */
    border-collapse: collapse; /* 3 */
}


:-moz-focusring {
    outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
    box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
    vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
    display: block;
    list-style-type: none;
}

summary::marker,
::-webkit-details-marker {
    display: none;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

ol,
ul,
menu {
}

/*
Reset default styling for dialogs.
*/
dialog {
    padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
    resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1; /* 1 */
    color: currentColor;
}

input::placeholder,
textarea::placeholder {
    opacity: 1; /* 1 */
    color: currentColor;
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
    cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
    cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block; /* 1 */
    vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
    max-width: 100%;
    height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
    display: none;
}

*, ::before, ::after{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}

::backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
.sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.m-0{
    margin: 0px;
}
.block{
    display: block;
}
.flex{
    display: flex;
}
.table{
    display: table;
}
.w-full{
    width: 100%;
}
.min-w-full{
    min-width: 100%;
}
.table-fixed{
    table-layout: fixed;
}
.flex-col{
    flex-direction: column;
}
.flex-wrap{
    flex-wrap: wrap;
}
.items-center{
    align-items: center;
}
.gap-2{
    gap: 0.5rem;
}
.gap-x-6{
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
}
.overflow-x-scroll{
    overflow-x: scroll;
}
.whitespace-nowrap{
    white-space: nowrap;
}
.pl-4{
    padding-left: 1rem;
}
.text-left{
    text-align: left;
}
.align-top{
    vertical-align: top;
}
.font-medium{
    font-weight: 500;
}

:root {
    --swiper-navigation-size: 2rem;
    --swiper-pagination-bullet-size: 0.5rem;
    --swiper-pagination-bullet-color: #000000;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-inactive-color: #000000;
    --swiper-pagination-bullet-inactive-opacity: 0.25;
    --swiper-pagination-bullet-horizontal-gap: 0.5rem;
    --swiper-pagination-bullet-vertical-gap: 0.5rem;
    --mobile-menu-button-size: 2rem;
    --wp-admin--admin-bar--height: 12rem;
}

html{
    scroll-behavior: smooth;
}

body{
    text-underline-offset: 2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body:has(.facetwp-flyout.active){
    overflow: hidden;
}

button {
    font-family: inherit;
}

body:has(.wp-block-blocknroll-mobile-menu[aria-expanded="true"]){
    overflow: hidden;
}

.overflow-scroll {
    overflow: scroll;
}

header.wp-block-template-part{
    position: sticky;
    top: 0px;
    z-index: 999;

    box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.08);
}

header.wp-block-template-part .is-navigation-desktop{
    gap: 2rem;
}

header.wp-block-template-part .is-navigation-desktop .wp-block-navigation .wp-block-navigation__submenu-icon{
    margin-left: 0.5rem;
}

header.wp-block-template-part a[aria-current="page"] {
        color: var(--wp--preset--color--denim) !important;
    }

.is-template-part-topbar{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 0;
}

.is-template-part-topbar a {
        text-decoration: none !important;
        font-size: var(--wp--preset--font-size--base) !important;
    }

.is-template-part-topbar a:hover {
            text-decoration: none !important;
        }

.wp-block-paragraph a:hover{
    text-decoration-line: underline;
}

.is-template-part-header {
    margin-top: 56px !important;
}

/* Patterns */
.is-pattern-hero-with-image {}

.is-hero-image-badge {
    border-radius: 0.25rem;
    background: rgba(255, 255, 255, 0.10);
    color: var(--wp--preset--color--denim-light);
    padding: 6px 12px;
    font-size: var(--wp--preset--font-size--base);
}

.is-hero-image-caption {
    position: absolute;
    bottom: -1rem;
    right: -1rem;
    padding: 1rem;
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.is-hero-image-caption .icon-container {
    width: 4rem !important;
    height: 4rem !important;
    border-radius: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.is-hero-image-caption .icon-container svg{
    width: 2rem !important;
    height: 2rem !important;
    flex-shrink: 0;
}

.is-pattern-hero{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.is-pattern-text-image {}

.is-pattern-image-text {}

.is-pattern-related-news-posts {}

.is-pattern-card-employee {}

.is-pattern-logo-carousel {}

.is-pattern-usp-grid {}

.is-pattern-latest-news .wp-block-post-template {
        --wbpt-margin-top: 4rem;
        position: relative;
        grid-template-columns: repeat(12, 1fr) !important;
        grid-template-rows: repeat(3, 1fr);
        gap: 2rem;
        margin-top: var(--wbpt-margin-top);
    }

.is-pattern-latest-news .wp-block-post-template .wp-block-post {
            grid-column: span 5 / span 5;
            grid-row: span 1 / span 1;

            position: relative;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem;
        }

.is-pattern-latest-news .wp-block-post-template .wp-block-post .is-latest-news-content{
    padding: 0.5rem;
    padding-right: 1rem;
}

.is-pattern-latest-news .wp-block-post-template .wp-block-post .is-latest-news-content a {
                    color: var(--wp--preset--color--denim-darkest) !important;
                }

.is-pattern-latest-news .wp-block-post-template .wp-block-post:nth-child(1) {
            grid-column: span 7 / span 7;
            grid-row: span 3 / span 3;

            display: flex;
        }

.is-pattern-latest-news .wp-block-post-template .wp-block-post:nth-child(1) .is-latest-news-content {
                position: absolute;
                left: 1rem;
                bottom: 1rem;
                color: var(--wp--preset--color--white) !important;
            }

.is-pattern-latest-news .wp-block-post-template .wp-block-post:nth-child(1) .is-latest-news-content a {
                     color: var(--wp--preset--color--white) !important;
                 }

.is-pattern-latest-news .wp-block-post-template .wp-block-post:nth-child(1) .is-latest-news-image figure {
                    aspect-ratio: unset !important;
                    height: 100%;
                }

.is-pattern-latest-news .wp-block-post-template .wp-block-post:nth-child(1) .is-latest-news-image figure:after {
                        content: '';
                        position: absolute;
                        inset: 0;
                        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 9.67%, rgba(0, 0, 0, 0.64) 99.93%);
                        border-radius: 0.5rem;
                    }

.is-pattern-latest-news .wp-block-post-template .wp-block-post:nth-child(1) .is-latest-news-image figure img {
                        width: 100%;
                        height: 100%;
                        -o-object-fit: cover;
                           object-fit: cover;
                    }

.is-pattern-latest-news .wp-block-post-template:before {
        content: '';
        position: absolute;
        top: calc(var(--wbpt-margin-top) * -1);
        bottom: -1rem;
        left: 40%;
        right: 0;
        background-color: var(--wp--preset--color--neutral-lightest);
        border-radius: 1rem;
    }

.is-pattern-steps .is-step-item-list .is-step-item{
    position: relative;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
}

.is-pattern-steps .is-step-item-list .is-step-item:after{
    position: absolute;
    left: 1.25rem;
    top: 2.5rem;
    bottom: 0px;
    --tw-content: ' ';
    content: var(--tw-content);

                border-left: 2px solid var(--wp--preset--color--denim-darker);
}

.is-pattern-steps .is-step-item-list .is-step-item:last-child:after{
    display: none;
}

.is-pattern-steps .is-step-item-list .wp-block-outermost-icon-block{
    position: relative;
}

.is-footer-links-list{
    display: flex;
    list-style-type: none;
    flex-direction: column;
    row-gap: 1rem;
    padding-left: 0px;
}

.is-footer-links-list a{
    font-weight: 500;
    text-decoration-line: none;
}

.is-footer-links-list a:hover{
    text-decoration-line: underline;
}

.wp-element-caption {
    border-left: 2px solid var(--wp--preset--color--denim);
    padding-left: 0.5rem;
}

.wp-block-post-featured-image{
    max-width: 100%;
}


@media screen and (max-width: 1024px) {
    header.wp-block-template-part .is-navigation-desktop{
        display: none;
    }
        .is-pattern-hero-news-article .wp-block-group.is-layout-grid > div{
        grid-column: 1 / -1;
    }
}

@media screen and (max-width: 768px) {
    .is-pattern-latest-news .wp-block-post-template:before{
        display: none;
    }

    .is-pattern-latest-news .wp-block-post-template{
        gap: 1rem;
    }

    .is-pattern-latest-news .wp-block-post-template .wp-block-post{
        grid-column: 1 / -1;
    }
}

.gform_required_legend{
    display: none;
}

/*.gform_wrapper.gravity-theme .gfield_label {*/
/*    color: #626263;*/
/*    font-weight: 500 !important;*/
/*}*/

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    font-family: var(--wp--preset--font-family--reddit-sans), sans-serif;
    font-size: var(--wp--preset--font-size--base);
    border-radius: 0.5rem;
    background: #E7F0FA;
    border: 1px solid #B2B2B2;
    padding: 1rem !important;
}

.gform_button {
    background-color: var(--wp--preset--color--denim);
    color: var(--wp--preset--color--white);
    border: 1px solid var(--wp--preset--color--denim);
    border-radius: 0.25rem;
    padding: 1rem;
    line-height: 1;
    font-weight: 500;
    font-size: var(--wp--preset--font-size--base);
    font-family: var(--wp--preset--font-family--reddit-sans), sans-serif;
    cursor: pointer;
}

.gform_button:hover {
        background-color: var(--wp--preset--color--denim-darkest);
        border-color: var(--wp--preset--color--denim-darkest);
    }

:root :where(.wp-block-group-is-layout-constrained) > *,
:root :where(.is-layout-constrained) > *,
:where(.wp-site-blocks) > * {
    margin-block: 0;
}

.breadcrumbs{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;

    font-size: var(--wp--preset--font-size--base);
}

.breadcrumbs > * {
        color: var(--wp--preset--color--denim-darkest);
        text-decoration: none;
        font-size: inherit;
    }

.breadcrumbs > a:hover{
    text-decoration-line: underline;
}

.wp-block-query-pagination-numbers{
    display: flex;
    align-items: center;
    gap: 1rem;
}

.wp-block-query-pagination-numbers .page-numbers {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-radius: 0.25rem;
    text-decoration: none;
}

.wp-block-query-pagination-numbers a.page-numbers:hover,
.wp-block-query-pagination-numbers .page-numbers.current {
    background-color: var(--wp--preset--color--denim);
    color: var(--wp--preset--color--white);
}

@media screen and (max-width: 480px) {
    .hide-on-mobile{
        display: none;
    }

    .is-template-part-header{
        margin-top: 0px !important;
    }
}

.wp-block-outermost-mega-menu__menu-container{
    top: 3rem;
}

.is-megamenu-toggle-list li{
    padding-bottom: 1rem !important;
}

.is-megamenu-toggle-list a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    border-bottom-width: 1px;
    border-color: transparent;
    line-height: 1.5;
}

.is-megamenu-toggle-list a:after {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 24 24%27 stroke-width=%271.5%27 stroke=%27white%27 %3E%3Cpath stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27m8.25 4.5 7.5 7.5-7.5 7.5%27 /%3E%3C/svg%3E%0A");
    background-size: 1.5rem;
    background-repeat: no-repeat;
}

.is-megamenu-toggle-list a:hover{
    text-decoration-line: underline;
}

.is-mega-menu-aanbod.has-toggle-content:not(:has(.is-megamenu-toggle-target.is-visible)) .is-megamenu-toggle-target:first-of-type {
    opacity: 1;
    display: flex !important;
}

.is-megamenu-toggle-target {
    opacity: 0;
    transition: opaci ty 0.3s ease;
    display: none !important;
}

.is-megamenu-toggle-target.is-visible {
    opacity: 1;
    display: flex !important;
}

.is-megamenu-toggle-target ul.wp-block-categories-list {
    -moz-columns: 2;
         columns: 2;
    gap: 2rem;
}

.is-megamenu-toggle-target ul.wp-block-categories-list-single {
    gap: 2rem;
}

.is-megamenu-toggle-target ul.wp-block-categories-list-single li,
.is-megamenu-toggle-target ul.wp-block-categories-list li {
    margin-bottom: 0.5rem;
}

.is-megamenu-toggle-target ul.wp-block-categories-list li a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.is-mobile-menu-list {
    list-style: none;
    padding-inline-start: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.is-mobile-menu-list a {
    text-decoration: none;
    padding: 0.25rem 0;
    display: inline-block;
}

.is-mobile-menu-list a:hover {
    text-decoration: underline;
}

.is-mobile-menu-list ul.wp-block-list {
    list-style: none;
    padding-inline-start: 1rem;
}

.is-huurvoertuig_type-list {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    list-style: none;
}

.facetwp-template {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--innersection);
}

.voertuigen-card,
.huurvoertuigen-card {
    position: relative;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    padding: 2rem 1.5rem;
    gap: 2rem;
    background: var(--wp--preset--color--neutral-lightest);
    border-radius: 0.5rem;
}

.voertuigen-card p:empty, .huurvoertuigen-card p:empty {
        display: none;
    }

.voertuigen-card .card-image, .huurvoertuigen-card .card-image {
        order: 1;
        grid-column: span 2 / span 2;
        display: flex;
        align-items: center;
    }

.voertuigen-card .card-image figure, .huurvoertuigen-card .card-image figure {
            position: relative;
        }

.voertuigen-card .card-image img, .huurvoertuigen-card .card-image img {
            max-width: 100%;
            height: auto;
            -o-object-fit: contain;
               object-fit: contain;
        }

.voertuigen-card .card-content, .huurvoertuigen-card .card-content {
        order: 3;
        grid-column: span 3 / span 3;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

.voertuigen-card .card-content br, .huurvoertuigen-card .card-content br {
            display: none;
        }

.voertuigen-card .card-content h5, .huurvoertuigen-card .card-content h5 {
            margin: 0;
        }

.voertuigen-card .card-content .card-prijzen, .huurvoertuigen-card .card-content .card-prijzen {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: var(--wp--preset--spacing--inner-text);
        }

.voertuigen-card .card-content .card-prijzen > div, .huurvoertuigen-card .card-content .card-prijzen > div {
                display: flex;
                flex-direction: column;
            }

.voertuigen-card .card-content .card-prijzen > div .card-prijzen-value, .huurvoertuigen-card .card-content .card-prijzen > div .card-prijzen-value {
                    font-weight: bold;
                    color: var(--wp--preset--color--denim);
                }

.voertuigen-card .card-content .card-prijzen > div .card-prijzen-label, .huurvoertuigen-card .card-content .card-prijzen > div .card-prijzen-label {
                    font-size: var(--wp--preset--font-size--base);
                }

.voertuigen-card .card-content .card-terms, .huurvoertuigen-card .card-content .card-terms {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 1rem;
            font-size: 0.875rem;
        }

.voertuigen-card .card-content .card-terms > div, .huurvoertuigen-card .card-content .card-terms > div {
                white-space: none;
                display: flex;
                align-items: center;
                gap: 0.25rem;
            }

.voertuigen-card .card-footer, .huurvoertuigen-card .card-footer {
        order: 5;
        grid-column: span 2 / span 2;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
        gap: var(--wp--preset--spacing--innersection);
    }

.voertuigen-card .card-footer .badge-duurzaam, .huurvoertuigen-card .card-footer .badge-duurzaam {
            border: 1px solid var(--wp--preset--color--green);
            border-radius: 0.25rem;
            color: var(--wp--preset--color--green);
            line-height: 1;
            font-size: var(--wp--preset--font-size--base);
            padding: 0.5rem;
            background-color: var(--wp--preset--color--green-light);
        }

@media screen and (max-width: 620px) {
    .huurvoertuigen-card {
        grid-template-columns: 1fr;
    }

    .card-footer {
        order: 2 !important;
        align-items: flex-start !important;
    }

    .badge-wrapper {
        position: absolute;
        top: 1.5rem;
        right: 1.5rem;
    }

    .badge-wrapper:empty {
        display: none;
    }
}

.has-voertuig-type-filters{
    display: none;
}

@media (min-width: 768px){

    .has-voertuig-type-filters{
        display: block;
    }
}

.has-voertuig-type-filters .wp-block-categories-list,
    .has-voertuig-type-filters .blocknroll-categories-filter-list {
        padding-inline-start: 0;
        gap: 2rem;
        font-size: var(--wp--preset--font-size--base) !important;
        line-height: 1;
    }

.has-voertuig-type-filters .wp-block-categories-list a, .has-voertuig-type-filters .blocknroll-categories-filter-list a {
            color: var(--wp--preset--color--denin-darkest);
        }

.is-pattern-huurvoertuigen-listing p:empty {
    display: none;
}

.has-heading-5-font-size:not(h5) {
    font-weight: 500;
}

.is-pattern-quick-form {
    position: relative;
}

.is-pattern-quick-form:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 50%;
    right: 0;
    background-color: var(--wp--preset--color--denim-darkest);
}

.facetwp-flyout-open a{
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.facetwp-flyout-open a:before{
    display: block;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    --tw-content: ' ';
    content: var(--tw-content);

            background-size: 1rem;
            background-image: url("data:image/svg+xml,%0A%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M21.25 12H8.895M4.534 12H2.75M4.534 12C4.534 11.4218 4.76368 10.8673 5.17251 10.4585C5.58134 10.0497 6.13583 9.82001 6.714 9.82001C7.29217 9.82001 7.84666 10.0497 8.25549 10.4585C8.66432 10.8673 8.894 11.4218 8.894 12C8.894 12.5782 8.66432 13.1327 8.25549 13.5415C7.84666 13.9503 7.29217 14.18 6.714 14.18C6.13583 14.18 5.58134 13.9503 5.17251 13.5415C4.76368 13.1327 4.534 12.5782 4.534 12ZM21.25 18.607H15.502M15.502 18.607C15.502 19.1853 15.2718 19.7404 14.8628 20.1494C14.4539 20.5583 13.8993 20.788 13.321 20.788C12.7428 20.788 12.1883 20.5573 11.7795 20.1485C11.3707 19.7397 11.141 19.1852 11.141 18.607M15.502 18.607C15.502 18.0287 15.2718 17.4746 14.8628 17.0657C14.4539 16.6567 13.8993 16.427 13.321 16.427C12.7428 16.427 12.1883 16.6567 11.7795 17.0655C11.3707 17.4743 11.141 18.0288 11.141 18.607M11.141 18.607H2.75M21.25 5.39301H18.145M13.784 5.39301H2.75M13.784 5.39301C13.784 4.81484 14.0137 4.26035 14.4225 3.85152C14.8313 3.44269 15.3858 3.21301 15.964 3.21301C16.2503 3.21301 16.5338 3.2694 16.7983 3.37896C17.0627 3.48851 17.3031 3.64909 17.5055 3.85152C17.7079 4.05395 17.8685 4.29427 17.9781 4.55876C18.0876 4.82325 18.144 5.10673 18.144 5.39301C18.144 5.67929 18.0876 5.96277 17.9781 6.22726C17.8685 6.49175 17.7079 6.73207 17.5055 6.93451C17.3031 7.13694 17.0627 7.29751 16.7983 7.40707C16.5338 7.51663 16.2503 7.57301 15.964 7.57301C15.3858 7.57301 14.8313 7.34333 14.4225 6.93451C14.0137 6.52568 13.784 5.97118 13.784 5.39301Z%27 stroke=%27%231572D3%27 stroke-width=%271.5%27 stroke-miterlimit=%2710%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
}

@media (min-width: 782px) {
    .facetwp-flyout-open {
        display: none !important;
    }
}

@media (max-width: 781px) {
    .facetwp-hide-on-mobile {
        display: none !important;
    }
}

.facetwp-flyout h3 {
    font-size: var(--wp--preset--font-size--base);
    color: var(--wp--preset--color--denim);
}

.facetwp-pager {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.facetwp-page{
    margin: 0px !important;
    display: inline-flex !important;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    padding: 0px !important;
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1;
    text-decoration-line: none;
}

@media (min-width: 768px){

    .facetwp-page{
        font-size: var(--wp--preset--font-size--base);
    }
}

.facetwp-page {

    color: var(--wp--preset--color--denim-darkest);
}

.facetwp-page.active,
.facetwp-page:hover {
    background: var(--wp--preset--color--denim);
    color: var(--wp--preset--color--white);
    border-radius: 0.25rem;
}

.facetwp-checkbox {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M7.8125 2.5H16.1973C17.9188 2.50004 19.2326 3.01118 20.1143 3.89355C20.9958 4.77582 21.5047 6.08847 21.5 7.80859V16.1904C21.4999 17.9107 20.9885 19.2239 20.1055 20.1064C19.2224 20.9889 17.9087 21.4999 16.1875 21.5H7.8125C6.09123 21.4999 4.77751 20.989 3.89453 20.1055C3.01145 19.2217 2.5 17.9055 2.5 16.1797V7.80957C2.50009 6.08929 3.01153 4.77612 3.89453 3.89355C4.77757 3.01107 6.09128 2.50008 7.8125 2.5Z%27 stroke=%27%23B2B2B2%27/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-size: 1.5rem !important;
    padding-left: 2.5rem !important;
    margin-bottom: 0.5rem !important;
}

.facetwp-checkbox.checked {
    background-image: url("data:image/svg+xml,%0A%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.78 9.7L11.11 15.37C10.97 15.51 10.78 15.59 10.58 15.59C10.38 15.59 10.19 15.51 10.05 15.37L7.22 12.54C6.93 12.25 6.93 11.77 7.22 11.48C7.51 11.19 7.99 11.19 8.28 11.48L10.58 13.78L15.72 8.64C16.01 8.35 16.49 8.35 16.78 8.64C17.07 8.93 17.07 9.4 16.78 9.7Z%27 fill=%27%231572D3%27/%3E%3C/svg%3E%0A") !important;
}

.facetwp-counter {
    color: var(--wp--preset--color--neutral);
}

.facetwp-expand {
    display: none !important;
}

.facetwp-depth {
    margin-left: 1.5rem !important;
}

.blocknroll-categories-filter-list{
    display: flex;
    list-style-type: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0px;
}

@media (min-width: 1024px){

    .blocknroll-categories-filter-list{
        -moz-column-gap: 2.5rem;
             column-gap: 2.5rem;
    }
}

.blocknroll-categories-filter-list a {
    font-size: var(--wp--preset--font-size--base);
    text-decoration: none;
}

.blocknroll-categories-filter-list a.active,
.blocknroll-categories-filter-list a:hover {
    color: var(--wp--preset--color--denim) !important;
    text-decoration: underline;
}

.is-list-style-checkmark{
    padding-left: 0px;
}

.is-list-style-checkmark li {
        list-style: none;
        position: relative;
        display: flex;
        align-items: center;
        margin-bottom: 0.5rem;
    }

.is-list-style-checkmark li:before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M9.54961 18L3.84961 12.3L5.27461 10.875L9.54961 15.15L18.7246 5.97498L20.1496 7.39998L9.54961 18Z%27 fill=%27%2330A213%27/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 1.25rem 1.5rem;
        height: 1.5rem;
        width: 1.5rem;
        display: inline-block;
    }

.is-pattern-tabs:not(:has(.is-tab.is-visible)) .is-tab:first-of-type {
    opacity: 1;
    display: flex !important;
}

.is-pattern-tabs .is-tab {
    opacity: 0;
    transition: opacity 0.3s ease;
    display: none !important;
}

.is-pattern-tabs .is-tab.is-visible{
    display: flex !important;
    opacity: 1;
}

.is-pattern-tabs a {
    display: flex;
    padding: 0.5rem 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    transition: background-color 0.1s ease;
    text-decoration: none !important;
}

.is-pattern-tabs .has-tab-filters a {
    color: var(--wp--preset--color--denim-darkest);
    background-color: var(--wp--preset--color--neutral-lighter);
}

.is-pattern-tabs:not(:has(.is-tab.is-visible)) .has-tab-filters p:first-of-type a,
.is-pattern-tabs a.is-current-tab {
    background: var(--wp--preset--color--denim) !important;
    color: var(--wp--preset--color--white) !important;
}

@media (max-width: 768px) {
    .is-pattern-tabs .has-tab-filters {
        align-items: flex-start;
        flex-direction: column;
    }
}

.is-step-form{
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    align-items: stretch;
    gap: 2rem;
}

@media (min-width: 768px){

    .is-step-form{
        flex-direction: row;
    }
}

.is-step-form .gf_page_steps{
    position: relative;
    margin: 0px !important;
    display: flex;
    min-width: 30%;
    flex-direction: row;
    justify-content: center;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    row-gap: 5rem;
    border-style: none !important;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

@media (min-width: 768px){

    .is-step-form .gf_page_steps{
        flex-direction: column;
        justify-content: flex-start;
    }
}

.is-step-form .gf_page_steps {

        background-color: var(--wp--preset--color--denim-darker);
        color: var(--wp--preset--color--white);
    }

.is-step-form .gf_page_steps:before{
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    --tw-content: ' ';
    content: var(--tw-content);

            width: 500%;
            background: var(--wp--preset--color--denim-darker);
            z-index: -1;
}

.is-step-form .gf_page_steps .gf_step{
    position: relative;
}

.is-step-form .gf_page_steps .gf_step:after{
    position: absolute;
    left: 19px;
    height: 6rem;
    width: 2px;
    background-color: var(--wp--preset--color--white);
}

@media (min-width: 768px){

    .is-step-form .gf_page_steps .gf_step:after{
        --tw-content: ' ';
        content: var(--tw-content);
    }
}

.is-step-form .gf_page_steps .gf_step:last-of-type:after{
    display: none;
}

.is-step-form .gf_page_steps .gf_step .gf_step_label{
    display: none;
    font-size: var(--wp--preset--font-size--heading-5);
    font-weight: 400;
}

@media (min-width: 768px){

    .is-step-form .gf_page_steps .gf_step .gf_step_label{
        display: table-cell;
    }
}

.is-step-form .gf_page_steps .gf_step.gf_step_active .gf_step_number, .is-step-form .gf_page_steps .gf_step.gf_step_completed .gf_step_number{
    border-style: none !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(21 114 211 / var(--tw-bg-opacity, 1)) !important;
    color: var(--wp--preset--color--white) !important;
}

.is-step-form .gf_page_steps .gf_step.gf_step_active .gf_step_number::before, .is-step-form .gf_page_steps .gf_step.gf_step_completed .gf_step_number::before{
    --tw-content: none;
    content: var(--tw-content);
}

.is-step-form .gf_page_steps .gf_step.gf_step_active .gf_step_number::after, .is-step-form .gf_page_steps .gf_step.gf_step_completed .gf_step_number::after{
    --tw-content: none;
    content: var(--tw-content);
}

.is-step-form .gf_page_steps .gf_step.gf_step_active:after, .is-step-form .gf_page_steps .gf_step.gf_step_completed:after{
    --tw-bg-opacity: 1;
    background-color: rgb(21 114 211 / var(--tw-bg-opacity, 1));
}

.is-step-form .gf_page_steps .gf_step.gf_step_pending .gf_step_number{
    border-style: none !important;
    background-color: var(--wp--preset--color--white) !important;
    --tw-text-opacity: 1;
    color: rgb(6 34 63 / var(--tw-text-opacity, 1));
}

.is-step-form .gf_page_steps .gf_step.gf_step_first:before{
    margin-bottom: 4rem;
    display: inline-block;
    font-size: var(--wp--preset--font-size--heading-4);
    font-weight: 700;
}

@media (min-width: 768px){

    .is-step-form .gf_page_steps .gf_step.gf_step_first:before{
        --tw-content: 'Vind het perfecte voertuig voor jou';
        content: var(--tw-content);
    }
}

.is-step-form .gform_body {
        padding: 5rem 1.5rem 0;
        width: 100%;
    }

.is-step-form .gform_body .gform_page{
    display: flex;
    height: 100%;
    flex-direction: column;
}

.is-step-form .gform_body .gform_page .gfield_label.gform-field-label {
                font-size: var(--wp--preset--font-size--heading-5);
                font-weight: 500;
                color: var(--wp--preset--color--denim-darkest);
            }

.is-step-form .gform_body .gfield{
    width: 100%;
}

.is-step-form .gform_body fieldset.gfield{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.is-step-form .gform_body .ginput_container.ginput_container_radio {}

.is-step-form .gform_body .gfield_radio{
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.is-step-form .gform_body .has-radios-with-car-images .gchoice_3_4_0 label {
                --image: url('https://mch.digiwedo.dev/wp-content/uploads/2025/10/4m3.png');
            }

.is-step-form .gform_body .has-radios-with-car-images .gchoice_3_4_1 label {
                --image: url('https://mch.digiwedo.dev/wp-content/uploads/2025/10/4-10m3.png');
            }

.is-step-form .gform_body .has-radios-with-car-images .gchoice_3_4_2 label {
                --image: url('https://mch.digiwedo.dev/wp-content/uploads/2025/10/11-16m3.png');
            }

.is-step-form .gform_body .has-radios-with-car-images .gchoice_3_4_3 label {
                --image: url('https://mch.digiwedo.dev/wp-content/uploads/2025/10/17-26m3.png');
            }

.is-step-form .gform_body .has-radios-with-car-images .gchoice_3_4_4 label {
                --image: url('https://mch.digiwedo.dev/wp-content/uploads/2025/10/30plusm3.png');
            }

.is-step-form .gform_body .gchoice input{
    display: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.is-step-form .gform_body .gchoice label {
                width: 8rem;
                height: 8rem;
                background: var(--wp--preset--color--neutral-lightest);
                cursor: pointer;
                padding: 1rem;
                max-width: 100% !important;
                border-radius: 0.25rem;
                background-image: var(--image);
                background-repeat: no-repeat;
                background-size: 75%;
                background-position: center bottom;
            }

.is-step-form .gform_body .gchoice label:hover {
                background: var(--wp--preset--color--denim-lightest);
                background-image: var(--image);
                background-repeat: no-repeat;
                background-size: 75%;
                background-position: center bottom;
            }

.is-step-form .gform_body .gchoice input:checked + label {
                background: var(--wp--preset--color--denim);
                color: var(--wp--preset--color--white);
                background-image: var(--image);
                background-repeat: no-repeat;
                background-size: 75%;
                background-position: center bottom;
            }

.is-step-form .gform-page-footer.gfdorm_page_footer{
    margin: 0px;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    flex-direction: column-reverse;
    align-items: center;
    gap: 1rem;
    padding: 0px;
}

.is-step-form .gform_previous_button {
        background-color: transparent;
        color: var(--wp--preset--color--denim) !important;
        padding: 1rem;
        font-size: var(--wp--preset--font-size--base);
        line-height: 1;
        border: 1px solid var(--wp--preset--color--denim);
        border-radius: 0.25rem;
        cursor: pointer;
        transition: background-color 0.1s ease;
    }

.is-step-form .gform_previous_button:hover {
            background-color: var(--wp--preset--color--denim-dark);
        }

.is-step-form .gform_next_button {
        background-color: var(--wp--preset--color--denim) !important;
        color: var(--wp--preset--color--white) !important;
        padding: 1rem !important;
        font-size: var(--wp--preset--font-size--base) !important;
        line-height: 1 !important;
        border: none !important;
        border-radius: 0.25rem !important;
        cursor: pointer;
        transition: background-color 0.1s ease;
    }

.is-step-form .gform_next_button:hover {
            background-color: var(--wp--preset--color--denim-dark) !important;
        }

#gform_3_validation_container {
    display: none !important;
}

@media (max-width: 768px) {
    .gf_page_steps {
        width: 100%;
        padding: 3rem 1.5rem !important;
    }
}


/* Advies */
.advice-vehicles-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem
}

@media (min-width: 1024px) {
    .advice-vehicles-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.advice-vehicle-card {
    border-radius: 0.5rem;
    background-color: var(--wp--preset--color--neutral-lightest);
    padding: 1.5rem
}

.advice-vehicle-card .vehicle-thumbnail {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16
}

.advice-vehicle-card .vehicle-thumbnail > * {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.advice-vehicle-card .vehicle-thumbnail {
    --tw-aspect-h: 9;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    overflow: hidden
}

.advice-vehicle-card .vehicle-thumbnail img.vehicle-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.advice-vehicle-card .vehicle-content {
    padding-top: 1.5rem
}

.advice-vehicle-card .vehicle-content .vehicle-terms {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem
}

.advice-vehicle-card .vehicle-content .vehicle-terms > div {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem
}

.advice-vehicle-card .vehicle-content .vehicle-terms > div svg {
    color: var(--wp--preset--color--denim-darkest)
}

.advice-vehicle-card .vehicle-content .vehicle-link {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.5rem
}

@media (min-width: 1024px) {
    .advice-vehicle-card .vehicle-content .vehicle-link {
        flex-direction: row;
        align-items: center
    }
}

.advice-vehicle-card .vehicle-content .vehicle-link .vehicle-read-more {
    display: inline-block;
    border-radius: 0.5rem;
    background-color: var(--wp--preset--color--denim);
    padding: 1rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    color: var(--wp--preset--color--white);
    text-decoration: none;
}

.advice-vehicle-card .vehicle-content .vehicle-link .vehicle-read-more:hover {
    background-color: var(--wp--preset--color--denim-dark)
}

.wp-block-outermost-mega-menu .wp-block-outermost-mega-menu__toggle .wp-block-outermost-mega-menu__toggle-icon svg {
    transform: rotate(0deg) !important;
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
    padding: 1rem 2rem !important;
    border: none !important;
    background-color: var(--wp--preset--color--denim-lightest) !important;
    color: var(--wp--preset--color--denim-darkest) !important;
    min-width: 16rem !important;
    font-size: var(--wp--preset--font-size--base) !important;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container.wp-block-navigation-submenu, .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container.wp-block-navigation-submenu, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem;
        line-height: 1;
    }

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container a:where(:not(.wp-element-button)), .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container a:where(:not(.wp-element-button)), .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container a:where(:not(.wp-element-button)) {
        font-size: var(--wp--preset--font-size--base) !important;
        padding: 0;
    }

.wp-block-navigation-item__content:hover {
    text-decoration: underline !important;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container{
    row-gap: 1.5rem;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
    transition-timing-function: linear;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
                background: var(--wp--preset--color--denim-dark);
                border-color: var(--wp--preset--color--denim-dark);
            }

.wp-block-read-more{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
    transition-timing-function: linear;
}

.wp-block-read-more:hover {
        background: var(--wp--preset--color--denim-dark);
        border-color: var(--wp--preset--color--denim-dark);
    }

body.archive .hide-on-archive{
    display: none;
}

.has-form-back-button{
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 50;
}

@media (min-width: 1024px){

    .has-form-back-button{
        top: 2rem;
        left: 2rem;
    }
}

.has-form-back-button .wp-element-button{
    border-style: none !important;
    background-color: transparent !important;
}

.is-footer-last-column{
    min-width: -moz-fit-content;
    min-width: fit-content;
    flex-grow: 0 !important;
}

.has-vehicle-suggestions:has(.has-no-suggestions) h3{
    display: none;
}

details.wp-block-details summary{
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    font-weight: 700;
}

details.wp-block-details summary:after{
    font-size: 1.25rem;
    line-height: 1.75rem;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
    transition-timing-function: linear;
    --tw-content: '›';
    content: var(--tw-content);
}

details.wp-block-details[open] summary:after{
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

[data-field="prijzen_per_dag"],
[data-field="prijzen_per_week"],
[data-field="prijzen_per_kilometer"] {
    font-weight: 700 !important;
}

:target {
    scroll-margin-top: 10rem;
}

.flatpickr-input{
    font-family: var(--wp--preset--font-family--reddit-sans);
    font-size: var(--wp--preset--font-size--base);
    color: var(--wp--preset--color--denim-darkest);
}


.wp-block-term-description {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 48rem;
}

.wp-block-term-description h2 {
    font-size: var(--wp--preset--font-size--heading-3);
    font-weight: 700;
}

.wp-block-term-description h3 {
    font-size: var(--wp--preset--font-size--heading-5);
    font-weight: 500;
}

.wp-block-term-description a:hover {
    color: var(--wp--preset--color--denim);
    text-decoration: underline;
}

.is-pattern-tabs {
    background-color: var(--wp--preset--color--neutral-lightest);
    padding: var(--wp--preset--spacing--inner-text);
    border-radius: 0.5rem;
}

.is-pattern-tabs .has-tab-filters {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        gap: 1rem;
    }

.is-pattern-tabs .has-tab-filters .wp-block-paragraph {
            margin: 0;
        }

.is-pattern-tabs .has-tab-filters .wp-block-paragraph br {
                display: none;
            }

.is-pattern-tabs .has-tab-content {
        padding: var(--wp--preset--spacing--inner-text);
        position: relative;
    }

.is-pattern-tabs .has-tab-content .is-tab {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            align-items: flex-start;
            gap: 1rem;
        }

body.single .gform_body .gfield_label{
    margin: 0px !important;
    font-size: var(--wp--preset--font-size--base) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--wp--preset--color--denim-darkest) !important;
}

body.single .gform_body .flatpickr-input,
        body.single .gform_body input[type="date"],
        body.single .gform_body input[type="time"],
        body.single .gform_body input[type="phone"],
        body.single .gform_body input[type="email"],
        body.single .gform_body input[type="tel"],
        body.single .gform_body input[type="text"],
        body.single .gform_body select{
    min-height: 3rem;
    width: 100%;
    min-width: 0px;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1 !important;
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)) !important;
    background-color: var(--wp--preset--color--white) !important;
    padding: 1rem;
    font-size: var(--wp--preset--font-size--base);
    font-weight: 500 !important;
    color: var(--wp--preset--color--denim-darkest) !important;
}

body.single .gform_body .flatpickr-input:focus,
        body.single .gform_body input[type="date"]:focus,
        body.single .gform_body input[type="time"]:focus,
        body.single .gform_body input[type="phone"]:focus,
        body.single .gform_body input[type="email"]:focus,
        body.single .gform_body input[type="tel"]:focus,
        body.single .gform_body input[type="text"]:focus,
        body.single .gform_body select:focus{
    --tw-ring-color: var(--wp--preset--color--denim) !important;
}

@media (min-width: 1024px){

    body.single .gform_body .flatpickr-input,
        body.single .gform_body input[type="date"],
        body.single .gform_body input[type="time"],
        body.single .gform_body input[type="phone"],
        body.single .gform_body input[type="email"],
        body.single .gform_body input[type="tel"],
        body.single .gform_body input[type="text"],
        body.single .gform_body select{
        border-style: none;
    }
}

body.single .gform_body .flatpickr-input,
        body.single .gform_body input[type="date"],
        body.single .gform_body input[type="time"],
        body.single .gform_body input[type="phone"],
        body.single .gform_body input[type="email"],
        body.single .gform_body input[type="tel"],
        body.single .gform_body input[type="text"],
        body.single .gform_body select {

            font-family: var(--wp--preset--font-family--reddit-sans), sans-serif;
            font-size: var(--wp--preset--font-size--base);
        }

@media (min-width: 768px){

    .md\:flex-row{
        flex-direction: row;
    }
}