/*
Theme Name: Vomedex
Author: Programic
Author URI: https://programic.com/
Version: 1.0
*/

/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');*/

@font-face {
    font-family: 'Genesis';
    font-display: swap;
    src: url('/wp-content/themes/vomedex/assets/fonts//Genesis.eot');
    src: url('/wp-content/themes/vomedex/assets/fonts/Genesis.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/vomedex/assets/fonts/Genesis.woff2') format('woff2'),
         url('/wp-content/themes/vomedex/assets/fonts/Genesis.woff') format('woff'),
         url('/wp-content/themes/vomedex/assets/fonts/Genesis.ttf')  format('truetype'),
         url('/wp-content/themes/vomedex/assets/onts/Genesis.svg#Genesis') format('svg');
}

* { box-sizing: border-box !important; }
.wpb-form { position:relative; z-index: 100; }
:root {
    --fs: 1.4rem;
    --lh: 1.6;

    --clr-border: rgb(222, 226, 230);

    /* Zie footer.php voor kleur custom properties */

    --clr-primary-110: color-mix(in oklab, var(--clr-primary) 90%, #000);
    --clr-primary-90: color-mix(in oklab, var(--clr-primary) 90%, white);
    --clr-primary-20: color-mix(in oklab, var(--clr-primary) 20%, white);

    --clr-secondary-110: color-mix(in oklab, var(--clr-secondary) 90%, #000);
    --clr-secondary-90: color-mix(in oklab, var(--clr-secondary) 90%, white);

    --wpb-font-family: 'Inter', sans-serif;
}

@media (min-width: 768px) {
    :root {
        --fs: 1.6rem;
    }
}

* { font-family: var(--wpb-font-family); }

h1, .h1 { font-family: 'Genesis'; color:var(--clr-primary); --fs: clamp(3.2rem, 5vw, 6.4rem); --lh: 1.2; }
h2, .h2 { font-family: 'Genesis'; color:var(--clr-primary); --fs: clamp(2.8rem, 4vw, 4.4rem); --lh: 1.2; }
h3, .h3 { font-family: 'Genesis'; color:var(--clr-primary); --fs: clamp(2rem, 3vw, 2.4rem); --lh: 1.2; }
h4, .h4 { --fs: 1.8rem; --lh: 2rem; }

:is(h1, h2, h3, h4, .h1, .h2, .h3, .h4) span { font-family:inherit; font-size:inherit; }

/*** ----- Whitespace ----- ***/
[class*="wpb-wst"] { --pt: 0; padding-top: var(--pt); }
[class*="wpb-wsb"] { --pb: 0; padding-bottom: var(--pb); }

.wpb-wst--none { --pt: 0; }
.wpb-wst--small { --pt: 1.8rem; }
.wpb-wst--medium { --pt: 2.5rem; }
.wpb-wst--large { --pt: 4rem; }

.wpb-wsb--none { --pb: 0; }
.wpb-wsb--small { --pb: 1.8rem; }
.wpb-wsb--medium { --pb: 2.5rem; }
.wpb-wsb--large { --pb: 4rem; }

.container:after, .row:after { content: none; }

@media (min-width: 992px) {
    .wpb-wst--small { --pt: 4rem; }
    .wpb-wst--medium { --pt: 6rem; }
    .wpb-wst--large { --pt: 8rem; }

    .wpb-wsb--small { --pb: 4rem; }
    .wpb-wsb--medium { --pb: 6rem; }
    .wpb-wsb--large { --pb: 8rem; }
}

/*** ----- Background colors ----- ***/

.wpb-bg-clr--primary {
    --bg-color: var(--clr-primary);
    background-color: var(--clr-primary);
}

.wpb-bg-clr--primary-gradient {

    --bg-image: linear-gradient(var(--bg-radius), rgba(199,194,210,1) 0%, rgba(128,109,159,1) 51%, rgba(4,45,125,1) 100%);
    --bg-color: rgb(199,194,210);

    background: var(--bg-color);
    background: var(--bg-image);
}

body.wpb-theme__zorgprofessionals .wpb-bg-clr--primary-gradient {
    --bg-image: linear-gradient(var(--bg-radius), #A5D7D5 0%, #008486 51%, #042D7D);
    --bg-color: #008486;
}


.wpb-bg-clr--primary-gradient-reversed {
    --bg-radius: 206deg;

    background: rgb(199,194,210);
    background: linear-gradient(var(--bg-radius), rgba(199,194,210,1) 0%, rgba(128,109,159,1) 51%, rgba(4,45,125,1) 100%);
}

.wpb-bg-clr--primary-gradient-left-right {
    --bg-radius: 206deg;
    --bg-image: linear-gradient(var(--bg-radius), rgba(199,194,210,1) 0%, rgba(128,109,159,1) 51%, rgba(4,45,125,1) 100%);
    --bg-color: rgb(199,194,210);

    background: var(--bg-color);
    background: var(--bg-image);
}

.wpb-bg-clr--secondary { background-color: var(--clr-secondary); }
.has-white-background-color { --bg-color:#fff; }
.anchor { margin-top:-100px; }


/*** ----- Buttons ----- ***/
.btn, .gform_button, .gform_next_button, .gform_previous_button, .button, .wp-block-button__link { --fs: 15px; --lh: 1; --p: 1.5rem 2rem; --br: 0; font-weight: bold; transition: .2s all ease-in-out; }
:is(.btn, .gform_button, .gform_next_button, .gform_previous_button, .button, .wpb-form .gform_wrapper.gravity-theme .gform_button, .wp-block-button__link):hover { border-top-left-radius: 0px !important; border-top-right-radius: 20px !important; border-bottom-left-radius: 20px !important; border-bottom-right-radius: 0px !important; }
.wpb-form .gform_wrapper.gravity-theme .gform_button:hover { background-color:var(--clr-secondary) !important; color:var(--clr-primary); !important; }
.btn.btn--primary, .button { --clr: rgb(255,255,255); --bg-clr: var(--clr-primary); --border: 1px solid transparent; --hover-bg-clr: var(--clr-primary-90); }
.btn.btn--primary .wpb-icon { --clr: rgb(255,255,255); }
.btn.btn--purple { --bg-clr:#806D9F; --clr:#fff; --hover-bg-clr:#806D9F }
/*body button.button:focus { color: #fff; }*/

/*.wp-block-button__link:hover { color:#fff; }*/

@media (min-width: 992px) {
    .btn, .gform_button, .gform_next_button, .gform_previous_button, .button, .wp-block-button__link { --fs: 20px; --p: 1.75rem 2rem; }
    .btn-group:has(.btn:nth-child(4)) { column-gap:40px; row-gap: 20px; }
}
/*** ----- Navigation ----- ***/
.theme-switcher { display: flex; padding: 5px; border-radius:10px; background-color:#E7F2FC; gap: 5px; width: min-content; }
.theme-switcher a { background-color: transparent; padding: 2px 16px; color:var(--clr-primary); text-decoration:none; border-radius: 6px; margin:0px;}
.theme-switcher a.active { background-color: #a19acc; color:var(--clr-primary); font-weight: bold; }
.theme-switcher a.active.professionals { background-color: #A5D7D5; }

.wpb-navigation .wpb-navigation__main { padding-top: 20px; padding-bottom: 20px; background-color: #E7F2FC; border-bottom-right-radius: 100px;}

.wpb-navigation .wpb-menu { margin-bottom: 0px; }
.wpb-navigation .wpb-menu li { margin-bottom:0px; }
.wpb-navigation .wpb-menu li.btn.btn--secondary { margin-left: 16px; min-height: 4rem; display: none; }
.wpb-navigation .wpb-menu li.btn.btn--secondary a { --text-clr: var(--clr-primary); color: var(--clr-primary); padding:0 !important; transform: none !important; }
.wpb-navigation .wpb-navigation__bottom { padding: 0px; }
.wpb-navigation .wpb-navigation__bottom .container { align-items: center; }
.wpb-navigation .wpb-navigation__bottom .theme-switcher a { font-size: 12px; }
.wpb-navigation .wpb-navigation__bottom .wpb-menu { margin-left:auto; }
.wpb-navigation .wpb-navigation__bottom .wpb-menu a { color:#fff; font-weight: bold; font-size: 14px; padding: 0 16px; padding-bottom:0px !important; transform:none !important; }
.wpb-navigation.wpb-navigation--primary { background-color: #042D7D;}
.wpb-navigation .wpb-navigation__bottom > .container:after { display:none !important; }

.wpb-pagewrapper > .wp-block-group > .wp-block-buttons, .wpb-pagewrapper > .wp-block-buttons { margin:auto; width: var(--wpb-width); padding-left: 2.2rem; padding-left:2.2rem; }

@media (min-width: 992px) {
    .wpb-navigation .wpb-menu li.btn.btn--secondary { display: flex; }
    .wpb-navigation .wpb-navigation__main { padding-top: 80px; padding-bottom: 30px; border-bottom-right-radius: 200px; }
    .wpb-navigation .wpb-navigation__bottom { padding: 20px 0px; }
    .wpb-navigation .wpb-navigation__bottom .wpb-menu a { font-size: 20px; }
    .theme-switcher { gap: 10px;  }
    .theme-switcher a { padding: 4px 16px;; }
    .wpb-navigation .wpb-navigation__bottom .theme-switcher a { font-size:14px; }
}

.wpb-theme__zorgprofessionals .wp-block-group:has(.wpb-header, .wpb-block--consultants) { background: linear-gradient(45deg,#a5d7d5 0.00%,#008486 55.69%,#042d7d 100.00%); }
.wpb-theme__zorgprofessionals .wp-block-group:has(.wpb-block--consultants) .wpb-block__header .wpb-text * { color:#fff; }

@media (min-width: 992px) {
    .wpb-theme__zorgprofessionals .wp-block-group:has(.wpb-block--consultants) { margin-bottom: 100px;  }
    .wpb-theme__zorgprofessionals .wp-block-group:has(.wpb-block--consultants) > section:first-child {}
    .wpb-theme__zorgprofessionals .wp-block-group:has(.wpb-block--consultants) > section:nth-child(2) { transform: translateY(100px); }

/*    .with-half .wpb-header.wpb-header--subpage .container { width:50%; }*/
/*    .wp-block-group.with-half .wpb-header--subpage .container { width:50%; }*/
}

.wp-block-group:has(.wpb-header) { background: rgb(199, 194, 210); background: linear-gradient(16deg, rgba(199, 194, 210, 1) 0%, rgba(128, 109, 159, 1) 51%, rgba(4, 45, 125, 1) 100%); }
.wp-block-group:has(.wpb-header) .wpb-header { position:relative; z-index:1; }
.wp-block-group:has(.wpb-header) .wpb-header.wpb-header--home { padding-bottom:40px; }
.wp-block-group:has(.wpb-header) .wpb-block { margin-top: -40px; }
.wp-block-group:has(.wpb-header.wpb-header--subpage) .wpb-block.wpb-block--text-media > .container { --gc: 2; display: flex; flex-direction: row; align-items: flex-start; padding: 0; padding-left:10px; padding-right:10px; }
.wp-block-group:has(.wpb-header.wpb-header--subpage) .wpb-block.wpb-block--text-media > .container .wpb-text { width: 100%; }
.wp-block-group:has(.wpb-header.wpb-header--subpage) .wpb-block.wpb-block--text-media > .container .wpb-text p { max-height: 200px; overflow:hidden; }
.wp-block-group:has(.wpb-header.wpb-header--subpage) .wpb-block.wpb-block--text-media > .container .wpb-image { order: -1; width: 100%; }
.wp-block-group:has(.wpb-header.wpb-header--subpage) .wpb-block.wpb-block--text-media > .container .wpb-image { height: auto; }
.wp-block-group:has(.wpb-header.wpb-header--subpage) .wpb-block.wpb-block--text-media > .container .wpb-image figcaption { font-size:14px; }
.wp-block-group:has(.wpb-header.wpb-header--subpage) .wpb-block.wpb-block--text-media > .container .wpb-image img { border-bottom-right-radius:0px; }
.wp-block-group:has(.wpb-header) .wpb-block.wpb-bg-clr--primary { --clr-text: #fff; }
.wp-block-group:has(.wpb-header) .wpb-block.wpb-bg-clr--primary :is(h1, h2, h3) { color:var(--clr-text); font-size: 17px; }
.wp-block-group:has(.wpb-header) .wpb-block.wpb-bg-clr--primary:not(.wpb-block--blurb-default) .wpb-card--blurb :is(h1, h2, h3) { color:var(--clr-primary); }
/* .wp-block-group:has(.wpb-header) .wpb-block > .container:before { content: ''; background-color: var(--bg-color); height: 100%; display: block; z-index: 999; position: absolute; width: calc((100vw - 100%) / 2); right: 100%; top: 0; border-bottom-left-radius: 125px } */

.wp-block-group.cta > .wpb-bg-clr--primary-gradient > * { z-index:1; position: relative; }
.wp-block-group.cta > .wpb-bg-clr--primary-gradient > .wpb-block__header, .wp-block-group.cta > .wpb-bg-clr--primary-gradient .container > .inner { padding: 0; }
.wp-block-group.cta > .wpb-bg-clr--primary-gradient { background: transparent; position:relative; }
.wp-block-group.cta > .wpb-bg-clr--primary-gradient { z-index:1 }
.wp-block-group.cta > .wpb-bg-clr--primary-gradient:before { border-top-right-radius: 65px; z-index: 0; content:''; background:var(--bg-image); width: 100%; height: 100%; position: absolute; top:0; left: 0; }

.wp-block-group.cta { width:var(--wpb-width); margin:auto; max-width: 100vw;}
.wp-block-group.cta > .wpb-block:first-child { border-top-left-radius: 124px; padding-bottom: 100px; }
.wp-block-group.cta > .wp-block-image { position: relative; z-index: 2; width:100%; border-top-left-radius:65px; max-height: 150px; overflow: hidden; margin-top: -60px; }
.wp-block-group.cta > .wp-block-image img { object-fit: cover; max-height:100%; max-width:100%; }
.wp-block-group.cta > .wp-block-image + .wpb-block .wpb-text :is(h1, h2, h3) { font-size:clamp(30px, 3vw, 45px); }
.wp-block-group.cta .wpb-bg-clr--primary-gradient :is(h1, h2, h3, p) { color:#fff; }
.wpb-header.wpb-header--home { margin-bottom: 16px; }
.wpb-header.wpb-header--home .wpb-image { margin-left:0px; margin-right:0px; }
.wpb-header.wpb-header--home .wpb-image img { border-top-left-radius: 25px; border-bottom-right-radius: 25px; object-fit: cover; object-position: top; }
.wpb-header.wpb-header--home .wpb-text { transform: translateX(-56px); width: calc(100% + 56px); }
.wpb-header.wpb-header--home :is(h1, h2, h3) { font-family: 'Genesis'; color:#fff; text-shadow: 0px 0px 10px #00000045 }

.wpb-header.wpb-header--subpage, .wpb-header.wpb-header--shop { --clr-text: #fff; }
.wpb-header.wpb-header--subpage h1, .wpb-header.wpb-header--shop h1 { font-family: 'Genesis'; color:#fff; font-size:24px; }
.wpb-header.wpb-header--subpage h3, .wpb-header.wpb-header--shop h3 { font-family: 'Inter'; color:#fff; font-size: 15px; }
.wpb-header.wpb-header--subpage img, .wpb-header.wpb-header--shop img { border-top-left-radius: 25px; border-bottom-right-radius: 25px; max-height:142px; object-fit: cover; }
.wpb-header.wpb-header--shop img, .wpb-header.wpb-header--shop figure,
.wpb-header.wpb-header--subpage img, .wpb-header.wpb-header--subpage figure,
.wpb-header.wpb-header--shop img, .wpb-header.wpb-header--shop figure { width:100%; }
.wpb-header.wpb-header--subpage .container, .wpb-header.wpb-header--shop .container { display:flex; flex-direction: column; align-items: flex-start; }
.wpb-header.wpb-header--subpage .container > div, .wpb-header.wpb-header--shop .container > div { width:100%; }
.wpb-header.wpb-header--subpage .container .inner, .wpb-header.wpb-header--shop { display: flex; flex-direction: column-reverse; gap: 16px; }
.wpb-header.wpb-header--subpage .btn.btn--link, .wpb-header.wpb-header--shop .btn.btn--link {  color: var(--clr-secondary); text-decoration: underline; font-size: 12px; padding-left: 0px; }
.wpb-header.wpb-header--subpage .btn.btn--link:hover, .wpb-header.wpb-header--shop .btn.btn--link:hover { color: var(--clr-secondary) !important; }
.wpb-header.wpb-header--subpage .btn.btn--link:after, .wpb-header.wpb-header--shop .btn.btn--link:after { content: ''; transform: rotate(270deg); --clr: var(--clr-secondary); --src: url(/wp-content/themes/vomedex/assets/icons/arrow.svg); --w: 2rem; --h: 2rem;-webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: var(--w); height: var(--h); background-color: var(--clr); transition: background-color var(--ts-15) ease; margin-left: 10px; }
section.wpb-header.wpb-header--subpage .inner h1 + h3, section.wpb-header.wpb-header--shop .inner h1 + h3 { margin-top: -16px; }

@media (min-width: 992px) {
    .wp-block-group.cta > .wpb-bg-clr--primary-gradient:before {  border-top-left-radius: 125px; border-top-right-radius: 0; width: calc(100% + calc(100vw - var(--wpb-width) / 2)); }
    .wp-block-group:has(.wpb-header) .wpb-block { margin-top: -120px; margin-bottom: -100px; width: calc(100% - 100px); margin-left: 0px !important; }
    .wp-block-group:has(.wpb-header.wpb-header--subpage) .wpb-block > .container { padding: 40px 0px 40px 40px !important; }
    .wp-block-group:has(.wpb-header.wpb-header--shop) .wpb-block > .container { padding: 40px 0px 40px 40px !important; }
    .wp-block-group:has(.wpb-header) .wpb-block.wpb-bg-clr--primary :is(h1, h2, h3) { color:var(--clr-text); font-size: 35px; }
/*    .wp-block-group:has(.wpb-header.wpb-header--subpage) .wpb-block.wpb-block--text-media > .container .wpb-image { width: 323px; height: 280px;}*/
    .wp-block-group:has(.wpb-header.wpb-header--subpage) .wpb-block.wpb-block--text-media > .container .wpb-image { width:100%; height: 350px; padding-right: 100px; max-width: 500px; }
    .wp-block-group:has(.wpb-header.wpb-header--subpage) .wpb-block.wpb-block--text-media > .container .wpb-image:has(figcaption) { height:300px; max-width: 400px; margin-right:150px; }
    .wp-block-group:has(.wpb-header.wpb-header--subpage) .wpb-block.wpb-block--text-media > .container .wpb-image figcaption { font-size:20px; text-align: left; padding-left: 20px; }

    .wp-block-group.cta > .wp-block-image + .wpb-block:has(.wpb-text) { transform:translateY(-140px); margin-bottom: -140px; }
    .wp-block-group.cta > .wp-block-image { width:50%; float:right; border-top-left-radius:124px; max-height: 300px; margin-top: -60px; }
    .wp-block-group.cta > .wp-block-image + .wpb-block .wpb-text { margin-bottom:100px; }

    .wpb-header.wpb-header--home { margin-bottom: 0; }
    .wpb-header.wpb-header--home .wpb-image img { border-top-left-radius: 80px; border-bottom-right-radius: 80px; height: 530px; max-width: 550px; }
    .wpb-header.wpb-header--home .wpb-text { transform: translateX(-150px); }
    .wpb-header.wpb-header--subpage .container .inner, .wpb-header.wpb-header--shop .container .inner { flex-direction: row; gap: 3.2rem; }
    .wpb-header.wpb-header--subpage .container .wpb-image, .wpb-header.wpb-header--shop .container .wpb-image { flex-shrink: 0; max-width: 50%; }
    .wpb-header.wpb-header--subpage h1, .wpb-header.wpb-header--shop h1 { font-family: 'Genesis'; color:#fff; font-size:45px; }
    .wpb-header.wpb-header--subpage h3, .wpb-header.wpb-header--shop h3 { font-family: 'Inter'; color:#fff; font-size: 25px; }
    .wpb-header.wpb-header--subpage img, .wpb-header.wpb-header--shop img { border-top-left-radius: 40px; border-bottom-right-radius: 40px; max-height:unset }
    .wpb-header.wpb-header--subpage .btn.btn--link, .wpb-header.wpb-header--shop .btn.btn--link { font-size:20px; }
    .wpb-header.wpb-header--subpage .btn.btn--link:after, .wpb-header.wpb-header--shop .btn.btn--link:after { --w: 3rem; --h: 3rem; }

    .wpb-header.wpb-header--subpage.wpb-header--thanks { padding-bottom: 48px; }
    .wpb-header.wpb-header--subpage.wpb-header--thanks h3 { font-size: 32px; line-height: 36px; color: hotpink !important; }
    .wpb-header.wpb-header--subpage.wpb-header--thanks .inner.thanks { gap: 12rem }
    .wpb-header.wpb-header--subpage .inner.thanks .wpb-text{ padding-top: 100px; }
    .wpb-header.wpb-header--subpage .inner.thanks h1 { font-size: 86px; line-height: 96px; }
    .wpb-header.wpb-header--subpage .inner.thanks p { font-size: 16px; line-height: 22px; }
    .wpb-header.wpb-header--subpage .inner.thanks img { border-radius: 0 0 0 200px; max-height:unset; aspect-ratio: 1}

    .wpb-block:has(.btn--thanks) { padding: 56px 0; }
    .wpb-block:has(.btn--thanks) .container { gap: 10rem; }
    .wpb-block:has(.btn--thanks) p { color: #212121; }
    .wpb-block:has(.btn--thanks) p a:not(.btn--thanks) { color: #042D7D; text-decoration: none }
    .wpb-block:has(.btn--thanks) h3 { font-size: 32px; line-height: 36px; }
    .wpb-block:has(.btn--thanks) h3 { font-size: 32px; line-height: 36px; }
    .btn--thanks { font-size: 16px; font-weight: 600; border-radius: 21px; padding: 13px 24px; }
}

.wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) { border-top-left-radius: 25px; border-bottom-right-radius: 25px; }
.wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) > .container { padding: 0px 20px; --fs: 14px; flex-direction:row-reverse; gap: 0; }
.wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) > .container :is(h1, h2, h3) { font-family: 'Genesis'; font-weight:400; font-size:14px; color:#fff; }
.wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) > .container p { display:none; }
.wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) > .container .wpb-text { display:flex; margin-left:auto; align-items:center; }
.wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) > .container .wpb-text h2 { margin:0; font-size: 16px; }
.wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) > .container .wpb-image { width:auto; }
.wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) > .container img { width:30px; height:30px; border-radius: 0; }
.wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary).wpb-wsb--small { --clr-text:#fff; --pb: 5px; --pt: 5px; }
.wpb-block--text-media:is(.media-align-wpb-align-top, .media-align-wpb-align-bottom) .container .wpb-image { margin-bottom: 0px; }

.wpb-block.wpb-block--text-media-cta:not(.wpb-block--text-media-cta-variant-2) .container { background: #042D7D; }
.wpb-block.wpb-block--text-media-cta .container { --clr-txt: #fff; background-color:var(--bg-color); background-image:var(--bg-image);  display:flex; flex-direction: column-reverse; color:#fff; border-top-left-radius: 125px; relative; }
.wpb-block.wpb-block--text-media-cta:not(.wpb-block--text-media-cta-variant-2) .container > * { position: relative; z-index:1; width: 100%; }

.wpb-block--text-media-cta-variant-1:is(.wpb-bg-clr--primary-gradient-left-right, .wpb-bg-clr--primary-gradient-right-left) { background:transparent; background-color:transparent; }
.wpb-block--blurb.wpb-bg-clr--primary .wpb-block__header .wpb-text :is(h2, p) { color:#fff; }
/*.wpb-block--text-media-cta-variant-1:is(.wpb-bg-clr--primary-gradient-left-right, .wpb-bg-clr--primary-gradient-right-left)*/
/*.wpb-block.wpb-block--text-media-cta:not(.wpb-block--text-media-cta-variant-2) .container::after*/
.wpb-altijd-dichtbij_show .wpb-block__header .container { background-image:url(/wp-content/uploads/2024/04/VOM002-altijd-dichtbij.png); background-repeat: no-repeat; background-position: 20px top; background-size: 70% auto; padding-top: 60px; }

.wpb-block.wpb-block--text-media-cta:not(.wpb-block--text-media-cta-variant-2) .container > .wpb-image { width:calc(100% + 4.4rem); }
.wpb-block.wpb-block--text-media-cta:not(.wpb-block--text-media-cta-variant-2) .container > .wpb-image img { object-fit:cover; width:100%; height: 170px; }
.wpb-block.wpb-block--text-media-cta:not(.wpb-block--text-media-cta-variant-2) .container::after { z-index:0; content: ''; position: absolute; background-color: var(--bg-color); background-image:var(--bg-image);  height: 100%; display: block; z-index:0; position: absolute; width: calc(100% + (100vw - 100% / 2)); top:0; left: 0; border-top-left-radius: 124px; }
.wpb-block.wpb-block--text-media-cta .container :is(h1, h2, h3, p, ul, li) { color:#fff; }
.wpb-block.wpb-block--text-media-cta::not(.wpb-block--text-media-cta-variant-2) .container figure { margin: 0; padding: 0; margin-left: calc(var(--wpb-padding) * -1); width: calc(100% + var(--wpb-padding) + var(--wpb-padding) + 20px); margin-top:-5px; }
.wpb-block.wpb-block--text-media-cta:not(.wpb-block--text-media-cta-variant-2) .container figure img { border-top-left-radius: 65px; }
.wpb-block.wpb-block--text-media-cta .container ul { list-style: none; margin: 0; padding: 0; }
.wpb-block.wpb-block--text-media-cta .container ul li:before {  margin-right: 10px; content:''; --src: url('/wp-content/themes/vomedex/assets/icons/check.svg'); --clr: var(--clr-secondary); --w: 1.5rem; --h: 1.5rem; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: var(--w); height: var(--h); background-color: var(--clr); transition: background-color var(--ts-15) ease; }
.wpb-block.wpb-block--text-media-cta .container ul li { margin-bottom: .5rem; font-size: 15px; font-weight: bold; display: flex; align-items: center; }
.wpb-block.wpb-block--text-media-cta .container .wpb-text { padding: 20px 0px; }
.wpb-block.wpb-block--text-media-cta.wpb-block--text-media-cta-variant-2 .container { flex-direction:row; align-items: center; }
.wpb-block.wpb-block--text-media-cta.wpb-block--text-media-cta-variant-2 .container figure { max-width:auto; order: -1; }
.wpb-block.wpb-block--text-media-cta.wpb-block--text-media-cta-variant-2 .container img { max-width: 60px; flex-shrink: 0; }
.wpb-block.wpb-block--text-media-cta.wpb-block--text-media-cta-variant-2 .container .wpb-text { width:100%; display:flex; align-items: center;  column-gap: 20px; }
.wpb-block.wpb-block--text-media-cta.wpb-block--text-media-cta-variant-2 .container .wpb-text :is(p, h1, h2, h3) { margin-bottom:0px; font-size: 14px; font-weight: bold; margin-left: 20px; }
.wpb-block.wpb-block--text-media-cta.wpb-block--text-media-cta-variant-2 .container .wpb-text .btn-group { margin-left:auto; }

@media (min-width: 576px) {
    .wpb-block.wpb-block--text-media-cta .container ul li { font-size: 16px; }
    .wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) > .container .wpb-text h2 { font-size: 18px; }
}


@media (max-width: 992px) {
    .wp-block-spacer:not(.spacer-all) { display:none; }
    .wp-block-group.has-background[style*="border-top-left-radius:125px"] {  border-top-left-radius: 75px !important; padding-top: 10px; }

    .wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary).wpb-wsb--small .container { padding-top: 10px; padding-bottom: 10px; }
    .wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) > .container .wpb-text { margin-left:16px; }
    .wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) > .container .wpb-text .btn-group { margin-top:0; }
    .wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) > .container .wpb-text .btn-group a { background-color: transparent; margin-top: 0; text-indent: -9000px; --src:url('/wp-content/themes/vomedex/assets/icons/fa/regular/circle-arrow-right.svg'); background-color:#fff; width: 24px; height: 24px; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }
    .wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) > .container .wpb-text :is(h1, h2, h3) { width: 100%; }
    .wp-container-core-buttons-is-layout-1.wp-container-core-buttons-is-layout-1 { justify-content: flex-start !important; align-self: flex-start; margin-right: auto; width: 100%; }

}

@media (min-width: 992px) {
    .wpb-block.wpb-block--text-media-cta:not(.wpb-block--text-media-cta-variant-2) .container { flex-direction:row-reverse; }
    .wpb-block.wpb-block--text-media-cta:not(.wpb-block--text-media-cta-variant-2) .container figure { margin-left:0px; width:auto; margin-top:0px; }
    .wpb-block.wpb-block--text-media-cta:not(.wpb-block--text-media-cta-variant-2) .container figure img { transform: translate(100px, 60px); position: relative; z-index: 1;border-top-left-radius: 125px; }
    .wpb-block.wpb-block--text-media-cta:not(.wpb-block--text-media-cta-variant-2) .container ul li { font-size: 20px;}
    .wpb-block.wpb-block--text-media-cta:not(.wpb-block--text-media-cta-variant-2) .container .wpb-text { padding:80px; padding-right:0px; }
    .wpb-block.wpb-block--text-media-cta .container ul li { font-size: 18px; margin-bottom: 1rem; }
    .wpb-block.wpb-block--text-media-cta .container ul li:before { --w: 2rem; --h: 2rem; margin-right: 16px; }

    .wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) > .container {  --fs: 14px; padding: 0px 100px; flex-direction:column-reverse; gap: 16px; }
    .wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) > .container p { display:block; }
    .wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) > .container .wpb-text { flex-direction: column; align-items: baseline; }
    .wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) > .container img { width: 66px; height: 66px; }
    .wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) > .container .wpb-text h2 { font-size: 35px; }

    .wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) { border-top-left-radius: 80px; border-bottom-right-radius: 80px; }
    .wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary).wpb-wsb--small { --pb: 48px; --pt: 48px; }
    .wpb-block.wpb-block--text-media.media-align-wpb-align-top:is(.wpb-bg-clr--primary, .wpb-bg-clr--primary-gradient, .wpb-bg-clr--secondary) > .container :is(h1, h2, h3) { font-size:35px; }
    .wpb-block.wpb-block--text-media-cta.wpb-block--text-media-cta-variant-2 .container .wpb-text :is(p, h1, h2, h3) { font-size: 25px; margin-left: 40px; }
    .wpb-block.wpb-block--text-media-cta:not(.wpb-block--text-media-cta-variant-2) .container > * { width:50% }
    .wpb-block.wpb-block--text-media-cta:not(.wpb-block--text-media-cta-variant-2) .container > .wpb-image { width:50%; }
    .wpb-block.wpb-block--text-media-cta:not(.wpb-block--text-media-cta-variant-2) .container > .wpb-image img { object-fit:cover; width:100%; height: 380px; }
}

.wpb-block.wpb-block--featured {}
.wpb-block.wpb-block--featured .wpb-section__header .button-group { display:none }
.wpb-block.wpb-block--featured .wpb-card--article { display: flex; --br:0; border-top-left-radius: 50px; border-bottom-right-radius: 50px; box-shadow:0px 0px 10px #ECE7F7; border: none; width: 100%; flex-shrink: 0; }
.wpb-block.wpb-block--featured .wpb-card--article .wpb-card__header a img {  border-top-left-radius: 50px; }
.wpb-block.wpb-block--featured .wpb-card--article .wpb-card__header .badge-group { position: absolute; top:0; left: 0; }
.wpb-block.wpb-block--featured .wpb-card--article .wpb-card__header .badge-group .badge.badge--primary { background-color:#B6AAD4; border-top-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius:50px; border-bottom-right-radius: 50px; font-size: 25px; font-family: 'Genesis'; padding: 20px 26px; }
.wpb-block.wpb-block--featured .wpb-card--article .wpb-card__body .wpb-card__title { color:var(--clr-primary); font-size:18px; margin-top: 10px; font-family: 'Genesis'; font-weight: 400; letter-spacing: .2px; min-height: 45px; }
.wpb-block.wpb-block--featured .wpb-card--article .wpb-card__body .excerpt p { color:var(--clr-primary); font-size: 14px; }
.wpb-block.wpb-block--featured .wpb-card--article .wpb-card__footer .btn,
.wpb-block.wpb-block--featured .wpb-card--article .wpb-card__footer .btn:hover { font-family:'Genesis'; background:none !important; padding:0; color:var(--clr-secondary) !important; font-size:18px; text-decoration:underline; letter-spacing: .2px; font-weight: 400; }
.wpb-block.wpb-block--featured .wpb-card--article time { color:#806D9F; font-size: 14px; text-transform:lowercase; }

.wpb-block.wpb-block-form .wpb-form { background-color:#E7F2FC; border-top-right-radius:50px; border-bottom-left-radius:50px; padding: 60px 40px; }
.wpb-block.wpb-block-form > .container .wpb-form { order: 2; width: calc(100% + var(--wpb-padding) + var(--wpb-padding)); margin-bottom: 20px; }
.wpb-block.wpb-block-form > .container .wpb-text { order: 3; }
.wpb-block.wpb-block-form > .container .wpb-text { display:flex; flex-direction:column; }
.wpb-block.wpb-block-form > .container .wpb-text figure { order: 3; margin-top: 20px; }
.wpb-block.wpb-block-form > .container .wpb-text * { order: 2 }

@media (max-width:992px) {
    .wpb-block.wpb-block-form > .container .wpb-form { margin-left:-20px; margin-top:-80px; }
    .wpb-consultants .wpb-card.wpb-card--consultant .wpb-card__body p { display:none; }
    .wpb-block--blurb-large .wpb-card.wpb-card--blurb .wpb-card__body p { display:none; }

    .accordion__item .accordion__button { height:auto; padding-top:10px; padding-bottom:10px; }
}

.wpb-consultants { --br:0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; row-gap: 2rem; }
.wpb-consultants .wpb-card.wpb-card--consultant { background-color:transparent; border:0; }
.wpb-consultants .wpb-card.wpb-card--consultant .wpb-card__header { --br: 0 }
.wpb-consultants .wpb-card.wpb-card--consultant .wpb-card__header img { border-top-left-radius:40px; height: 200px; object-fit: cover; }
.wpb-consultants .wpb-card.wpb-card--consultant .wpb-card__body { background-color:#ECE7F7; border-bottom-right-radius:40px; }
.wpb-consultants .wpb-card.wpb-card--consultant .wpb-card__body :is(h1, h2, h3) { font-family:'Inter'; font-size:22px; font-weight:bold; }
.wpb-consultants .wpb-card.wpb-card--consultant .wpb-card__body p { color:var(--clr-primary); }


:is(.wp-block-group.has-white-background-color, .wpb-block.wpb-bg-clr--white) + .wpb-footer--primary { background-color:white !important; }
:is(.wp-block-group.has-white-background-color, .wpb-block.wpb-bg-clr--light-gray) + .wpb-footer--primary { background-color:#F9FCFE !important; }
.wpb-block.wpb-bg-clr--grijs-blauw + .wpb-footer--primary { background-color:#E7F2FC !important; }
.wpb-block.wpb-bg-clr--light-gray + .wpb-footer--primary { background-color:#F9FCFE !important; }
.wpb-block.wpb-bg-clr--gray + .wpb-footer--primary { background-color:#f2f2f2 !important; }

.wpb-footer__bottom { background-color:#f2f2f2; }
.wpb-footer__bottom--footer .wpb-footer__sub-links--name { display:none !important; }
@media (min-width: 576px) {
    .wpb-consultants { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 992px) {
    .wpb-block.wpb-block--featured .wpb-section__header .button-group { display:block }
    .wpb-block.wpb-block-form > .container .wpb-form { order: 4; margin-bottom: -480px; }
    .wpb-block.wpb-block-form .wpb-form { background-color:#E7F2FC; border-top-right-radius:50px; border-bottom-left-radius:50px; padding: 60px 40px; transform: translateY(-450px); margin-bottom:-450px; }
    .wpb-block.wpb-block-form > .container .wpb-text * { order: 4 }

    .wpb-consultants { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .wpb-footer__bottom--footer .wpb-footer__sub-links--name { display:block !important; }
}


/*** ----- Footer ----- ***/
.wpb-footer--primary.wpb-footer__main {  }
.wpb-footer.wpb-footer--primary .wpb-footer__bottom--socials { background-color: #042D7D; --clr-text: #fff; }
.wpb-footer.wpb-footer--primary .wpb-footer__bottom--socials .wpb-footer__sub-links > span { font-size:16px; font-family:'Genesis'; color:#fff; margin-right: 14px; }
.wpb-footer.wpb-footer--primary .wpb-footer__bottom--socials .wpb-social-media a { width:25px; height:25px; }

.wpb-footer__bottom--footer .wpb-footer .menu-item { margin-bottom:0px; }
.wpb-footer__bottom--footer { --p: .5rem !important; }

.by-wux { display: flex; align-items: center; gap: .4rem; text-decoration: none; }
.by-wux span { font-size: 1.1rem; }
.by-wux i { --color: 255,255,255,.5; --w: 4.7rem; --h: 1.5rem; }

.single-kennisbank .wpb-related__articles { display:none; }

@media (min-width: 992px) {
    .wpb-footer.wpb-footer--primary .wpb-footer__bottom--socials .wpb-footer__sub-links > span { font-size:25px; }
    .wpb-footer.wpb-footer--primary .wpb-footer__bottom--socials .wpb-social-media a { width:32px; height:32px; }

    .wpb-footer__bottom--footer { --p: 2rem !important; }

}

/*** ----- Woocommerce ----- ***/
.price { display: none !important; }
.hidden { display: none; }
.woocommerce input[type="text"],
.woocommerce input[type="number"],
.woocommerce input[type="date"],
.woocommerce input[type="tel"],
.woocommerce input[type="email"] { border-radius: 0 !important; border-top-left-radius: 8px !important; border-bottom-right-radius: 8px !important; }
div.woocommerce-message a:not(.button) { color: #212121; }
.woocommerce-breadcrumb .wpb-icon.wpb-icon--chevron-right { flex-shrink: 0; }
.woocommerce-breadcrumb { margin-bottom: 16px; }
.woocommerce-breadcrumb a { flex-shrink: 0; }
@media (min-width: 576px) {
    .woocommerce-breadcrumb { margin-bottom: 0; }
}


/*** ----- Category ----- ***/
/*.custom-category-header { background: linear-gradient(16deg, rgba(199, 194, 210, 1) 0%, rgba(128, 109, 159, 1) 51%, rgba(4, 45, 125, 1) 100%); padding: 24px 0; }*/
.custom-category-header {
    /*background: linear-gradient(16deg, rgba(199, 194, 210, 1) 0%, rgba(128, 109, 159, 1) 51%, rgba(4, 45, 125, 1) 100%); */
    padding: 24px 0;
}
.custom-category-header .wpb-breadcrumbs { color: white; }
.custom-category-header .category-info h1 { color: white; }
.custom-category-header .category-description p { color: white; max-width: 500px; }
.custom-category-header .category-image { display: none; max-width: 50%; }

.woocommerce-page section.wpb-header.wpb-wsb--large { padding: 24px 0; }
.woocommerce-page section.wpb-header.wpb-wsb--large .container { gap: 0; }
.woocommerce-page section.wpb-header.wpb-wsb--large .wpb-image { display: none; }
.woocommerce-page section.wpb-header.wpb-wsb--large h1 { font-size: 32px; }
.woocommerce-page .product button:not(.wpb-quantity-btn),
.woocommerce-page .product button:hover:not(.wpb-quantity-btn) { background: #FED354 !important; color: #042D7D !important; }

.wpb-woocommerce__toolbar .form-wrapper { display: none; }
.wpb-woocommerce__toolbar .results { display: none; }
.wpb-woocommerce__product-wrapper { margin-top: 24px; }
.wpb-woocommerce__product-wrapper .searchform { position: relative; margin-bottom: 8px; }
.wpb-woocommerce__product-wrapper .searchform input[type=text] { border-radius: 100px !important; width: 100%; }
.wpb-woocommerce__product-wrapper .searchform input[type=submit] { position: absolute; top: 0; right: 0; background-image: url(/wp-content/themes/vomedex/assets/icons/magnifying-glass.svg); background-repeat: no-repeat; font-size: 0; width: 60px; background-size: 20px; background-position: center; border: 0; background-color: #042D7D; border-top-right-radius: 100px !important; border-bottom-right-radius: 100px !important;}
.woocommerce .wpb-woocommerce__product-wrapper ul.products { gap: 16px; }
.woocommerce .related ul.products li.product,
.woocommerce .wpb-woocommerce__product-wrapper ul.products li.product { border: none; background: transparent; padding: 0; }
li.product .product__header { background: white; border-top-left-radius: 40px; border-bottom-right-radius: 40px; box-shadow: 0px 0px 16px 0px rgba(236, 231, 247, 0.70); }
li.product .product__header img { border-top-left-radius: 40px; border-bottom-right-radius: 40px; }
ul.products li.product .prd-title { margin-bottom: 6px; }

.wpb-woocommerce__filter-header { align-items: center; }
.wpb-woocommerce__filter-header h3 { margin-bottom: 0; }
div.wpb-woocommerce__filters { background: transparent; }
div.wpb-woocommerce__filters.active { background: white; }
div.wpb-woocommerce__filters.active .shop-sidebar { padding: 2.2rem; }
.wpb-woocommerce-filter-toggle { text-transform: none; background: #042D7D; color: white; border-radius: 50px; padding: 10px 24px; font-size: 16px; min-height: 42px; font-weight: 600; margin-bottom: 0; gap: 8px; }

.shop-sidebar h3 { font-size: 20px; margin-bottom: 16px; font-family: var(--wpb-font-family); font-weight: 600; }
.shop-sidebar ul { list-style: none; padding: 0; }
.shop-sidebar ul li { margin-bottom: 8px; }
.shop-sidebar ul li.current-cat { font-weight: bold; }
.shop-sidebar ul li a { text-decoration: none; color: #212121; }

.prd-title { font-size: 16px !important; font-family: var(--wpb-font-family); font-weight: 600; }
.product__body .button { display: none; }

.pagination { margin-top: 25px; }
.woocommerce-pagination, .pagination { display: flex; align-items: center; justify-content: center; }

/*.woocommerce-pagination ul, .pagination ul { display: flex; gap: 8px; list-style: none; }*/
/*.woocommerce-pagination li, .pagination li { display: flex; align-items: center; justify-content: center; border-radius: 0; border-top-left-radius: 8px; border-bottom-right-radius: 8px; border: 1px solid #042D7D; color: #042D7D; background: transparent; min-width: 32px; height: 32px; font-weight: 600; }*/
/*.woocommerce-pagination li:has(a.next, a.prev) { border: none; }*/
/*.woocommerce-pagination li span.current, .pagination li span.current { background: #042D7D; color: white; display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; border-top-left-radius: 7px; border-bottom-right-radius: 7px; padding: 0 5px; }*/
/*.woocommerce-pagination li a, .pagination li a { color: #042D7D; text-decoration: none; white-space: nowrap; padding: 0 5px;}*/

.woocommerce-pagination ul, .pagination ul, #wux-filter-pagination ul { display: flex; gap: 8px; list-style: none; }
.woocommerce-pagination li, .pagination li, #wux-filter-pagination li span { display: flex; align-items: center; justify-content: center; border-radius: 0; border-top-left-radius: 8px; border-bottom-right-radius: 8px; border: 1px solid #042D7D; color: #042D7D; background: transparent; min-width: 32px; height: 32px; font-weight: 600; }
.woocommerce-pagination li:has(a.next, a.prev), #wux-filter-pagination li span.page-number__next, #wux-filter-pagination li span.page-number__prev { border: none; white-space: nowrap; width: auto;}
.woocommerce-pagination li span.current, .pagination li span.current, #wux-filter-pagination li span.current { background: #042D7D; color: white; display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; border-top-left-radius: 7px; border-bottom-right-radius: 7px; padding: 0 5px; }
.woocommerce-pagination li a, .pagination li a, #wux-filter-pagination li a { color: #042D7D; text-decoration: none; white-space: nowrap; padding: 0 5px;}

nav.wpb-pagination li .page-number__prev,
nav.wpb-pagination li .page-number__next { position: static; }

@media (min-width: 576px) {
    .woocommerce-page section.wpb-header.wpb-wsb--large .container { gap: 16px; align-items: flex-start; }
}

@media (min-width: 992px) {
    .post-type-archive-product section.wpb-header.wpb-wsb--large,
    .custom-category-header { display: flex; padding: 0 0 48px; }

    .post-type-archive-product section.wpb-header.wpb-wsb--large .inner,
    .custom-category-header > .container { display: flex; gap: 2rem; align-items: center; justify-content: space-between; }

    .post-type-archive-product section.wpb-header.wpb-wsb--large .wpb-breadcrumbs,
    .custom-category-header .wpb-breadcrumbs { position: absolute; left: 16px; top: 16px; }

    .post-type-archive-product section.wpb-header.wpb-wsb--large .wpb-image,
    .custom-category-header .category-image { display: block; }

    .post-type-archive-product section.wpb-header.wpb-wsb--large img,
    .custom-category-header img { border-radius: 0; border-bottom-left-radius: 125px; }

    .wpb-woocommerce__toolbar { display: none; }
    .wpb-woocommerce__product-wrapper .searchform { max-width: 500px; }
}

/*** ----- Product ----- ***/
.woocommerce-product-gallery__wrapper { margin-bottom: 16px; }
.woocommerce-product-gallery__image { padding: 50px; border-top-left-radius: 40px; border-bottom-right-radius: 40px; background: white; box-shadow: 0px 0px 16px 0px rgba(236, 231, 247, 0.70); }
.woocommerce-product-gallery__image img { max-height: 500px; width: auto; margin: 0 auto; max-width: 100%; object-fit: contain;}
/*.wpb-header--woocommerce { padding-top: 16px !important; padding-bottom: 24px !important; }*/
.wpb-header--woocommerce { padding-bottom: 24px !important; margin-top: 0; }
.woocommerce div.product div.images div.woocommerce-product-gallery__wrapper { row-gap: 12px; }
.woocommerce div.product div.images div.woocommerce-product-gallery__image:nth-child(1) { margin-bottom: 0; }
.woocommerce div.product div.images div.woocommerce-product-gallery__image:nth-child(n+2) { width: calc(25% - 6px); border-radius: 20px; border-bottom-left-radius: 0; border-top-right-radius: 0; }

.woocommerce div.product h1.product_title { margin-bottom: 0; }
.product_meta { margin-bottom: 24px; }
.product_meta span { font-weight: 600; color: #042D7D; }

form.cart { margin-bottom: 0; }

body.woocommerce div.product form.cart:not(.variations_form,.grouped_form),
body.woocommerce div.product form.cart .woocommerce-variation-add-to-cart { display: flex; }
body.woocommerce div.product form.cart .quantity .wpb-quantity { --br: 8px; border-radius: var(--br); }
body.woocommerce div.product form.cart .quantity .wpb-quantity input { min-width: 48px; color: #042D7D; font-weight: 600; }
.quantity .wpb-quantity { padding: 0; --br: 8px; border-radius: var(--br); }
.quantity .wpb-quantity .wpb-quantity-btn { display: none; }
.quantity .wpb-quantity input { margin-bottom: 0; height: 48px; width: 48px; }

.single_add_to_cart_button { margin-bottom: 0; text-transform: none; min-height: 48px; background: #FED354; color: #042D7D; letter-spacing: unset; }

.posted_in { display: none; }

div.woocommerce-tabs ul.tabs { display: none; }
div.woocommerce-tabs h2 { font-size: 32px; }
div.woocommerce-tabs > div { display: block !important; width: 100%; }
div.woocommerce-tabs .woocommerce-Tabs-panel { padding: 0; border: 0; }
div.woocommerce-tabs .woocommerce-Tabs-panel table { --border-width: 0; }

.related h2 { font-size: 32px; }

.woocommerce-notices-wrapper {background: #E7F2FC}
.woocommerce-notices-wrapper.cart-empty:has(.woocommerce-message) { margin-top: 0; margin-bottom: 0; padding: 0; }
.woocommerce-notices-wrapper.cart-empty .woocommerce-message { margin: 0 auto; padding: 0; }
.woocommerce-notices-wrapper.cart-empty .woocommerce-message:not(:empty) { margin: 0 auto; }
.woocommerce-notices-wrapper > *:last-child:focus-visible { outline: none !important; }
div.woocommerce-message { margin-top: -40px; background: transparent; color: #212121; padding: 16px; border: none; }
div.woocommerce-message:before { content: none; }
div.woocommerce-message p { margin-bottom: 8px; }
div.woocommerce-message .button { text-transform: none; float: none; margin: 0; padding: 0 30px !important; }

@media (min-width: 678px) {
    .wpb-header--woocommerce { padding-top: 40px !important; margin-bottom: 3.2rem !important; }
    .woocommerce div.product .wpb-header--woocommerce > .container { align-items: flex-start; gap: 24px; }
    div.woocommerce-tabs { display: flex; gap: 16px; }
    .woocommerce-notices-wrapper:has(.woocommerce-message) { margin-top: 0; }
    .single-product .woocommerce-notices-wrapper:has(.woocommerce-message) { margin-top: -36px; }
    div.woocommerce-message { display: flex; align-items: center; justify-content: space-between; padding: 16px 32px; }
    div.woocommerce-message p { margin-bottom: 0; }
}

@media (min-width: 992px) {
    .woocommerce div.product .wpb-header--woocommerce > .container { gap: 16px 40px; }
}

/*** ----- Checkout ----- ***/
body.woocommerce-checkout.wpb-theme__zorgprofessionals .wpb-pagewrapper,
body.woocommerce-checkout { background: white; }
body.woocommerce-checkout .woocommerce { background: #fff; padding-top: 40px; }
body.woocommerce-checkout button:focus { color: #fff; }
body.woocommerce-checkout footer { background: #fff; }
body.woocommerce-cart {  background: #fff; }
body.woocommerce-cart .woocommerce-notices-wrapper:not(:empty) { margin-top: 0; }
body.woocommerce-cart .woocommerce-notices-wrapper > *:last-child { margin: 0 auto;  outline: none; }
body.woocommerce-cart .cart-empty { margin-top: 40px; margin-bottom: 24px;}
body.woocommerce-cart .cart-empty .btn,
body.woocommerce-cart .cart-empty .btn:hover { background: #FED354 !important; color: #042D7D !important; }
body.woocommerce-cart .cart-empty strong { font-size: 20px; margin-bottom: 8px; display: inline-block; }
body.woocommerce-cart .cart-empty .block { background: #E7F2FC; border-top-left-radius: 20px; border-bottom-right-radius: 20px; padding: 24px 16px; max-width: 459px; }
body.woocommerce-cart .wpb-woocommerce-cart .wc-empty-cart-message .cart-empty { padding: 0; border: 0; background: transparent; color:var(--clr-primary); }
body.woocommerce-cart .wpb-woocommerce-cart .container { display: flex; padding: 0; margin-top: 20px }
.woocommerce-checkout h1 { font-size: 36px; }
.checkout-inline-error-message { display: none !important; }

form.woocommerce-checkout { background: transparent; }
.woocommerce-payment-methods { display: none; }
.wpb-woocommerce-checkout > .container { padding: 0; }

.client-number-block { grid-column: 1; grid-row: 1; padding: 24px 16px; margin-bottom: 24px; }
.client-number-block form { margin-bottom: 0; background: #E7F2FC; border-top-left-radius: 20px; border-bottom-right-radius: 20px; padding: 24px 16px; }
.client-number-block h3 { font-family: var(--wpb-font-family); font-size: 20px; font-weight: 600; color: #212121; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
.client-number-block .tooltip { border-radius: 100px; border: 1px solid #212121; font-family: monospace; font-size: 12px; display: flex; width: 20px; height: 20px; align-items: center; justify-content: center; line-height: 1; }
.client-number-block .tooltip-content { position: absolute; background: white; padding: 16px; border-radius: 12px; box-shadow: 4px 8px 10px rgba(0,0,0,.2); display: none; }
.client-number-block .tooltip-content.show { display: block; }
.client-number-block .title p { margin-bottom: 16px; }
.client-number-block .input-wrapper label { display: block; }
.client-number-block .input-wrapper input { width: 300px; }
.client-number-block .input-wrapper .wpb-icon { --clr: transparent; }
.client-number-block .input-wrapper .wpb-icon.wpb-icon--check { --clr: green; }
.client-number-block .input-wrapper .wpb-icon.wpb-icon--xmark { --clr: red; }
.client-number-block .error-message { font-size: 14px; color: red; margin-bottom: 8px; margin-top: -8px; display: none; }
.client-number-block .error-message.show { display: block; }
.client-number-block .upper-section { border-bottom: 1px solid #D9D9D9; margin-bottom: 24px; padding-bottom: 8px; }
.client-number-block .button { text-transform: none; margin-top: 8px; background: #FED354; color: #042D7D; height: 55px; letter-spacing: unset; }
.client-number-block .button:hover { text-transform: none; margin-top: 8px; background: #FED354 !important; color: #042D7D !important; }
.client-number-block .checkbox-wrapper { display: flex; align-items: center; gap: 8px; }
input[type="checkbox"] { appearance: none; width: 18px; height: 18px; border: 1px solid #9CA3AF; border-radius: 5px; margin: 0; display: inline-flex; justify-content: center; align-items: center; }
input[type="checkbox"]:checked { background: #22C55E; border-color: #22C55E; }
input[type="checkbox"]::before { content: ""; width: 18px; height: 18px; clip-path: polygon( 43.183% 63.261%,81.483% 24.957%,87.379% 30.848%,43.183% 75.044%,16.667% 48.527%,22.558% 42.636%,43.183% 63.261% ); transform: scale(0); background-color: #ffffff; }
input[type="checkbox"]:checked::before { position: absolute; transform: scale(1); }
.client-number-block .checkbox-wrapper label { font-weight: normal; margin-bottom: 0; }

#customer_details .col-1 { padding: 0; }

div.woocommerce-order-review-wrapper { grid-column: 3; grid-row: 1; align-self: start; }
div.woocommerce-order-review { box-shadow: 0 0 16px 0 rgba(236, 231, 247, 0.60); padding: 24px 16px; margin-bottom: 24px; }
div.woocommerce-order-review h3 { margin-bottom: 16px; }
div.woocommerce-order-review h3 a { color: inherit; text-decoration: none; font-family: inherit; }
div.woocommerce-order-review .cart_item { align-items: flex-start; gap: 16px; justify-content: flex-start; padding-bottom: 16px; border-bottom: 1px solid #D9D9D9; }
div.woocommerce-order-review .cart_item:last-child { border-bottom: none; }
div.woocommerce-order-review .product-info-wrapper p,
div.woocommerce-order-review .product-info-wrapper p > *,
div.woocommerce-order-review .product-info-wrapper h3 { color: #042D7D; }
div.woocommerce-order-review .product-image-wrapper { width: 80px; height: 80px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 0px 0px 16px 0px rgba(236, 231, 247, 0.70); padding: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
div.woocommerce-order-review h3.product-title { padding: 0; margin-bottom: 6px; }
div.woocommerce-order-review h3.product-title a { font-family: var(--wpb-font-family); font-weight: 600; font-size: 16px; }
div.woocommerce-order-review .quantity .wpb-quantity .wpb-quantity-btn { display: flex; padding: 0; align-items: center; justify-content: center; margin: 0; height: 50px; }
div.woocommerce-order-review .btn--secondary { float: right; }
div.woocommerce-order-review .order_review_heading { font-family: 'Genesis'; }
.wpb-icon.wpb-icon--minus.wpb-icon--trashcan { --src: url(/wp-content/themes/vomedex/assets/icons/fa/solid/trash-can.svg); }
.product-info-wrapper > p { margin-bottom: 4px; }
.product-info-wrapper .product-quantity-number { display: none; }
div.product-quantity { display: flex; align-items: center; gap: 8px; }
div.product-quantity a { font-size: 14px; }
.general-pricing-notice { grid-column: 3; grid-row: 1; align-self: start; background: #042D7D; color: white; padding: 20px; margin-bottom: 2rem; border-top-left-radius: 20px; border-bottom-right-radius: 20px; }
.general-pricing-notice.single-product-notice { margin-top: 16px; width: 390px; }
.general-pricing-notice p { color: white; margin: 0;}

.checkout-content-wrapper form.woocommerce-checkout { grid-column: 1 / 3; grid-row: 2; display: none; }
.checkout-content-wrapper form.woocommerce-checkout.no-client-checkout,
.checkout-content-wrapper form.woocommerce-checkout.client-checkout { display: block; }

.checkout-content-wrapper form.woocommerce-checkout.client-checkout .form-row.bsn-number,
.checkout-content-wrapper form.woocommerce-checkout.client-checkout h3.care-title,
.checkout-content-wrapper form.woocommerce-checkout.client-checkout .acf-fields { display: none; }
.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper-custom { grid-template-columns: repeat(12, minmax(0, 1fr)); display: grid; gap: 16px; }
.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper-custom p { margin-bottom: 0; }
.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper-custom h3 { grid-column: span 12; margin-top: 24px; margin-bottom: 0; }
.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper-custom p.form-row { grid-column: span 12; max-width: 420px; }
.woocommerce-billing-fields__field-wrapper-custom .form-row .woocommerce-input-wrapper input { width: 100%; }
.woocommerce-billing-fields__field-wrapper-custom .form-row .woocommerce-input-wrapper { display: block; width: 100%; }

.woocommerce-billing-fields { max-width: 816px; }
.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper h3 { grid-column: span 12; margin-top: 24px; margin-bottom: 0; }

.wpb-woocommerce-checkout .checkout-content-wrapper h3.order_review_heading { padding-bottom: 0; font-family: 'Genesis'; font-size: 20px; font-weight: 600; color:var(--clr-primary); }
.wpb-woocommerce-checkout .checkout-content-wrapper h3.care-title { margin-bottom: 0; margin-top: 24px; }
.woocommerce-billing-fields label,
.woocommerce-billing-fields input,
.woocommerce-billing-fields p { margin-bottom: 0;}

form.checkout.woocommerce-checkout h3 { padding-bottom: 0; font-family: var(--wpb-font-family); font-size: 20px; font-weight: 600; color: #212121; }
.woocommerce-billing-fields label,
.woocommerce-billing-fields input,
.woocommerce-billing-fields p { margin-bottom: 0; }
/*.woocommerce-billing-fields__field-wrapper h3 { margin: 24px 0 0; }*/
.woocommerce-billing-fields .optional { display: none; }
.checkout.woocommerce-checkout .woocommerce-billing-fields label { line-height: var(--lh); }

.acf-hidden { display: none !important; }
.acf-fields.acf-form-fields { padding: 0 !important; }
.checkout-content-wrapper .acf-field ul { list-style: none; padding: 0; margin-bottom: 0; }
.checkout-content-wrapper .acf-field li { margin-bottom: 0; }
.checkout-content-wrapper .acf-field li label { font-weight: normal; }
.checkout-content-wrapper .form-row .file-input,
.checkout-content-wrapper .form-row .file-input:focus { display: flex; justify-content: center; min-width: 460px; border: none; padding: 16px; font-weight: normal; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='2' stroke-dasharray='12%2c20' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"); }
.checkout-content-wrapper .form-row .file-input:before { content: 'Sleep jouw bestand(en) hierheen of kies een bestand'; text-align: center; }
.checkout-content-wrapper .form-row .file-input::file-selector-button { background: transparent; border-radius: 50px; padding: 8px 16px; margin-right: 8px; }
.checkout-content-wrapper .form-row label + p { margin-bottom: 8px; }

#customer_details .woocommerce-checkout-place-order { padding: 0; }
#customer_details .woocommerce-checkout-place-order button { font-size: 20px; background: #FED354; color: #042D7D; text-transform: none; padding: 16px 24px; height: 55px; letter-spacing: unset; }
#customer_details .woocommerce-checkout-place-order button:hover { background: #FED354 !important; color: #042D7D !important; }
.checkout-content-wrapper #customer_details .form-row { padding: 0; }
abbr[title] { border: none; }
/*.care-title { margin-top: 40px; }*/
/*.woocommerce-checkout .acf-hidden { display: none; }*/
/*#customer_details > div { padding: 0 !important; }*/
/*.woocommerce-checkout .acf-checkbox-list { list-style: none; }*/
/*.woocommerce-checkout .acf-checkbox-list li { margin-bottom: 0; }*/
/*.woocommerce-checkout .acf-checkbox-list li label { font-weight: normal; }*/
/*.woocommerce-checkout .acf-file-uploader .show-if-value { display: none; }*/
/*.woocommerce-checkout .acf-file-uploader .acf-basic-uploader input { padding: 24px; border-radius: 8px; border: 1px dashed #D9D9D9; }*/
/*.woocommerce-checkout .woocommerce-message { margin-top: -40px !important;}*/
/**/
#place_order { text-transform: none; background: #FED354; color: #042D7D; width: auto; height: auto; font-size: 16px; padding: 16px 24px; font-weight: 600; }
#programic_bsn-nummer { border-top-left-radius: 8px !important; border-bottom-right-radius: 8px !important; }

.acf-checkbox-list li label { margin-bottom: 8px; }
.acf-checkbox-list li label input[type=checkbox] { position: relative; top: 3px; }

@media (min-width: 576px) {
    /*.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper { grid-template-columns: repeat(8, minmax(0, 1fr)); }*/
    /*#billing_first_name_field { grid-column: 1 / 4; }*/
    /*#programic_tussenvoegsel_field { grid-column: 4 / 6; }*/
    /*#billing_last_name_field { grid-column: 6 / 9; }*/
    /*#billing_postcode_field { grid-column: 1 / 4; }*/
    /*#programic_huisnummer_field { grid-column: 4 / 6; }*/
    /*#programic_toevoeging_field { grid-column: 6 / 8; }*/
    /*.woocommerce-billing-fields__field-wrapper p.form-row.form-row-wide { grid-column: span 5; }*/
    /*.woocommerce-billing-fields__field-wrapper h3 { grid-column: span 8; }*/

    .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p.form-row.form-row-wide { grid-column: span 7; max-width: 420px; }
    .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper-custom p.form-row { grid-column: span 7; }
    .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p.form-row { grid-column: span 4; }
    .woocommerce-billing-fields #billing_first_name_field,
    .woocommerce-billing-fields #billing_last_name_field,
    .woocommerce-billing-fields #billing_postcode_field { grid-column: span 4; }
    .woocommerce-billing-fields #programic_huisnummer_field,
    .woocommerce-billing-fields #programic_toevoeging_field { grid-column: span 3; }
    .woocommerce-billing-fields #programic_tussenvoegsel_field { grid-column: span 3; }
}

@media (min-width: 992px) {
    #customer_details { grid-column: span 2; }
    .client-number-block { display: inline-block; min-width: 460px; }
    .checkout-content-wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto; gap:16px; }
    .woocommerce-billing-fields #billing_first_name_field,
    .woocommerce-billing-fields #billing_last_name_field,
    .woocommerce-billing-fields #billing_postcode_field { grid-column: span 5; }
    .woocommerce-billing-fields #programic_huisnummer_field,
    .woocommerce-billing-fields #programic_toevoeging_field { grid-column: span 2; }
    .woocommerce-billing-fields #programic_tussenvoegsel_field { grid-column: span 2; }
}

/*** ----- Search results ----- ***/
.search-results .wpb-header.wpb-header--search { background: #E7F2FC; }
.search-results .wpb-header.wpb-header--search form { position: relative; }
.search-results .wpb-header.wpb-header--search form input { border-radius: 100px !important; width: 100%; padding: 6px 16px; }
.search-results .wpb-header.wpb-header--search form button { position: absolute; top: 0; right: 0; background-image: url(/wp-content/themes/vomedex/assets/icons/magnifying-glass.svg); background-repeat: no-repeat; font-size: 0; width: 60px; height: 43px; background-size: 20px; background-position: center; border: 0; background-color: #042D7D; border-top-right-radius: 100px !important; border-bottom-right-radius: 100px !important; transform: none; }
.search-results .wpb-header.wpb-header--search form button i { --src: none; display: none; }

.search-results .wpb-search-results h2 { font-size: 24px; }
.search-results .wpb-search-results .badge-group { margin-bottom: 6px; }
.search-results .wpb-search-results .badge { background: #E7F2FC; }
.search-results .wpb-search-results .wpb-card__body { padding-bottom: 8px; }
.wpb-card--search-result h3 { margin-bottom: 0; }
.wpb-search-results .btn,
.wpb-search-results .btn:hover { --p: 12px 24px; height: 55px; background: #FED354 !important; color: #042D7D !important; }

@media (min-width: 992px) {
    .wpb-search-results .inner { --gc: 3; --gap: 16px;}
}
