/*!
README - STYLEGUIDE BRIEFLY

Find the style by media query screen width, using Find or CTRL + F
min-width 601px, min-width: 901px, min-width: 1300px, min-width: 1600px,
max-width: 1599px, max-width: 1299px, max-width: 900px, max-width: 600px

Make this stylesheet still readable and after using this file, dont forget to use beautify after development
Thankyou Whello Developer
*/

/* > MOBILE */
@media all and (min-width: 601px) {
    .hide-upper-mobile {
        display: none !important;
    }

    .vc_row.row-nav-footer>.wpb_column {
        max-width: 185px;
    }

    .listing-blog .title-listing {
        min-height: 56px;
    }

    .listing-vacature .content-item {
        width: -webkit-calc(100% - 130px);
        width: -moz-calc(100% - 130px);
        width: calc(100% - 130px);
        padding-right: 32px;
    }

    .listing-vacature .listitem-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
           -moz-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }
}

/* > TABLET */
@media all and (min-width: 901px) {
    .hide-upper-tablet {
        display: none !important;
    }

    .vc_row.row-nav-footer {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
           -moz-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }

    .col-link-menu-footer.wpb_column ul li:first-of-type {
        padding-top: 8px;
    }

    .vc_row.row-copyright > .wpb_column:last-of-type {
        margin-left: auto;
    }

    .icon-text-wrapper .caption-logo-group {
        font-size: var(--text-md);
    }

    .card-hypotheek-wrapper.column-card-3 {
        --column-card: 3;
    }

    .card-hypotheek-wrapper.column-card-2 {
        --column-card: 2;
    }

    .hypotheek-item-inner:not(:hover) .card-description {
        margin-bottom: -webkit-calc(var(--height-desc) * -1);
        margin-bottom: -moz-calc(var(--height-desc) * -1);
        margin-bottom: calc(var(--height-desc) * -1);
    }

    .hypotheek-item-inner:hover .card-content:before {
        max-height: var(--height-total-bg);
    }

    .hypotheek-item-inner .card-content:before {
        max-height: -webkit-calc(var(--height-total-bg) - var(--height-desc));
        max-height: -moz-calc(var(--height-total-bg) - var(--height-desc));
        max-height: calc(var(--height-total-bg) - var(--height-desc));
    }

    .vc_row.row-content-media.media-left.media-half >.wpb_column:first-of-type .vc_single_image-wrapper,
    .vc_row.row-content-media.media-right.media-half >.wpb_column:last-of-type .vc_single_image-wrapper {
        max-width: 580px;
    }

    .vc_row.row-content-media.media-left >.wpb_column:last-of-type >.vc_column-inner>.wpb_wrapper,
    .vc_row.row-content-media.media-right >.wpb_column:first-of-type >.vc_column-inner>.wpb_wrapper {
        max-width: 620px;
    }

    .vc_row.row-content-cta-card {
        --padding-inner-cta: 40px;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        gap: 80px;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .vc_row.row-content-cta-card > .wpb_column:first-of-type {
        width: -webkit-calc(100% - 44.69%);
        width: -moz-calc(100% - 44.69%);
        width: calc(100% - 44.69%);
    }

    .vc_row.row-content-cta-card > .wpb_column:last-of-type {
        width: 44.69%
    }

    /* listing */
    .listing-faq .faq-content {
        font-size: var(--text-md);
    }

    .wpb_text_column.content-404 {
        max-width: 634px;
        margin-left: auto;
        margin-right: auto;
    }

    .single .site-content-wrapper {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
    }

    .single .site-article {
        width: -webkit-calc(100% - var(--width-aside));
        width: -moz-calc(100% - var(--width-aside));
        width: calc(100% - var(--width-aside));
        padding-right: var(--gap-content-post);
    }

    .single .site-aside {
        width: var(--width-aside);
    }

    .single .site-aside-content {
        position: -webkit-sticky;
        position: sticky;
        top: var(--sticky-offset);
        -webkit-transition: var(--duration);
        -o-transition: var(--duration);
        -moz-transition: var(--duration);
        transition: var(--duration);
    }

    .listing-team .content-item {
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .max-content-card.wpb_column>.vc_column-inner>.wpb_wrapper,
    .max-bottom-content-card.wpb_column>.vc_column-inner>.wpb_wrapper {
        margin-left: auto;
        margin-right: auto;
    }

    .max-content-card.wpb_column>.vc_column-inner>.wpb_wrapper {
        max-width: 820px;
    }

    .max-bottom-content-card.wpb_column>.vc_column-inner>.wpb_wrapper {
        max-width: 560px;
    }

    .wpb_single_image.media-large>.wpb_wrapper>.vc_single_image-wrapper,
    .wpb_single_image.media-large>.wpb_wrapper>.vc_single_image-wrapper img {
        height: 602px !important;
    }

    .vc_row.row-content-sides > .wpb_column:first-of-type {
        width: -webkit-calc(100% - 420px - 24px);
        width: -moz-calc(100% - 420px - 24px);
        width: calc(100% - 420px - 24px);
        padding-right: 56px;
    }

    .vc_row.row-content-sides > .wpb_column:last-of-type {
        width: -webkit-calc(420px + 24px);
        width: -moz-calc(420px + 24px);
        width: calc(420px + 24px);
    }

    .element-sticky>.vc_column-inner {
        position: -webkit-sticky;
        position: sticky;
        top: var(--sticky-offset);
        -webkit-transition: var(--duration);
        -o-transition: var(--duration);
        -moz-transition: var(--duration);
        transition: var(--duration);
    }

    .table-item .btn-link-table {
        width: 145px;
        text-align: center;
    }

    .title-taxonomy {
        padding-right: 8px;
    }

    .listing-count:not(.count-bottom) {
        margin-bottom: 56px;
    }

    .listing-count.count-bottom {
        margin-bottom: 40px;
        margin-top: 110px;
    }

    .topics-in-article {
        padding-bottom: 48px;
        margin-bottom: 37px;
    }

    .vc_row.row-cta-post {
        margin-top: 40px;
    }

    .wpb_text_column.content-side-book {
        max-width: 383px;
    }

    .single-team .vc_row.row-card-sidebar .listing-choose-team   {
        display: none;
    }

    .vc_row.row-card-sidebar .wpb_single_image {
        margin-bottom: 32px;
        width: -webkit-calc(100% + 64px);
        width: -moz-calc(100% + 64px);
        width: calc(100% + 64px);
        max-width: -webkit-calc(100% + 64px);
        max-width: -moz-calc(100% + 64px);
        max-width: calc(100% + 64px);
        margin-top: -34px;
        margin-left: -32px;
        margin-right: -32px;
    }
}


/* >= DESKTOP & LAPTOP */
@media all and (min-width: 1300px) {
    .hide-upper-desktop {
        display: none !important;
    }

    .vc_row.row-content-media.media-left:not(.media-half) >.wpb_column:last-of-type >.vc_column-inner>.wpb_wrapper {
        padding-left: 56px;
    }

    .vc_row.row-content-media.media-right:not(.media-half) >.wpb_column:first-of-type >.vc_column-inner>.wpb_wrapper {
        padding-right: 56px;
    }

    .vc_row.row-content-cta-card {
        --padding-inner-cta: 64px;
    }

    .content-post-custom h2 {
        --text-3xl: 28px;
    }

    .pagination .page-numbers:not(:last-child):not(.prev),
    .tw-pagination .page:not(:last-child),
    .woocommerce-pagination .page-numbers li:not(:last-child) {
        margin-right: 24px;
    }

    .wpb_text_column.text-beside-partner strong {
        margin-right: -26px;
    }

    .calendly-inline-widget iframe {
        height: 840px;
        margin-top: -65px;
    }

    .wpb_raw_code.iframe-calendly {
        height: 560px;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: var(--white);
        -webkit-border-radius: var(--rounded-lg);
           -moz-border-radius: var(--rounded-lg);
                border-radius: var(--rounded-lg);
    }

    .wpb_raw_code.iframe-calendly::-webkit-scrollbar-thumb {
        display: none;
    }

}

@media all and (min-width: 1300px) and (max-width: 1399px) {
    .calendly-inline-widget iframe {
        width: 1000px;
        margin-left: -100px;
    }

}


@media all and (min-width: 1400px) {
    .calendly-inline-widget iframe {
        width: 1114px !important;
        margin-left: -117px;
    }
}


/* >= LARGE DESKTOP */
@media all and (min-width: 1600px) {
    html:root {
        --container: var(--container-lg);
    }
}


/* < LARGE DESKTOP */
@media all and (max-width: 1599px) {

}


/* >= DESKTOP & LAPTOP && < LARGE DESKTOP */
@media all and (min-width: 1300px) and (max-width: 1599px) {

}


/* <= LARGE TABLET */
@media all and (max-width: 1299px) {
	.hide-under-large-tablet {
        display: none !important;
    }

    .listing.listing-blog.slick-slider {
        --listing-gap: 24px;
    }

    .wpb_raw_code.iframe-calendly {
        overflow: hidden;
        background-color: var(--white);
        -webkit-border-radius: var(--rounded-lg);
           -moz-border-radius: var(--rounded-lg);
                border-radius: var(--rounded-lg);
    }
}

@media all and (min-width: 901px) and (max-width: 1299px) {
    .card-hypotheek-wrapper {
        --gap-item-card: 24px;
    }

    .vc_row.row-content-media.media-left >.wpb_column:first-of-type .wpb_single_image {
        padding-right: 24px;
    }

    .vc_row.row-content-media.media-right>.wpb_column:last-of-type .wpb_single_image {
        padding-left: 24px;
    }

    .pagination .page-numbers:not(:last-child):not(.prev),
    .tw-pagination .page:not(:last-child),
    .woocommerce-pagination .page-numbers li:not(:last-child) {
        margin-right: 12px;
    }

    .logo-label-wrapper.logo-partner .image-logo-group {
        max-width: 94px;
    }

    .wpb_text_column.text-large-heading {
        --text-xl: 20px;
    }
}

/* > MOBILE && <= LARGE TABLET */
@media all and (min-width: 601px) and (max-width: 1299px) {

}

@media all and (min-width: 901px) and (max-width: 1199px) {
    .col-btn-right.wpb_column {
        --gap-column: 10px;
    }
}

@media all and (min-width: 501px) and (max-width: 1399px) {
	html:root {
        --text-5xl: -webkit-calc(48px + (64 - 48) * ((100vw - 501px) / (1299 - 501)));
        --text-5xl: -moz-calc(48px + (64 - 48) * ((100vw - 501px) / (1299 - 501)));
        --text-5xl: calc(48px + (64 - 48) * ((100vw - 501px) / (1299 - 501)));
        --text-4xl: -webkit-calc(40px + (48 - 40) * ((100vw - 501px) / (1299 - 501)));
        --text-4xl: -moz-calc(40px + (48 - 40) * ((100vw - 501px) / (1299 - 501)));
        --text-4xl: calc(40px + (48 - 40) * ((100vw - 501px) / (1299 - 501)));
        --text-3xl: -webkit-calc(32px + (40 - 32) * ((100vw - 501px) / (1299 - 501)));
        --text-3xl: -moz-calc(32px + (40 - 32) * ((100vw - 501px) / (1299 - 501)));
        --text-3xl: calc(32px + (40 - 32) * ((100vw - 501px) / (1299 - 501)));
    }

    .large-title h2 {
        --text-4xl: -webkit-calc(28px + (48 - 28) * ((100vw - 501px) / (1299 - 501)));
        --text-4xl: -moz-calc(28px + (48 - 28) * ((100vw - 501px) / (1299 - 501)));
        --text-4xl: calc(28px + (48 - 28) * ((100vw - 501px) / (1299 - 501)));
    }

    .large-title.custom h2 {
        --text-4xl: -webkit-calc(32px + (48 - 32) * ((100vw - 501px) / (1299 - 501)));
        --text-4xl: -moz-calc(32px + (48 - 32) * ((100vw - 501px) / (1299 - 501)));
        --text-4xl: calc(32px + (48 - 32) * ((100vw - 501px) / (1299 - 501)));
    }

    .row-content-media h2 {
        --text-3xl: -webkit-calc(28px + (48 - 28) * ((100vw - 501px) / (1299 - 501)));
        --text-3xl: -moz-calc(28px + (48 - 28) * ((100vw - 501px) / (1299 - 501)));
        --text-3xl: calc(28px + (48 - 28) * ((100vw - 501px) / (1299 - 501)));
    }

    .wpb_text_column.text-landing {
        --text-2xl: -webkit-calc(24px + (32 - 24) * ((100vw - 501px) / (1299 - 501)));
        --text-2xl: -moz-calc(24px + (32 - 24) * ((100vw - 501px) / (1299 - 501)));
        --text-2xl: calc(24px + (32 - 24) * ((100vw - 501px) / (1299 - 501)));
    }

    .content-post-custom h2 {
        --text-3xl: -webkit-calc(24px + (28 - 24) * ((100vw - 501px) / (1299 - 501)));
        --text-3xl: -moz-calc(24px + (28 - 24) * ((100vw - 501px) / (1299 - 501)));
        --text-3xl: calc(24px + (28 - 24) * ((100vw - 501px) / (1299 - 501)));
    }
}


/* <= TABLET */
@media all and (max-width: 900px) {
	.hide-under-tablet {
        display: none !important;
    }

    .col-link-menu-footer.wpb_column {
        margin-top: 72px;
    }

    .site-footer {
        --padding-button-nav-fotter: 49px;
    }

    .vc_row.row-nav-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .icon-text-wrapper .image-icon-text {
        --gap-icon-text: var(--gap-icon-text-mobile);
    }

    .vc_column-inner[class*="vc_custom_"] {
        padding-left:  12px !important;
        padding-right: 12px !important;
    }

    .card-hypotheek-wrapper {
        --gap-item-card: 19px;
    }

    .card-hypotheek-wrapper.mobile-slider .hypotheek-items-wrapper {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-scroll-snap-type: x mandatory;
            -ms-scroll-snap-type: x mandatory;
                scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .hypotheek-items-wrapper::-webkit-scrollbar {
        display: none;
    }

    .hypotheek-item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
           -moz-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        scroll-snap-align: start;
    }

    .hypotheek-items-wrapper {
        cursor: -webkit-grab;
        cursor: -moz-grab;
        cursor: grab;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
    }

    .hypotheek-items-wrapper:active {
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing;
        cursor: grabbing;
    }

    /* listing */
    .listing-faq {
        --text-lg: 18px;
        --gap-icon-faq: 24px;
        --icon-color-faq: var(--icon-color-faq-mobile) !important;
    }

    .listing.listing-faq .excerpt-listing  {
        --total-gap-faq:0px;
    }

    .listing-faq .listing-item:last-of-type:before {
        display: none;
    }

    .listing-faq .faq-content-inner {
        padding-top: 32px;
    }

    .listing-faq .listing-item.active {
        padding-bottom: 48px;
    }

    .listing-faq .listing-item:before {
        background-color: rgba(50,44,44,0.2);
    }

    .listing.listing-blog:not(.slick-slider) {
        --aspect-ratio-media: -webkit-calc((169 / 352) * 100%);
        --aspect-ratio-media: -moz-calc((169 / 352) * 100%);
        --aspect-ratio-media: calc((169 / 352) * 100%);
    }

    .listing.listing-blog.slick-slider {
        --aspect-ratio-media: -webkit-calc((223 / 308.6) * 100%);
        --aspect-ratio-media: -moz-calc((223 / 308.6) * 100%);
        --aspect-ratio-media: calc((223 / 308.6) * 100%);
    }

    .wpb_text_column.title-bottom-faq strong {
        font-weight: 600;
        font-family: var(--fontfamily-bricolage);
        font-size: var(--text-lg);
        letter-spacing: -0.5px;
    }

    .wpb_text_column.text-landing {
        --text-xl: 20px;
    }

    .icon-text-wrapper.icon-text-custom .caption-logo-group >strong {
        --text-under-lg: 18px;
    }

    .icon-text-wrapper.icon-text-custom  {
        --icon-size: 48px;
    }

    .wpb_text_column.hide-subtitle-mobile > .wpb_wrapper>p:first-of-type {
        display: none;
    }

    .listing-vacature .title-listing {
        --text-lg: 20px;
    }

    .wpb_text_column.hide-subtitle-mobile > .wpb_wrapper>p:not(:first-of-type) {
        --text-xl: 16px;
    }

    .vc_row.mobile-listing-slider>.wpb_column>.vc_column-inner>.wpb_wrapper {
        position: relative;
    }

    .vc_row.mobile-listing-slider .listing {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-scroll-snap-type: x mandatory;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    }

    .vc_row.mobile-listing-slider .listing::-webkit-scrollbar {
        display: none;
    }

    .vc_row.mobile-listing-slider .listing-item {
        width: 282px;
        min-width: 282px;
    }

    .listing-team {
        --position-linkedin-bottom: 18px;
        --position-linkedin-right: 32px;
    }

    .btn-table-item-inner {
        padding: 3px 3px;
        width: 24px;
        min-width: 24px;
        height: 24px;
    }

    .btn-table-item-inner span {
        display: none;
    }

    .btn-table-item-inner svg {
        margin-left: 0;
    }

    .price-item-table {
        --text-md: 16px;
    }

    .table-item .price-item-table {
        width: 120px;
    }

    .text-center-mobile {
        text-align: center;
    }

    .cta-bottom-mobile,
    .element-sticky .row-card-sidebar {
        display: none;
    }

    .vc_row.row-content-media {
        gap: 42px;
    }

    body.cta-sticky .site-footer{
        padding-bottom: 80px;
    }

    .vc_row.row-card-sidebar {
        --padding-card-side: 24px 16px;
    }

    .content-cta-bottom .vc_row.row-card-sidebar {
        --padding-card-side: 24px;
        margin: 0;
    }

    .content-cta-bottom .vc_row.row-card-sidebar>.wpb_column>.vc_column-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .vc_row.row-card-sidebar h2 {
        --text-lg: 18px;
    }

    .wpb_text_column.heading-cta-mobile .wpb_wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: 12px;
    }

    .wpb_text_column.heading-cta-mobile .wpb_wrapper:after {
        --duration: 0.8s;
        content: '';
        width: 24px;
        height:24px;
        min-width: 24px;
        min-height: 24px;
        -webkit-transition: var(--duration);
        -o-transition: var(--duration);
        -moz-transition: var(--duration);
        transition: var(--duration);
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 15L12 9L6 15' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    }

    .title-taxonomy {
        display: block;
        padding-bottom: 8px;
    }

    .taxonomy-link-wrapper {
        position: relative;
        margin-left: -webkit-calc(var(--padding-container) * -1);
        margin-left: -moz-calc(var(--padding-container) * -1);
        margin-left: calc(var(--padding-container) * -1);
        margin-right: -webkit-calc(var(--padding-container) * -1);
        margin-right: -moz-calc(var(--padding-container) * -1);
        margin-right: calc(var(--padding-container) * -1);
    }

    .taxonomy-link {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-scroll-snap-type: x mandatory;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        padding-left: var(--padding-container);
        padding-right: var(--padding-container);
    }

    .taxonomy-link::-webkit-scrollbar {
        display: none;
    }

    .listing-count:not(.count-bottom) {
        margin-bottom: 40px;
    }

    .listing-count.count-bottom {
        margin-bottom: 70px;
        margin-top: 40px;
    }

    .listing-count {
        font-size: var(--text-sm);
        line-height: var(--lineheight-s);
    }

    .pagination .page-numbers:not(:last-child):not(.prev),
    .tw-pagination .page:not(:last-child),
    .woocommerce-pagination .page-numbers li:not(:last-child) {
        margin-right: 8px;
    }

    .pagination .page-numbers.next {
        margin-left: 16px;
    }

    .pagination-wrapper.pagination {
        position: relative;
        margin-left: -16px;
        margin-right: -16px;
        width: auto;
    }

    .wpb_text_column.text-top-button {
        text-align: center;
    }

    .whbutton-wrapper.btn-mobile-center {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .vc_section.with-pattern-white .vc_row.row-content-cta-card,
    .vc_row.with-pattern-black .vc_row.row-content-cta-card {
        position: relative;
        z-index: 1;
    }

    .vc_row.with-pattern-black .vc_row.row-content-cta-card {
        margin-bottom: -24px;
    }

    .vc_section.with-pattern-white,
    .vc_row.with-pattern-black {
        position: relative;
    }

    .vc_section.with-pattern-white:before,
    .vc_row.with-pattern-black:before {
        display: inline-block;
        content: '';
        position: absolute;
        bottom: 0;
    }

    .vc_section.with-pattern-white:before {
        left: 0;
        width: 100%;
        background-color: var(--white);
        height: 458px;
    }

    .vc_row.with-pattern-black:before {
        left: -4px;
        width: -webkit-calc(100% + 8px);
        width: -moz-calc(100% + 8px);
        width: calc(100% + 8px);
        height: 380px;
        background: var(--black-soft);
    }

    .vc_row.row-card-sidebar>.wpb_column>.vc_column-inner>.wpb_wrapper {
        background-color: var(--blue-soft);
    }

    .content-cta-bottom.content-cta-blue .wpb_text_column.heading-cta-mobile .wpb_wrapper:after {
        -webkit-filter: invert(1);
                filter: invert(1);
    }

    .single-post {
        --gap-top-banner: 48px;
        --width-aside: 100%;
        --gap-content-post: 0;
    }

    .topics-in-article {
        padding-bottom: 32px;
        margin-bottom: 48px;
    }

    .single-post .site-content-wrapper { 
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
           -moz-box-orient: vertical;
           -moz-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .site-aside-content .row-card-sidebar {
        display: none;
    }

    .single-post .share-post-wrapper {
        margin-top: 48px;
    }

    .vc_row.row-cta-post {
        --padding-inner: 32px;
    }

    .vc_row.flex-no-wrap .vc_row.vc_inner {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
    }

    .vc_row.flex-no-wrap .vc_row.wpb_row.vc_inner h2 {
        letter-spacing: -1.5px;
    }

    .vc_row.flex-no-wrap .vc_row.wpb_row.vc_inner>.wpb_column:last-of-type {
        width: 198px;
    }

    .vc_row.row-slider-offset>.wpb_column {
        padding-left: 4px;
        padding-right: 4px;
    }

    .vc_row.content-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
           -moz-box-orient: vertical;
           -moz-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .wpb_text_column.text-large-heading {
        --text-xl: 18px;
    }

    .wpb_text_column.text-left-mobile * {
        text-align: left !important;
    }

    .wpb_text_column.text-beside-partner strong {
        font-size: 14px;
        letter-spacing: -0.2px;
    }

    .wpb_text_column.text-beside-partner p+p {
        --text-sm: 13px;
    }

    .vc_row.row-button.row-cta-button {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .col-card-question.wpb_column {
        margin-top: 48px;
    }

    .faq-cta-bottom h2 {
        font-size: var(--text-lg);
        font-weight: 600;
    }

    .contact-form {
        --padding-inner-form: 32px 24px;
    }

    .contact-form .row>.col-md-6 {
        width: 100%;
    }

    .vc_row.row-cta-post h2 {
        --text-3xl: 28px;
    }

    .single-vacature .vc_row.row-cta-post  {
        margin-top: 40px;
    }

    .single.single-team {
        --gap-top-banner: 56px;
    }

    .card-hypotheek-wrapper.mobile-slider {
        --gap-left-mobile: var(--padding-container);
        padding-left: var(--gap-left-mobile);
    }

    .card-hypotheek-wrapper.mobile-slider .hypotheek-items-wrapper {
        position: relative;
        margin-left: calc(var(--gap-left-mobile) * -1);
    }

}


@media all and (min-width: 601px) and (max-width: 900px) {
    .vc_row.row-copyright > .wpb_column+.wpb_column {
        margin-top: 24px;
    }

    .card-hypotheek-wrapper.mobile-slider .hypotheek-item {
        max-width: 419px;
    }

    .listing.listing-blog,
    .listing.listing-team {
        --listing-column: 2;
    }

    .listing.listing-vacature {
        --listing-column: 1;
    }

    .col-card-step, .col-card-question {
        --padding-card: 32px 24px;
    }

    .vc_row.row-card-sidebar .wpb_single_image {
        margin-bottom: 32px;
        width: -webkit-calc(100% + 48px);
        width: -moz-calc(100% + 48px);
        width: calc(100% + 48px);
        max-width: -webkit-calc(100% + 48px);
        max-width: -moz-calc(100% + 48px);
        max-width: calc(100% + 48px);
        margin-top: -26px;
        margin-left: -24px;
        margin-right: -24px;
    }

    .listing-team .quote-inner {
        text-align: left;
        font-size: 12px;
    }
}

/* <= MOBILE */
@media all and (max-width: 600px) {
	.hide-under-mobile {
        display: none !important;
    }

    .container {
		width: -webkit-calc(100% - 32px);
		width: -moz-calc(100% - 32px);
		width: calc(100% - 32px);
	}

    .vc_row.row-copyright {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .vc_row.row-copyright > .wpb_column+.wpb_column {
        margin-top: 29px;
    }

    .wpb_text_column.link-bottom ul li {
        width: 100%;
    }

    .vc_section.site-404:after {
        max-width: 168px;
    }

    .listing {
        --listing-column: 1;
    }

    .listing.listing-blog {
        --listing-column: 1;
        --listing-gap-bottom: 24px;
    }

    .listing.listing-blog:not(.slick-slider) .excerpt-listing {
        -webkit-line-clamp: 1;
    }

    .listing.listing-blog.slick-slider .excerpt-listing {
        -webkit-line-clamp: 3;
    }

    .listing.listing-vacature .btn-listing{
        margin-top: 32px;
    }

    .vc_row.row-cta-button > .wpb_column,
    .vc_row.row-cta-button .whbutton-wrapper,
    .vc_row.row-cta-button .whbutton-wrapper > .cta-whbutton {
        width: 100%;
    }

    .vc_row.row-cta-button .whbutton-wrapper > .cta-whbutton {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
    }

    .col-card-step, .col-card-question {
        --padding-card: 24px;
    }

    .vc_row.row-card-sidebar .wpb_single_image {
        margin-bottom: 32px;
        width: -webkit-calc(100% + 32px);
        width: -moz-calc(100% + 32px);
        width: calc(100% + 32px);
        max-width: -webkit-calc(100% + 32px);
        max-width: -moz-calc(100% + 32px);
        max-width: calc(100% + 32px);
        margin-top: -18px;
        margin-left: -16px;
        margin-right: -16px;
    }

    .listing-team .quote-inner {
        text-align: left;
        font-size: 12px;
    }
}


@media all and (min-width: 376px) and (max-width: 600px) {
    .card-hypotheek-wrapper.mobile-slider .hypotheek-item {
        max-width: 344px;
    }
}

@media all and (min-width: 400px) and (max-width: 500px) {
    html:root {
        --text-5xl: 48px;
        --text-4xl: 40px;
        --text-3xl: 32px;
    }

    .large-title h2 {
        --text-4xl: 28px;
    }

    .large-title.custom h2 {
        --text-4xl: 32px;
    }

    .row-content-media h2 {
        --text-3xl: 28px;
    }

    .wpb_text_column.text-landing {
        --text-2xl: 24px;
    }
}

@media all and (max-width: 399px) {
    html:root {
        --text-5xl: -webkit-calc(38px + (48 - 38) * ((100vw - 339px) / (400 - 250)));
        --text-5xl: -moz-calc(38px + (48 - 38) * ((100vw - 339px) / (400 - 250)));
        --text-5xl: calc(38px + (48 - 38) * ((100vw - 339px) / (400 - 250)));
        --text-4xl: -webkit-calc(34px + (40 - 34) * ((100vw - 339px) / (400 - 250)));
        --text-4xl: -moz-calc(34px + (40 - 34) * ((100vw - 339px) / (400 - 250)));
        --text-4xl: calc(34px + (40 - 34) * ((100vw - 339px) / (400 - 250)));
        --text-3xl: -webkit-calc(28px + (32 - 28) * ((100vw - 339px) / (400 - 250)));
        --text-3xl: -moz-calc(28px + (32 - 28) * ((100vw - 339px) / (400 - 250)));
        --text-3xl: calc(28px + (32 - 28) * ((100vw - 339px) / (400 - 250)));
    }

    .large-title h2 {
        --text-4xl: -webkit-calc(24px + (28 - 24) * ((100vw - 339px) / (400 - 250)));
        --text-4xl: -moz-calc(24px + (28 - 24) * ((100vw - 339px) / (400 - 250)));
        --text-4xl: calc(24px + (28 - 24) * ((100vw - 339px) / (400 - 250)));
    }

    .large-title.custom h2 {
        --text-4xl: -webkit-calc(28px + (32 - 28) * ((100vw - 339px) / (400 - 250)));
        --text-4xl: -moz-calc(28px + (32 - 28) * ((100vw - 339px) / (400 - 250)));
        --text-4xl: calc(28px + (32 - 28) * ((100vw - 339px) / (400 - 250)));
    }

    .row-content-media h2 {
        --text-3xl: -webkit-calc(24px + (28 - 24) * ((100vw - 339px) / (400 - 250)));
        --text-3xl: -moz-calc(24px + (28 - 24) * ((100vw - 339px) / (400 - 250)));
        --text-3xl: calc(24px + (28 - 24) * ((100vw - 339px) / (400 - 250)));
    }

    .wpb_text_column.text-landing {
        --text-2xl: -webkit-calc(22px + (24 - 22) * ((100vw - 339px) / (400 - 250)));
        --text-2xl: -moz-calc(22px + (24 - 22) * ((100vw - 339px) / (400 - 250)));
        --text-2xl: calc(22px + (24 - 22) * ((100vw - 339px) / (400 - 250)));
    }

    .logo-label-wrapper.logo-partner .logo-groups {
        margin-left: -16px;
        margin-right: -16px;
    }

    .logo-label-wrapper.logo-partner .logo-group-item {
        padding-left: 16px;
        padding-right: 16px;
        margin-bottom: 16px;
    }

    .whbutton-size--small .cta-whbutton {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media all and (max-width:375px) {
    .card-hypotheek-wrapper.mobile-slider .hypotheek-item {
        max-width: 325px;
    }
}

@media all and (max-width:372px) {
    .whbutton-size--large .cta-whbutton {
        padding-left: 16px;
        padding-right: 16px;
    }

    .logo-label-wrapper.logo-partner .image-logo-group {
        max-width: 120px;
    }

    .whbutton-wrapper.whbutton-size--small .cta-whbutton  {
        padding-left: 16px;
        padding-right: 16px;
    }
}