/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 999999 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 999999 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 999999 version
*/

/* ---- SITE FOOTER -----------------------*/
.site-footer {
    --container: var(--container-medium);
    --gap-list: 0;
    --gap-column: 10px;
    --text-xs: 11px;
    --font-weight-text: 400;
    --color-text: var(--dark-green);
    --max-width-nav-content: 1200px;
}

.site-footer ul {
    padding-left: 0;
    list-style-type: none;
}

.site-footer ul li+li {
    margin-top: var(--gap-list);
}

.site-footer * {
    color: var(--color-text);
}

.site-footer .row-nav-footer * {
    font-family: var(--fontfamily-satoshi);
}

.site-footer a {
    font-weight: var(--font-weight-text);
}

.site-footer .row-nav-footer p strong a {
    display: inline-block;
    margin-bottom: 3px;
}

.site-footer .row-nav-footer p strong a,
.site-footer .back-to-top a {
    --font-weight-text: 700;
}

.site-footer .row-nav-footer {
    max-width: var(--max-width-nav-content);
}

.site-footer .row-nav-footer > .wpb_column:not(:first-of-type) > .vc_column-inner {
    margin-top: var(--gap-column);
}

.site-footer .row-bottom-footer * {
    font-family: var(--fontfamily-helvetica);
    font-size: var(--text-xs);
}

.site-footer .extra-nav-footer p {
    line-height: var(--lineheight-s);
}

.site-footer .extra-nav-footer p+p {
    --gap-list: 9px;
}

.site-footer .list-blog-footer ul li+li {
    --gap-list: 27px;
}

.site-footer .text-bottom-footer ul li+li{
    --gap-list: -2px;
}

.site-footer .back-to-top a {
    position: relative;
    line-height: var(--lineheight-s);
    font-size: var(--text-sm);
    color: var(--blue);
    padding-right: 20px;
}

.site-footer .back-to-top a:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    display: inline-block;
    width: 12px;
    height: 7px;
    margin-left: 7.68px;
    background: url(/wp-content/themes/whello/assets/icons/icon-chevron-top-blue.svg) center/contain no-repeat;
}
/* ---- LAYOUT CTA ---------------------*/
.col-content-cta.wpb_column {
    padding: 0px 12px;
}

.col-content-cta.wpb_column > .vc_column-inner > .wpb_wrapper {
    max-width: 513px;
    margin-left: auto;
    margin-right: auto;
}

.vc_section.section-cta-consult {
    z-index: 1;
}

.layout-consult-blue .vc_section.section-cta-consult {
    background-image: url(/wp-content/themes/whello/assets/images/bg-blue-consult.png) !important;
}

.layout-consult-blue .vc_section.section-cta-consult * {
    color: var(--white) !important;
}

.layout-consult-blue .whbutton-wrapper .icon-cta {
    -webkit-filter: invert(1) brightness(100);
            filter: invert(1) brightness(100);
}
/* ---- CONTACT PAGE ------------------*/
.salonized-booking.contact-page {
    position: relative;
    margin-bottom: -211px;
    z-index: 1;
}

.col-detail-contact.wpb_column > .vc_column-inner > .wpb_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -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;
}

.col-detail-contact.wpb_column > .vc_column-inner,
.col-detail-contact.wpb_column > .vc_column-inner > .wpb_wrapper {
    height: 100%;
}

.vc_row.row-maps .wpb_gmaps_widget {
    position: relative;
    margin-bottom: -138px;
}

.logo-label-wrapper.media-social-contact {
    margin-top: auto;
}

.logo-label-wrapper.media-social-contact .logo-group-item:not(:last-of-type) {
    margin-right: 18px;
}

.whbutton-wrapper.btn-contact-item .cta-whbutton {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.whbutton-wrapper.btn-contact-item .icon-cta {
    margin-right: 25px;
    margin-top: 3px;
}

.whbutton-wrapper.btn-contact-item .label-cta {
    font-size: var(--text-md);
    font-family: var(--fontfamily-sf-pro);
    font-weight: 400;
    line-height: var(--lineheight);
}

.whbutton-wrapper.btn-contact-item + .whbutton-wrapper.btn-contact-item  {
    margin-top: 13px;
}
/* --- LAYOUT SOCIAL DAILY -----------------------*/
.vc_section.section-layout-social-daily {
    --size-pattern: 850px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: var(--size-pattern) auto;
       -moz-background-size: var(--size-pattern) auto;
         -o-background-size: var(--size-pattern) auto;
            background-size: var(--size-pattern) auto;
}

.vc_section.section-layout-social-daily,
.vc_row.row-layout-social-daily {
    min-height: 850px;
    height: 100%;
}

.col-left-social-layout.wpb_column > .vc_column-inner > .wpb_wrapper,
.col-right-social-layout.wpb_column > .vc_column-inner > .wpb_wrapper {
    position: relative;
    z-index: 2;
}

.vc_row.row-layout-social-daily > .wpb_column:nth-child(2) > .vc_column-inner {
    margin-top: 175px;
}

.vc_row.row-card-ig {
    --max-content-card: 237px;
    --rounded-2xl: 26px;
    position: relative;
}

.vc_row.row-card-ig.right {
    --max-content-card: 220px;
}

.vc_row.row-card-ig.right>.wpb_column>.vc_column-inner>.wpb_wrapper {
    margin-left: auto;
}

.vc_row.row-card-ig>.wpb_column>.vc_column-inner>.wpb_wrapper {
    -webkit-border-radius: var(--rounded-2xl);
       -moz-border-radius: var(--rounded-2xl);
            border-radius: var(--rounded-2xl);
    overflow: hidden;
    max-width: var(--max-content-card);
    font-family: var(--fontfamily-satoshi);
}

.vc_row.row-card-ig>.wpb_column>.vc_column-inner>.wpb_wrapper strong {
    font-weight: 900;
    line-height: 120%;
    font-size: var(--text-2xl);
}

.vc_row.row-card-ig .wpb_single_image figure {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.vc_row.row-card-ig .vc_single_image-wrapper,
.vc_row.row-card-ig .wpb_text_column {
    padding-top: 100%;
    width: 100%;
    display: block;
    position: relative;
}

.vc_row.row-card-ig .vc_single_image-wrapper img,
.vc_row.row-card-ig .wpb_text_column>.wpb_wrapper {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vc_row.row-card-ig .vc_single_image-wrapper img {
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.vc_row.row-card-ig .vc_single_image-wrapper:hover img {
    -webkit-transform: scale(1.04);
       -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
         -o-transform: scale(1.04);
            transform: scale(1.04);
}

.vc_row.row-card-ig .wpb_text_column>.wpb_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.vc_row.row-card-ig .wpb_text_column>.wpb_wrapper p+p {
    margin-top: 24px;
}

.vc_row.row-card-ig.left .wpb_text_column>.wpb_wrapper {
    background-color: var(--baby-blue);
    color: var(--blue-secondary);
    font-size: 28px;
    padding: 16px;
    font-weight: 500;
}

.vc_row.row-card-ig.right .wpb_text_column>.wpb_wrapper strong {
    --text-2xl: 30px;
    color: var(--green);
    font-weight: 700;
}

.vc_row.row-card-ig.right .wpb_text_column>.wpb_wrapper {
    background: url(/wp-content/themes/whello/assets/images/bg-card-ig.png) center/cover no-repeat;
}

.wpb_single_image.icon-ig-layout .vc_single_image-wrapper {
    --size-bg-icon: 142px;
    --size-img-icon: 50px;
    --translateY: -86px;
    width: var(--size-bg-icon);
    height: var(--size-bg-icon);
    -webkit-border-radius: var(--rounded-full);
       -moz-border-radius: var(--rounded-full);
            border-radius: var(--rounded-full);
    background-color: var(--baby-blue);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: auto;
    -webkit-transform: translateY(var(--translateY));
       -moz-transform: translateY(var(--translateY));
        -ms-transform: translateY(var(--translateY));
         -o-transform: translateY(var(--translateY));
            transform: translateY(var(--translateY));
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.wpb_single_image.icon-ig-layout img {
    width: var(--size-img-icon);
    height: var(--size-img-icon);
}

.wpb_single_image.icon-ig-layout .vc_single_image-wrapper:hover {
    -webkit-transform: scale(0.6);
       -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
         -o-transform: scale(0.6);
            transform: scale(0.6);
    background-color: var(--lilac);
}

.wpb_single_image.icon-ig-layout .vc_single_image-wrapper:hover,
.wpb_single_image.icon-ig-layout .vc_single_image-wrapper:active {
    -webkit-animation: grow-back 0.5s ease forwards;
       -moz-animation: grow-back 0.5s ease forwards;
         -o-animation: grow-back 0.5s ease forwards;
            animation: grow-back 0.5s ease forwards;
}
@-webkit-keyframes grow-back {
    0% {
        -webkit-transform: translateY(var(--translateY)) scale(0.6);
                transform: translateY(var(--translateY)) scale(0.6);
    }
    100% {
        -webkit-transform: translateY(var(--translateY)) scale(1);
                transform: translateY(var(--translateY)) scale(1);
    }
}
@-moz-keyframes grow-back {
    0% {
        -moz-transform: translateY(var(--translateY)) scale(0.6);
             transform: translateY(var(--translateY)) scale(0.6);
    }
    100% {
        -moz-transform: translateY(var(--translateY)) scale(1);
             transform: translateY(var(--translateY)) scale(1);
    }
}
@-o-keyframes grow-back {
    0% {
        -o-transform: translateY(var(--translateY)) scale(0.6);
           transform: translateY(var(--translateY)) scale(0.6);
    }
    100% {
        -o-transform: translateY(var(--translateY)) scale(1);
           transform: translateY(var(--translateY)) scale(1);
    }
}
@keyframes grow-back {
    0% {
        -webkit-transform: translateY(var(--translateY)) scale(0.6);
           -moz-transform: translateY(var(--translateY)) scale(0.6);
             -o-transform: translateY(var(--translateY)) scale(0.6);
                transform: translateY(var(--translateY)) scale(0.6);
    }
    100% {
        -webkit-transform: translateY(var(--translateY)) scale(1);
           -moz-transform: translateY(var(--translateY)) scale(1);
             -o-transform: translateY(var(--translateY)) scale(1);
                transform: translateY(var(--translateY)) scale(1);
    }
}
.wpb_single_image.icon-ig-layout .vc_single_image-wrapper:hover img {
    -webkit-filter: invert(1) brightness(100);
            filter: invert(1) brightness(100);
}
.vc_row.row-heading-social-layout {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    height: auto;
}
/* -- CARD ROUNDED --------------------*/
.vc_row.row-card-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.vc_row.row-card-item > .wpb_column {
    min-height: 100%;
}

.vc_row.row-card-item > .wpb_column > .vc_column-inner,
.vc_row.row-card-item > .wpb_column > .vc_column-inner> .wpb_wrapper {
    height: 100%;
}

.vc_row.row-card-item .wpb_single_image:not(.icon-pattern-card),
.vc_row.row-card-item .wpb_single_image:not(.icon-pattern-card) * {
    width: 100%;
    height: 100%;
}

.vc_row.row-card-item .wpb_single_image:not(.icon-pattern-card) {
    min-height: 361px;
}

.vc_row.row-card-item > .wpb_column:not(.col-card-rounded) .vc_single_image-wrapper {
	position: relative;
	width: 100%;
}

.vc_row.row-card-item > .wpb_column:not(.col-card-rounded) .vc_single_image-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
}

.col-card-rounded {
    --rounded-card: var(--rounded-4xl);
    --padding-card: 53px 40px 45px;
    --background-card: var(--green);
    color: var(--white);
}

.col-card-rounded.card-blue {
    --background-card: var(--blue);
}

.col-card-rounded.card-green {
    --background-card: var(--green);
}

.col-card-rounded.wpb_column > .vc_column-inner > .wpb_wrapper {
    position: relative;
    -webkit-border-radius: var(--rounded-card);
       -moz-border-radius: var(--rounded-card);
            border-radius: var(--rounded-card);
    overflow: hidden;
    padding: var(--padding-card);
    background-color: var(--background-card);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -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;
}

.content-card-item {
    font-size: var(--text-lg);
    margin-top: auto;
    line-height: 120%;
}

.content-card-item,
.content-card-item p {
    font-weight: 500;
}

.content-card-item p + p {
    margin-top: 21px;
}

.col-card-rounded.card-green.card-pattern > .vc_column-inner > .wpb_wrapper:after {
    position: absolute;
    right: 31px;
    bottom: 40px;
    content: '';
    display: inline-block;
    width: 48px;
    height: 48px;
    background: url(/wp-content/themes/whello/assets/images/icon-lime-pattern.svg) center/cover no-repeat;
}

.whbutton-wrapper.btn-label-card {
    display: inline-block;
    position: absolute;
    bottom: 32px;
    left: -webkit-calc(32px + 12px);
    left: -moz-calc(32px + 12px);
    left: calc(32px + 12px);
}

.row-card-item .wh-image-carousel--item-inner {
    height: 360px;
    padding-top: unset;
}
/* --- OVER ONS ----------------------*/
.vc_row.row-featured-media {
    --gap-bottom-text: 62px;
    --height-banner: 430px;
    position: relative;
}

.vc_row.row-featured-media .wpb_single_image {
    -webkit-border-radius: var(--rounded-4xl);
       -moz-border-radius: var(--rounded-4xl);
            border-radius: var(--rounded-4xl);
    overflow: hidden;
}

.vc_row.row-featured-media .wpb_single_image * {
    height: var(--height-banner);
}

.vc_row.row-featured-media .vc_single_image-wrapper {
    width: 100%;
}

.vc_row.row-featured-media .heading-media {
    position: absolute;
    bottom: var(--gap-bottom-text);
    left: var(--padding-container);
    width: -webkit-calc(100% - (var(--padding-container) * 2));
    width: -moz-calc(100% - (var(--padding-container) * 2));
    width: calc(100% - (var(--padding-container) * 2));
}

.vc_row.row-featured-media .heading-media * {
    color: var(--white);
}
/* ---- MEDIA SIDE CONTENT -----------------------*/
.wpb_single_image.media-side-content {
    --aspect-ratio: -webkit-calc((536 / 360) * 100%);
    --aspect-ratio: -moz-calc((536 / 360) * 100%);
    --aspect-ratio: calc((536 / 360) * 100%);
    --max-width-media: 360px;
    max-width: var(--max-width-media);
}

.wpb_single_image.media-side-content .wpb_wrapper.vc_figure {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.wpb_single_image.media-side-content .vc_single_image-wrapper {
    width: 100%;
    display: block;
    position: relative;
    padding-top: var(--aspect-ratio);
    -webkit-border-radius: var(--rounded-4xl);
       -moz-border-radius: var(--rounded-4xl);
            border-radius: var(--rounded-4xl);
    overflow: hidden;
}

.wpb_single_image.media-side-content .vc_single_image-wrapper:before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 51px;
    height: 51px;
    top: 37px;
    left: 32px;
    z-index: 1;
    background: url(/wp-content/themes/whello/assets/images/icon-list-small-blue.svg) center/contain no-repeat;
}
.wpb_single_image.media-side-content .vc_single_image-wrapper img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	-webkit-transition: var(--duration);
	-o-transition: var(--duration);
	-moz-transition: var(--duration);
	transition: var(--duration)
}
.wpb_single_image.media-side-content:hover .vc_single_image-wrapper img {
	-webkit-transform: scale(1.04);
	   -moz-transform: scale(1.04);
	    -ms-transform: scale(1.04);
	     -o-transform: scale(1.04);
	        transform: scale(1.04);
}
/* ---- IMAGE MEDIA CAROUSEL ---------------------*/
.wh-image-carousel--wrapper {
    --rounded-media: var(--rounded-4xl);
    --aspect-ratio: -webkit-calc((347 / 552) * 100%);
    --aspect-ratio: -moz-calc((347 / 552) * 100%);
    --aspect-ratio: calc((347 / 552) * 100%);
    --gap-botom-dots: 40.94px;
    -webkit-border-radius: var(--rounded-media);
       -moz-border-radius: var(--rounded-media);
            border-radius: var(--rounded-media);
    overflow: hidden;
}

.wh-image-carousel--wrapper.media-large {
    --rounded-media: 48.5px;
    --aspect-ratio: -webkit-calc((547.32 / 1128) * 100%);
    --aspect-ratio: -moz-calc((547.32 / 1128) * 100%);
    --aspect-ratio: calc((547.32 / 1128) * 100%);
}

.wh-image-carousel--wrapper-inner,
.wh-image-carousel--item-inner {
    position: relative;
}

.wh-image-carousel--item-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding-top: var(--aspect-ratio);
}

.wh-image-carousel--item-inner .image-item-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wh-image-carousel--wrapper-inner .slick-dots {
    position: absolute;
    left: 50%;
    bottom: var(--gap-botom-dots);
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

.vc_row.row-list-verhalen {
    position: relative;
    z-index: 1;
    background-color: var(--blue-light);
    background-image: url(/wp-content/themes/whello/assets/images/Behandelingen-en-resultaten.png);
    -webkit-background-size: 55px auto;
       -moz-background-size: 55px auto;
         -o-background-size: 55px auto;
            background-size: 55px auto;
    background-position: top 120px left 50%;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/* --- LISTING ---------------------*/
.listing .thumbnail-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.listing.listing-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.listing-default {
    --duration: .5s;
    --border-radius-listing: var(--rounded-3xl);
    --border-radius-featured: var(--rounded-xl);
    --padding-inner-card: 16px;
    --padding-inner-bottom-card: 31px;
    --text-content-align: left;
    --gap-top-title: 16px;
    --aspect-ratio-image: 100%;
}

.listing-default.bg-blue {
    --bg-color-card: var(--blue-light);
}

.listing-default.bg-white {
    --bg-color-card: var(--white);
}

.listing-default.listing-detail {
    --aspect-ratio-image: -webkit-calc((261 / 328 ) * 100%);
    --aspect-ratio-image: -moz-calc((261 / 328 ) * 100%);
    --aspect-ratio-image: calc((261 / 328 ) * 100%);
}

.listing-default.listing-simple {
    --padding-inner-card: 14px;
    --text-content-align: center;
    --gap-top-title: 22px;
    --padding-inner-bottom-card: 25px;
    --text-xl: 20px;
}

.listing-default .listitem-wrapper {
    padding: var(--padding-inner-card);
    padding-bottom: var(--padding-inner-bottom-card);
    -webkit-border-radius: var(--border-radius-listing);
       -moz-border-radius: var(--border-radius-listing);
            border-radius: var(--border-radius-listing);
    background-color: var(--bg-color-card);
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
    text-align: var(--text-content-align);
    height: 100%;
}

.listing.slider-curve .listitem-wrapper:hover {
    -webkit-transform: scale(1.04);
       -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
         -o-transform: scale(1.04);
            transform: scale(1.04);
}

.listing-default .listitem-wrapper:hover .image-wrapper img {
    -webkit-transform: scale(1.04);
       -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
         -o-transform: scale(1.04);
            transform: scale(1.04);
}

.listing-default .image-wrapper {
    position: relative;
    display: block;
    width: 100%;
    padding-top: var(--aspect-ratio-image);
    -webkit-border-radius: var(--border-radius-featured);
       -moz-border-radius: var(--border-radius-featured);
            border-radius: var(--border-radius-featured);
    overflow: hidden;
}

.listing-default .image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.listing-default .title-listing {
    margin-top: var(--gap-top-title);
    color: var(--dark-green);
}

.listing-default.listing-simple .title-listing {
    margin-bottom: 0;
    font-weight: 500;
}

.listing-default.listing-detail .title-listing {
    margin-bottom: 12px;
}

.listing-default.listing-detail .excerpt-listing,
.listing-default.listing-detail .excerpt-listing p {
    -webkit-line-clamp: 2;
    font-weight: 400;
    letter-spacing: -0.04em;
    font-size: var(--text-xs);
    line-height: 140%;
    color: var(--dark-green);
}

.listing-default .listitem-wrapper:hover {
    --bg-color-card: var(--lime);
    -webkit-box-shadow:0px 8px 24px 0 rgba(79, 208, 47, 0.2);
       -moz-box-shadow:0px 8px 24px 0 rgba(79, 208, 47, 0.2);
            box-shadow:0px 8px 24px 0 rgba(79, 208, 47, 0.2);
}

.listing-default.listing-detail.bg-blue:not(.hovered-not-color) .listitem-wrapper:hover {
    --bg-color-card: var(--blue-light-secondary);
}

.listing-default.listing-detail.bg-white:not(.hovered-not-color) .listitem-wrapper:hover {
    --bg-color-card: var(--blue-light);
}

.listing-klantverhalen.bg-white.hovered-not-color .listitem-wrapper:hover {
    --bg-color-card: var(--white);	
}

.listing .loadmore-text {
    --text-base: 16.5px;
    --bottom-label: 34.65px;
    position: absolute;
    bottom: var(--bottom-label);
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    display: inline-block;
    color: var(--white);
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: var(--lineheight-s);
    font-size: var(--text-base);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.listing-default .listitem-wrapper:hover .loadmore-text {
    opacity: 1;
    visibility: visible;
}

.listing:not(.listing-default):not(.listing-blog) .image-wrapper img {
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.listing:not(.listing-default):not(.listing-blog) .listitem-wrapper:hover .image-wrapper img {
    -webkit-transform: scale(1.04);
       -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
         -o-transform: scale(1.04);
            transform: scale(1.04);
}

.listing-default.listing-search-result .title-listing {
    -webkit-line-clamp: 2;
    margin-bottom: 0;
}

.listing-default.listing-search-result {
    --aspect-ratio-image: 78%;
}

.listing-default.listing-search-result .listitem-wrapper:hover {
    background-color: var(--lime);
}

.listing-default.listing-search-result .cta-meta {
    --padding-button: 6px 18px;
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 16px;
    background-color: var(--blue-light);
    font-size: var(--text-xs);
    -webkit-border-radius: var(--rounded-full);
       -moz-border-radius: var(--rounded-full);
            border-radius: var(--rounded-full);
    font-weight: 500;
}

.listing-default .listitem-wrapper:hover .image-wrapper img:first-of-type,
.listing-default .listitem-wrapper:not(:hover) .image-wrapper img:last-of-type {
    opacity: 0;
}

/* listing blog -------------*/
.listing-blog {
    --padding-card: 48px;
    --gap-content: 48px;
    --rounded-listing: var(--rounded-4xl);
    --font-listing-title: 38px;
}

.listing-blog .title-listing {
    color: var(--white);
}

.listing-blog:not(.listing-simple) .listing-item[class*="item-"]:nth-child(odd) {
    --padding-card: 53px 40px 40px;
    --gap-content: 40px;
    --font-listing-title: 20px;
}

.listing-blog:not(.listing-simple) .listing-item[class*="item-"]:nth-child(even){
    --padding-right-content: 30%;
}

.listing-blog .listitem-wrapper {
    position: relative;
    padding: var(--padding-card);
    -webkit-border-radius: var(--rounded-listing);
       -moz-border-radius: var(--rounded-listing);
            border-radius: var(--rounded-listing);
    overflow: hidden;
    height: 100%;
}

.listing-blog .listitem-wrapper > img {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.listing-blog .listitem-wrapper:hover>img {
    -webkit-transform: scale(1.04);
       -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
         -o-transform: scale(1.04);
            transform: scale(1.04);
} 

.listing-blog .content-item {
    position: absolute;
    bottom: var(--gap-content);
    left: var(--gap-content);
    width: -webkit-calc(100% - (var(--gap-content) * 2));
    width: -moz-calc(100% - (var(--gap-content) * 2));
    width: calc(100% - (var(--gap-content) * 2));
    height: -webkit-calc(100% - (var(--gap-content) * 2));
    height: -moz-calc(100% - (var(--gap-content) * 2));
    height: calc(100% - (var(--gap-content) * 2));
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 2;
}

.listing-blog:not(.listing-simple) .title-listing {
    margin-bottom: 0;
    font-size: var(--font-listing-title);
    margin-top: auto;
}

.listing-blog:not(.listing-simple) .listing-item[class*="item-"]:nth-child(odd) .title-listing {
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 24px;
	min-height: 88px;
}

.listing-blog:not(.listing-simple) .listing-item[class*="item-"]:nth-child(even) .title-listing {
    padding-right: var(--padding-right-content);
}

.listing-blog:not(.listing-simple) .icon-pattern-blog {
    --size-icon-pattern: 51px;
    display: inline-block;
    margin-bottom: 16px;
    width: var(--size-icon-pattern);
    min-width: var(--size-icon-pattern);
    min-height: var(--size-icon-pattern);
    height: var(--size-icon-pattern);
    background: url(/wp-content/themes/whello/assets/images/pattern-icon-blog.svg) center/contain no-repeat;
}

.listing-blog:not(.listing-simple) .load-more,
.listing-blog.listing-simple .load-more {
    position: relative;
    font-weight: 500;
    line-height: var(--lineheight-s);
    font-family: var(--fontfamily-satoshi);
    letter-spacing: -0.04em;
    font-size: var(--text-lg);
    color: var(--white);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.listing-blog .listitem-wrapper:hover {
    -webkit-background-size: 110% 110% !important;
       -moz-background-size: 110% !important;
         -o-background-size: 110% !important;
            background-size: 110% !important;
    -webkit-transition: -webkit-background-size 0.5s ease-in-out;
    transition: -webkit-background-size 0.5s ease-in-out;
    -o-transition: -o-background-size 0.5s ease-in-out;
    -moz-transition: background-size 0.5s ease-in-out, -moz-background-size 0.5s ease-in-out;
    transition: background-size 0.5s ease-in-out;
    transition: background-size 0.5s ease-in-out, -webkit-background-size 0.5s ease-in-out, -moz-background-size 0.5s ease-in-out, -o-background-size 0.5s ease-in-out;
}

.listing-blog:not(.listing-simple) .listing-item[class*="item-"]:nth-child(even) .load-more,
.listing-blog.listing-simple .load-more {
    font-size: 0;
    line-height: 0;
}

.listing-blog:not(.listing-simple) .load-more:after,
.listing-blog.listing-simple .load-more:after {
    content: '';
    margin-left: 18px;
    display: inline-block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: var(--rounded-full);
       -moz-border-radius: var(--rounded-full);
            border-radius: var(--rounded-full);
    background: rgba(255,255,255,0.32) center/13px no-repeat;
    background-image: url(/wp-content/themes/whello/assets/icons/icon-arrow-right-white-small.svg);
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.listing-blog:not(.listing-simple) .listitem-wrapper:hover .load-more:after,
.listing-blog.listing-simple .listitem-wrapper:hover .load-more:after {
    -webkit-transform: translateX(3px);
       -moz-transform: translateX(3px);
        -ms-transform: translateX(3px);
         -o-transform: translateX(3px);
            transform: translateX(3px);
}

.listing-blog:not(.listing-simple) .listing-item[class*="item-"]:nth-child(even) .load-more {
    margin-top: -40px;
    margin-left: auto;
    margin-right: -8px;
}

.whbutton-wrapper.btn-all-slider {
    width: -webkit-calc(100% - 128px - 16px);
    width: -moz-calc(100% - 128px - 16px);
    width: calc(100% - 128px - 16px);
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

/* listing-simple */
.listing-blog.listing-simple .content-item {
    z-index: 1;
}

.listing-blog:not(.listing-simple) .listing-item[class*="item-"]:nth-child(even) .listitem-wrapper:before,
.listing-blog.listing-simple .listitem-wrapper:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0,0,0,0.2)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,0.2) 100%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,0.2) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,0.2) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,0.2) 100%);
}

.listing-blog.listing-simple .title-listing {
    --text-xl: 38px;
    margin-bottom: 0;
    -webkit-line-clamp: 2;
}

.listing-blog.listing-simple .load-more {
    margin-top: auto;
}

.listing-blog.listing-simple .load-more:after {
    margin-left: 0;
}

.listing-blog.listing-simple .content-item {
    -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;
}

.listing-blog.listing-featured .listing-item:nth-child(3) .listitem-wrapper {
    background-color: var(--green) !important; 
}

/* listing klantverhalen -------------*/
.listing.listing-klantverhalen {
    --border-radius-card: 21px;
    --padding-inner-card: 26px 26px 44px;
    --bg-color-card: var(--blue-light);
    --gap-list-title: 22px;
}

.listing-klantverhalen.bg-white {
    --bg-color-card: var(--white);
} 

.listing-klantverhalen .listitem-wrapper {
    -webkit-border-radius: var(--border-radius-card);
       -moz-border-radius: var(--border-radius-card);
            border-radius: var(--border-radius-card);
    background-color: var(--bg-color-card);
    overflow: hidden;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.listing-klantverhalen:not(.slider-custom) .listitem-wrapper {
    height: 100%;
}

.listing-klantverhalen .listitem-wrapper:hover {
    --bg-color-card: var(--blue-light-secondary);
}

.links-wrapper {
    --size-icon-link: 16px;
    --gap-list: 16px;
    padding-left: 0;
    list-style-type: none;   
}

.listing-klantverhalen .image-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: -webkit-calc((268 / 401 ) * 100%);
    padding-top: -moz-calc((268 / 401 ) * 100%);
    padding-top: calc((268 / 401 ) * 100%);
    min-height: 220px;
}

.listing-klantverhalen .image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.listing-klantverhalen .content-item {
    padding: var(--padding-inner-card);
}

.listing-klantverhalen .content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-family: var(--fontfamily-satoshi);
    gap: 16px;
}

.listing-klantverhalen .content-wrapper > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -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;
}

.listing-klantverhalen .title-list {
    display: inline-block;
    margin-bottom: var(--gap-list-title);
    font-weight: 700;
    font-size: var(--text-sm);
}

.links-wrapper li + li {
    margin-top: var(--gap-list);
}

.links-wrapper:not(.side-single) li:nth-child(n + 3) {
    display: none;
}

.item-link {
    position: relative;
    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;
    font-weight: 500;
    font-size: var(--text-sm);
    color: var(--dark-green);
    line-height: 120%;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.links-wrapper.side-single {
    --text-sm: 16px;
    --dark-green: var(--black);
    margin-top: 19.17px;
}

.item-link:before {
    display: inline-block;
    content: '';
    min-width: var(--size-icon-link);
    min-height: var(--size-icon-link);
    width: var(--size-icon-link);
    height: var(--size-icon-link);
    margin-right: 12px;
    background: url(/wp-content/themes/whello/assets/images/icon-list-small-blue.svg) center/contain no-repeat;
}

/* listing featured klantverhalen */
.listing-klantverhalen.listing-featured {
    --padding-inner-bottom: 32px;
}

.listing-klantverhalen.listing-featured .listitem-wrapper {
    background-color: var(--baby-blue);
}

.listing-klantverhalen.listing-featured .content-item {
    position: relative;
    -webkit-border-bottom-left-radius: var(--rounded-2xl);
       -moz-border-radius-bottomleft: var(--rounded-2xl);
            border-bottom-left-radius: var(--rounded-2xl);
    -webkit-border-bottom-right-radius: var(--rounded-2xl);
       -moz-border-radius-bottomright: var(--rounded-2xl);
            border-bottom-right-radius: var(--rounded-2xl);
    background-color: var(--blue-light);
}

.listing-klantverhalen.listing-featured .title-listing {
    color: var(--white);
    position: absolute;
    font-weight: 700;
    margin-bottom: 0;
    max-width: -webkit-calc(100% - 48px);
    max-width: -moz-calc(100% - 48px);
    max-width: calc(100% - 48px);
}

.listing-klantverhalen.listing-featured .content-bottom {
    margin-top: auto;
    padding: var(--padding-inner-bottom);
}

.listing-klantverhalen.listing-featured .image-wrapper {
    height: 309px;
    padding-top: unset;
}

.listing-klantverhalen.listing-featured .thumbnail-item,
.listing-klantverhalen.listing-featured .content-item {
    position: relative;
    z-index: 2;
}

.content-bottom-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px;
}

.listing-klantverhalen.listing-featured .link-overlay {
    position: absolute;
    top: -309px;
    left: 0;
    width: 100%;
    height: -webkit-calc(100% + 309px);
    height: -moz-calc(100% + 309px);
    height: calc(100% + 309px);
    cursor: pointer;
}

.btn.btn-consult {
    background-color: var(--lime);
    border-color: var(--lime);
    width: 100%;
}

.btn.btn-detail-post {
    background-color: var(--blue-light);
    border-color: var(--blue-light);
    min-width: 238px;
}

/* listing featured megamenu */
.listing.listing-featured-megamenu .listing-item {
    width: 100%;
}

.listing-featured-megamenu .thumbnail-item {
    -webkit-border-radius: var(--rounded-lg);
       -moz-border-radius: var(--rounded-lg);
            border-radius: var(--rounded-lg);
    overflow: hidden;
}

.listing-featured-megamenu .image-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: -webkit-calc((185 / 286) * 100%);
    padding-top: -moz-calc((185 / 286) * 100%);
    padding-top: calc((185 / 286) * 100%);
}

.listing-featured-megamenu .image-wrapper img {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.listing-featured-megamenu .content-item {
    margin-top: 16px;
}

.listing-featured-megamenu .title-listing {
    -webkit-line-clamp: 2;
    --text-xl: var(--text-base);
    font-weight: 500;
    font-family: var(--fontfamily-sans);
    margin-bottom: 18px;
}

.listing-featured-megamenu .btn-listing {
    --text-sm: 13px;
    --padding-button: 7px 15px;
    line-height: 120%;
    padding: var(--padding-button);
    font-weight: 500;
    background-color: var(--green);
    display: inline-block;
    font-size: var(--text-sm);
    color: var(--lime);
    -webkit-border-radius: var(--rounded-full);
       -moz-border-radius: var(--rounded-full);
            border-radius: var(--rounded-full);
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.listing-featured-megamenu .listitem-wrapper:hover .btn-listing {
    color: var(--dark-green);
    background-color: var(--lime);   
}

.listing-featured-megamenu .listitem-wrapper:hover img {
    -webkit-transform: scale(1.04);
       -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
         -o-transform: scale(1.04);
            transform: scale(1.04);
}
/* ----  ROW BAR CTA --------------------*/
.vc_row.row-bar-cta {
    --padding-inner-bar: 48px 56px 40px 56px;
    --gap-top-bar: -87px;
}

.vc_row.row-bar-cta >.wpb_column > .vc_column-inner > .wpb_wrapper {
    position: relative;
    padding: var(--padding-inner-bar);
    -webkit-border-radius: var(--rounded-4xl);
       -moz-border-radius: var(--rounded-4xl);
            border-radius: var(--rounded-4xl);
    background-color: var(--white);
    margin-top: var(--gap-top-bar);
}

.vc_row.row-inner-cta-bar {
    margin: -12px;
}

.vc_row.row-inner-cta-bar >.wpb_column {
    padding: 12px;
}

.vc_row.row-inner-cta-bar > .wpb_column > .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

.vc_row.row-inner-cta-bar >.wpb_column:nth-child(1) {
    font-size: var(--text-lg);
    color: var(--dark-green);
}

.whbutton-wrapper.btn-gratis-consult .cta-whbutton {
    font-size: var(--text-md);
    min-width: 221px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
/* --- QUICK NAVIGATION ----------------------------*/
.vc_row.row-quick-navigation {
    --rounded-outer-card: 26px;
    --padding-heading-bar: 17px 45px 17px;
    --padding-nav: 19px 45px 34px;
    --margin-bottom-nav: -148px;
}

.vc_row.row-quick-navigation > .wpb_column > .vc_column-inner > .wpb_wrapper {
    position: relative;
    margin-bottom: var(--margin-bottom-nav);
    -webkit-border-radius: var(--rounded-outer-card);
       -moz-border-radius: var(--rounded-outer-card);
            border-radius: var(--rounded-outer-card);
    background-color: var(--blue-light);
    z-index: 1;
}

.heading-bar-navigation {
    padding: var(--padding-heading-bar);
    background-color: var(--baby-blue);
    -webkit-border-top-left-radius: var(--rounded-outer-card);
       -moz-border-radius-topleft: var(--rounded-outer-card);
            border-top-left-radius: var(--rounded-outer-card);
    -webkit-border-top-right-radius: var(--rounded-outer-card);
       -moz-border-radius-topright: var(--rounded-outer-card);
            border-top-right-radius: var(--rounded-outer-card);
    line-height: 140%;
}

.row-quick-navigation-inner {
    padding: var(--padding-nav);
}

.row-quick-navigation-inner ul {
    padding-left: 0;
    list-style-type: none;
}

.row-quick-navigation-inner a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--black);
    font-weight: 400;
    width: 100%;
    padding: 8.5px 0;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.row-quick-navigation-inner a:hover,
.row-quick-navigation-inner a.cta-hash--active {
    font-weight: 700;
    color: var(--blue);
}

 .vc_row.row-item-price {
    --rounded-inner-card: 29px;
    --padding-iner-item: 40px;
 }

 .vc_row.row-item-price + .vc_row.row-item-price {
    margin-top: 24px;
 }

.vc_section[data-vc-full-width] > .vc_row.row-item-price,
.vc_row.row-item-price {
    margin-left: 0;
    margin-right: 0;
    -webkit-border-radius: var(--rounded-inner-card);
       -moz-border-radius: var(--rounded-inner-card);
            border-radius: var(--rounded-inner-card);
    background-color: var(--white);
    overflow: hidden;
}

.vc_row.row-item-price.bg-blue-item {
    background-color: var(--blue-light);
}

.vc_row.row-item-price > .wpb_column {
    padding: var(--padding-iner-item);
}

.vc_row.row-item-price > .wpb_column > .vc_column-inner {
    padding: 0
}

.vc_row.row-item-price .wpb_text_column {
    color: var(--dark-green);
}

.vc_row.row-item-price > .wpb_column:nth-child(1) > .vc_column-inner > .wpb_wrapper>.wpb_text_column:first-of-type {
    font-family: var(--fontfamily-satoshi);
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: var(--lineheight-s);
    color: var(--dark-green);
    font-size: var(--text-xl);
}

.vc_row.row-item-price > .wpb_column:nth-child(2) strong {
    color: var(--blue);
    font-weight: 800;
}

.vc_row.row-item-price > .wpb_column:nth-child(2) ul {
    padding-left: 0;
    list-style-type: none;
}

.vc_row.row-item-price > .wpb_column:nth-child(2) ul li+li {
    margin-top: 1px;
}
/* --- STYLING SINGLE ---------------------*/
.title-page h1 strong,
.title-page h1 strong {
    opacity: 0.5;
}

.title-page.title-green h1,
.single-klachten .title-page h1 {
    color: var(--green);
}

.title-page.title-blue h1,
.single-behandelingen .title-page h1 {
    color: var(--blue);
}

.single-post .site-article,
.single-klantverhalen .site-article {
    --font-post: 17px;
    --linehright-post: 172%;
    color: var(--black);
    font-size: var(--font-post);
    line-height: var(--linehright-post);
}

.single-post .site-article .vc_row:not(.row-related-post),
.single-post .site-article .vc_row:not(.row-related-post) h1:not(.title-listing), 
.single-post .site-article .vc_row:not(.row-related-post) h2:not(.title-listing), 
.single-post .site-article .vc_row:not(.row-related-post) h3:not(.title-listing), 
.single-post .site-article .vc_row:not(.row-related-post) h4:not(.title-listing), 
.single-klantverhalen .site-article .vc_row:not(.row-related-post),
.single-klantverhalen .site-article .vc_row:not(.row-related-post) h1:not(.title-listing),
.single-klantverhalen .site-article .vc_row:not(.row-related-post) h2:not(.title-listing),
.single-klantverhalen .site-article .vc_row:not(.row-related-post) h3:not(.title-listing),
.single-klantverhalen .site-article .vc_row:not(.row-related-post) h4:not(.title-listing) {
   color: var(--black);
}

.vc_section.section-single-wrap >.vc_row > .wpb_column >.vc_column-inner > .wpb_wrapper {
    max-width: 936px;
    margin-left: auto;
    margin-right: auto;
}

.vc_row.row-single-wrap > .wpb_column >.vc_column-inner > .wpb_wrapper{
    max-width: 744px;
}

.header-single {
    --gap-outer-featured: 0 40px;
    --gap-bottom-featured: 72px;
    --padding-inner-featured: 80px var(--padding-container) 82px;
    --min-height-featured: 382px;
    padding: var(--gap-outer-featured);
}

.hero-banner-single {
    position: relative;
    background: var(--media-banner-single) center/cover no-repeat;
    padding: var(--padding-inner-featured);
    -webkit-border-radius: var(--rounded-4xl);
       -moz-border-radius: var(--rounded-4xl);
            border-radius: var(--rounded-4xl);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    min-height: var(--min-height-featured);
    margin-bottom: var(--gap-bottom-featured);
    overflow: hidden;
}

.hero-banner-single h1 {
    position: relative;
    color: var(--white);
    z-index: 1;
    margin-bottom: 0;
}

.vc_row.row-card-solution {
    background-color: var(--blue-light);
    -webkit-border-radius: var(--rounded-4xl);
       -moz-border-radius: var(--rounded-4xl);
            border-radius: var(--rounded-4xl);
    margin-left: 0;
    margin-right: 0;
}

.col-solution.wpb_column {
    --padding-card: 76px 0px 82px;
    padding: var(--padding-card);
}

.col-solution.wpb_column h3 {
    font-family: var(--fontfamily-sans);
    font-weight: 700;
    font-size: var(--text-lg);
    margin-bottom: 9px;
    line-height: var(--lineheight-l);
}

.col-solution.wpb_column > .vc_column-inner {
    padding: 0;
}
.heading-download {
    --text-xs: 13px;
    color: var(--gray-500);
    font-size: var(--text-xs);
    letter-spacing: 0.06em;
    font-weight: 600;
    text-transform: uppercase;
}

.whbutton-wrapper.btn-download,
.whbutton-wrapper.btn-download .cta-whbutton {
    width: 100%;
}

.whbutton-wrapper.btn-download .cta-whbutton {
    --rounded-full: 13px;
    --padding-button: 32px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.whbutton-wrapper.btn-download .icon-cta {
    margin-right: 20px;
}

.whbutton-wrapper.btn-download .label-cta {
    font-weight: 600;
    letter-spacing: 0.06em;
}

.whbutton-wrapper.btn-download:hover .icon-cta {
    -webkit-filter: invert(1) brightness(100);
            filter: invert(1) brightness(100);
}

.whbutton-wrapper.btn-download:hover .label-cta {
    color: var(--white);
}

.whbutton-wrapper.btn-download:hover .cta-whbutton {
    background-color: var(--blue);
    border-color: var(--blue);
}
/*  ROW CARD PATTERN -----------------------------*/
.vc_row.row-card-pattern {
    --padding-card: 55px 76px 66px;
    --rounded-card: var(--rounded-2xl);
    --max-content-card: 792px;
    --gap-pattern: -167px;
    --size-pattern: 331px;
    overflow: hidden;
}

.vc_row.row-card-pattern > .wpb_column > .vc_column-inner > .wpb_wrapper {
    position: relative;
    max-width: var(--max-content-card);
    margin-left: auto;
    margin-right: auto;
}

.vc_row.row-card-pattern > .wpb_column > .vc_column-inner > .wpb_wrapper .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

.vc_row.row-card-pattern > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row {
    position: relative;
    padding: var(--padding-card);
    -webkit-border-radius: var(--rounded-card);
       -moz-border-radius: var(--rounded-card);
            border-radius: var(--rounded-card);
    background-color: var(--blue-light-third);
    color: var(--black);
    z-index: 2;
}

.vc_row.row-card-pattern > .wpb_column > .vc_column-inner > .wpb_wrapper:before,
.vc_row.row-card-pattern > .wpb_column > .vc_column-inner > .wpb_wrapper:after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    background: center/contain no-repeat;
    z-index: -1;
    width: var(--size-pattern);
    height: var(--size-pattern);
    pointer-events: none;
}

.vc_row.row-card-pattern > .wpb_column > .vc_column-inner > .wpb_wrapper:before {
    left: var(--gap-pattern);
    background-image: url(/wp-content/themes/whello/assets/images/pattern-row-card-blue-left.svg);
}

.vc_row.row-card-pattern > .wpb_column > .vc_column-inner > .wpb_wrapper:after {
    right: var(--gap-pattern);
    background-image: url(/wp-content/themes/whello/assets/images/pattern-row-card-blue-right.svg);
}
/* ----- TAB BEFORE AFTER -----------------------*/
.tab-header .listitem-wrapper {
    cursor: pointer;
}

.tab-body {
    margin-top: 40px;
}

.tab-body-item {
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
    -webkit-transition-delay: 0.3s;
       -moz-transition-delay: 0.3s;
         -o-transition-delay: 0.3s;
            transition-delay: 0.3s;
}

.tab-body-item:not(.active) {
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.tab-body-item-wrapper {
    position: relative;
}

.text-before-after,
.btn-before-after {
    position: absolute;
    display: inline-block;
    color: var(--white);
    font-family: var(--fontfamily-satoshi);
    z-index: 1;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}
.btn-before-after {
    --padding-button: 11.5px 16.5px;
    --bottom: 32px;
    --right: 32px;
    padding: var(--padding-button);
    bottom: var(--bottom);
    right: var(--right);
    font-size: var(--text-md);
    letter-spacing: -0.025em;
    -webkit-border-radius: var(--rounded-full);
       -moz-border-radius: var(--rounded-full);
            border-radius: var(--rounded-full);
    line-height: 120%;
    background-color: var(--blue);
}

.btn-before-after:hover {
    color: var(--white);
    background-color: var(--blue-secondary);
}

.tab-body-item-wrapper:hover .text-before-after {
    opacity: 0;
    visibility: hidden;
}

.tab-header:not(.listing) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}

.tab-header:not(.listing) .listing-item {
    width: auto;
}

.tab-header:not(.listing) .listitem-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: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: var(--padding-button);
    -webkit-border-radius: var(--rounded-full);
       -moz-border-radius: var(--rounded-full);
            border-radius: var(--rounded-full);
}

.tab-before-after-behandelingen .tab-header:not(.listing) .listitem-wrapper {
    background-color: var(--lime);
}

.tab-before-after-klachten .tab-header:not(.listing) .listitem-wrapper {
    background-color: var(--baby-blue);
}

.tab-header:not(.listing) .title-listing {
    font-size: var(--text-md);
    margin-bottom: 0;
    font-weight: 700;
}

.tab-before-after-klachten .tab-header:not(.listing) .listing-item.active .listitem-wrapper {
    background-color: var(--lime);
}

.tab-before-after-behandelingen .tab-header:not(.listing) .listing-item.active .listitem-wrapper {
    background-color: var(--baby-blue);
}

.onderwerp-heading h4{
    font-size: 18px;
    font-weight: 700;
}

.taxonomy-faq {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    font-family: var(--fontfamily-satoshi);
    max-width: 170px;
}

.taxonomy-faq a {
    line-height: 150%;
    margin-bottom: 16px;
    font-weight: 500;
    color: #000000;
    opacity: 0.4;
}

.taxonomy-faq a:hover {
    font-weight: 700;
}

.taxonomy-faq a:focus {
    color: var(--blue);
}

.faq-heading{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 16px;
    line-height: 150%;
}

.faq-group{
    padding-bottom: 56px;
}

.faq-item {
    margin-bottom: 16px;
    background-color: #EEF7FF;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    cursor: pointer;
}

.faq-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    width: 100%;
    -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;
    padding: 22.5px 32px;
    font-family: var(--fontfamily-satoshi);
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
}

.faq-text {
    line-height: 150%;
    padding: 0 32px;
    padding-bottom: 16px;
}

.faq-buttons {
    background-color: var(--lime);
    padding: 16px 24px;
    -webkit-border-radius: 72.55px;
       -moz-border-radius: 72.55px;
            border-radius: 72.55px;
    margin-left: 32px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.faq-buttons:hover {
    background-color: var(--lime-soft);
    color: var(--dark-green);
}

.faq-buttons a:hover{
    color: var(--dark-green) !important;
}

.faq-content {
    max-height: 0;        
    overflow: hidden;     
    -webkit-transition: max-height 0.4s ease;     
    -o-transition: max-height 0.4s ease;     
    -moz-transition: max-height 0.4s ease;     
    transition: max-height 0.4s ease;
    padding-bottom: 0;     
}


.faq-item.open .faq-content {
    padding-bottom: 24px;  
}

.faq-icon {
    position: relative;
}

.faq-icon:after {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(/wp-content/uploads/2025/09/arrow-faq.png) center/contain no-repeat;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg); 
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
}

.faq-item.open .faq-icon:after {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg); 
}

.sticky-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 88px;
}

.faq-contact-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.desc-btn {
    font-weight: 700;
    font-size: 18px;
    font-family: var(--fontfamily-satoshi);
    text-align: right;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
    margin-left: auto;
    padding: 0 32px;
}

.faq-group .faq-divider {
  border: none;
  border-top: 1px solid var(--baby-blue);
}

.faq-group-vooreen-nazorg .faq-divider {
    display: none;
}

.faq-accordion {
    padding-bottom: 64px;
}

.faq-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: end;
}