/*

Theme Name:     Johannes Child
Theme URI:      https://mekshq.com/theme/johannes/
Description:    Child theme for Johannes WordPress theme
Author:         meks
Author URI:     https://mekshq.com
Template:       johannes
Version:        0.1.0
*/

:root {
  --nd-paars: #501b65;
  --paars: #501b65;
  --nd-blauw: #006ab4;
  --blauw: #006ab4;
  --nd-geel: #fab600;
  --geel: #fab600;
  --nd-mint: #a4d8e0;
  --nd-lichtmint: #ebf6f7;
  --nd-zwart: #000000;
  --nd-wit: #ffffff;
  --nd-tekst: #333333;
  --nd-lichtgrijs: #f6f6f6;
  --nd-roze: #f9c9Ca;
  --pdf-rood: #ea0c0c;
}

html {
  overflow-y: scroll;
}



body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.nd-calculator)) {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

h1 {
  color: var(--nd-paars);
  line-height: 110%;
}

h2 {
  color: var(--nd-paars);
  line-height: 125%;
}

h3 {
  color: var(--nd-paars);
  line-height: 28px
}

p {
  line-height: 24px;
}

/*.johannes-wrapper {overflow-x:unset;}*/
.entry-content a:not([class*=button]), .comment-content a:not([class*=button]) {
  color: var(--nd-blauw);
}

.alignwide {
  max-width: 1180px !important;
}

.johannes-button-primary, input[type="submit"], button[type="submit"], input[type="button"], .johannes-pagination a, a.wp-block-advgb-button_link, a.leesmeerexcerpt, a.leesmeer, a.leesmeerButton, a.aandeslagButton, .button a.wp-element-button, .nd-calculator .button a {
  background-color: var(--nd-geel) !important;
  background-image: url(https://www.lexnext.nl/wp-content/uploads/2023/10/pijl-rechts-paars.png);
  background-repeat: no-repeat;
  background-position: center right 18px;
  color: var(--nd-paars) !important;
  border-radius: 25px !important;
  font-size: 15px;
  font-weight: 600;
  min-height: 30px !important;
  padding: 7px 55px 7px 18px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 15px;
  margin-bottom: 15px;
  display: inline-block;
  width: auto !important;
}

.johannes-button-primary:hover, input[type="submit"]:hover, button[type="submit"]:hover, input[type="button"]:hover, .johannes-pagination a:hover, a.wp-block-advgb-button_link:hover, a.leesmeerexcerpt:hover, a.leesmeer:hover, a.leesmeerButton:hover, a.aandeslagButton:hover, .button a.wp-element-button:hover, .nd-calculator .button a:hover {
  background-color: var(--nd-paars) !important;
  color: var(--nd-wit) !important;
  background-image: url(/wp-content/uploads/2023/11/pijl-rechts-wit.png) !important;
}

.wpcf7-submit {
  padding: 7px 55px 7px 18px !important;
  font-size: 15px;
}

a.leesmeerexcerpt {
  margin-bottom: 20px;
  display: inline-block !important;
}

.archive a.leesmeerexcerpt {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.archive a.leesmeerexcpert {
  color: var(--nd-wit) !important
}

a.wp-element-button {
  box-shadow: none !important;
}

.leesmeerBlok ul.lcp_catlist {
  margin-top: -10px;
}

/*header */
.johannes-header {
  font-size: 15px !important;
}

.header-top .slot-l li {
  margin-right: 15px;
  color: #040404;
}
.site-description {
  color:var(--blauw)!important;
  font-size: 0.9em;
  margin-left: 33px;
}
.header-middle nav {
  margin-top: 40px;
}

.header-middle .johannes-logo img {
  width: 250px;
}

.header-middle .slot-r .johannes-search {
  margin-top: 40px;
}

.slot-r .menu-hoofdmenu-container .sub-menu a {
  padding: 0 15px 15px;
}

.header-el-label {
  display: none !important;
}

.header-sticky .header-sticky-main img {width:150px!important;}
.header-sticky-main .johannes-site-branding .site-description {
  font-size:0.8em;
  margin-left: 21px;
}
.header-sticky-contextual {
  background-color: var(--nd-paars);
}
nav.rank-math-breadcrumb {
  margin: -28px auto 0;
  text-align: center;
  font-size: 15px;
}

.johannes-section.johannes-cover.johannes-bg-alt-2.johannes-section-margin-alt.size-johannes-page-3 {
  height: auto !important;
  margin-top: 20px;
  margin-bottom: 20px!important;
  align-items: unset;
  -webkit-box-align: unset;
}

.size-johannes-page-3 .container .section-head-alt {
  width: 100%;
  max-width: 100%;
  display: flex;
  overflow: hidden;
  vertical-align: text-top;
}

.size-johannes-page-3 .container .rank-math-breadcrumb {
  margin: 0;
  text-align: center;
}

.size-johannes-page-3 .container .rank-math-breadcrumb p {
  margin-bottom: 0;
}

.size-johannes-page-3 .container .section-head {
  padding: 0 !important;
}

.size-johannes-page-3 .container .section-head h1.entry-title {
  color: var(--nd-paars);
  text-align: left !important;
  /*  padding-bottom: 30px;*/
  margin-top:15px;
}

.size-johannes-page-3, .pageheadertitle {
  /*height:160px;*/
  min-height: 90px;
  text-align: left;
}

.pageheadertitle .section-head-alt-page {
  max-width: 100%;
  /*height:160px;*/
  min-height: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pageheadertitle nav.rank-math-breadcrumb {
  margin: 0 !important;
}

.johannes-cover .entry-category {
  display: none;
}

.johannes-cover .section-head {
  /*height:160px;*/
  /*min-height:52px!important;*/
  max-width: 100%;
  display: flex;
  justify-content: left;
  margin-bottom: 0;
  /*padding-top:38px; padding:0 */
}

.johannes-cover .section-head h1.entry-title {
  color: var(--nd-paars);
  font-size: 52px;
  line-height: 113%;
}

.section-archive-1 .container .section-head {
  max-width: 100%;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.johannes-breadcrumbs {
  margin-top: 10px !important;
  font-size: 12px;
}

.johannes-breadcrumbs a, .breadcrumb_last {
  color: #ffffff;
}

/* einde header */
/*blokken*/
.blok {
  cursor: pointer;
}

.blok .wp-block-column:hover {
  filter: saturate(0.6);
}

.blok .wp-block-column:hover p {
  color: var(--nd-wit)
}

.blokmetvier, .blokmetdrie, .blokmettwee {
  margin-left: -6px;
  margin-right: -6px;
  margin-bottom: 15px;
  clear: both;
  gap: 0px;
}

.blok p {
  text-align: center;
  font-weight: bold;
  text-transform: lowercase;
  height: 150px
}

p.has-text-color.has-background.has-johannes-bg-color.blok {
  display: flex;
  align-items: center;
  justify-content: center;
}

.blok a, .blok a:visited, .blok a:hover {
  color: var(--nd-wit) !important;
  text-decoration: none !important;
  font-weight: bold;

}


.blokmetvier .wp-block-column {
  flex-basis: calc(25% - 2px);
  padding-left: 7.5px;
  padding-right: 7.5px;
  text-align: center
}

.has-3-columns .wp-block-column {
  width: 33%;
  flex-basis: calc(33% - 2px);
}

.blokmetdrie .wp-block-column {
  flex-basis: calc(33.33% - 2px);
  padding-left: 7.5px;
  padding-right: 7.5px;
  text-align: center
}

.blokmettwee .wp-block-column {
  flex-basis: calc(50% - 2px);
  padding-left: 7.5px;
  padding-right: 7.5px;
  text-align: center
}

/* einde blokken */
/*toc*/
ul.advgb-toc {
  list-style: none !important;
}

ul.advgb-toc li {
  text-align: left !important;
}

ul.advgb-toc li:before {
  display: none !important;
}

ul.advgb-toc li a:before {
  content: '\f0da' !important;
  font-family: 'FontAwesome';
  margin-left: -18px;
  margin-right: 8px;
}

ul.advgb-toc li a {
  text-decoration: none !important;
  color: var(--nd-paars) !important;
}

ul.advgb-toc li a:hover, ul.advgb-toc li:hover a {
  color: var(--nd-blauw) !important;
}

ul.advgb-toc li a:hover::before {
  color: var(--nd-blauw) !important;
}

/* einde toc */
/* homepage */
.home .johannes-cover, .home .johannes-section-margin-alt, .page-id-1328 .johannes-section-margin-alt {
  display: none !important;
}

.home header.johannes-header {
  margin-bottom: 48px;
}

.home-center-bank-div {
  background: linear-gradient(to top, #ffffff 0%, #ffffff 60%, rgb(235, 246, 247) 10%, rgb(235, 246, 247) 100%);
  margin-bottom: 150px;
}

/* einde homepage */
/* post */
.johannes-bg-alt-2 {background-color:#ffffff;}
.johannes-related {
  background-color: var(--nd-lichtgrijs);
  margin-bottom: 0 !important;
}

.johannes-related h2.section-title {
  color: var(--nd-paars);
}

.johannes-related .section-content ul li a {
  background: none !important;
  color: var(--nd-blauw);
}

.johannes-related .section-content ul li::before {
  content: "•";
  color: var(--nd-blauw);
  margin-right: 5px;
}

.johannes-related .section-title:after {
  display: none;
}

.entry-content-toc {
  width: 70% !important;
}

.post-template-single-toc .johannes-wrapper, .post-template-default .johannes-wrapper {
  overflow-x: initial !important;
}

.post-template-single-team h2 { font-size:2rem!important; margin-bottom:5px; margin-top:25px; }

ul.vacaturelijst {margin-left:25px;}
.solliciteren-blok h2 {margin-top:30px!important;}
.vacature-foto-hugo figure.alignleft {margin-right:60px;}

.single-post h2.wp-block-heading {margin-top:30px; margin-bottom:10px;}
.single-post h2.wp-block-heading:first-of-type {margin-top:0;}
/* einde post */

/* page */
.page .leesmeer ul.lcp_catlist li::before {
  content: "•";
  color: var(--nd-paars);
  margin-right: 5px;
}

.page .leesmeer ul.lcp_catlist li:hover::before {
  color: var(--nd-blauw);
}

ul.lcp_catlist li:before {
  content: "\2022";
  margin-right: 5px;
  display: inline-block;
  vertical-align: 2px;
}

.leesmeerBlok ul.lcp_catlist li:before {
  content: "•";
  color: var(--vaarwel-paars);
  margin-right: 5px;
}

li.paginamenu a, li.paginamenu a:visited, ul.paginamenu li a, ul.paginamenu li a:visited {
  color: var(--nd-blauw);
}

li.paginamenu a:hover, ul.paginamenu li a {
  color: var(--nd-paars);
}

li.paginamenu:before, ul.paginamenu li:before {
  content: url(https://www.lexnext.nl/wp-content/uploads/2023/10/pijl-rechts-paars.png) !important;
}

article a.klantenvertellen_link {
  color: #424851 !important;
  text-decoration: none !important
}

/* einde page */
/*verkoopblokken*/
section.verkoopblokken .wp-block-columns {
  padding: 30px 0 15px;
}

section.verkoopblokken .wp-block-columns .wp-block-column {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
  padding: 20px !important;
  margin-left: 25px;
  margin-right: -25px;
}

section.verkoopblokken-enkel .wp-block-columns .wp-block-column {
  flex-basis: 35% !important;
  padding: 20px 10px;
  margin: 0 auto !important;
}

.single section.verkoopblokken-enkel .wp-block-columns .wp-block-column {
  flex-basis: 50% !important;
}

section.verkoopblokken .wp-block-columns .wp-block-column h2 {
  height: 40px !important;
  font-size: 20px !important;
  color: var(--nd-paars);
}

section.verkoopblokken .wp-block-columns .wp-block-column .fa-duotone {
  float: right;
  margin-right: 10px;
  font-size: 80px;
  --fa-primary-color: var(--nd-paars);
  --fa-secondary-color: var(--nd-blauw);
  margin-right: 5px;
  margin-top: -15px;
}

section.verkoopblokken .wp-block-columns .wp-block-column ul.advgb-list li::before {
  color: var(--nd-mint);
}

.fa-duotone, .fad {
  position: relative;
  font-weight: 900;
  letter-spacing: normal;
}

.fa-classic.fa-duotone, .fa-duotone, .fad {
  font-family: "Font Awesome 6 Duotone";
}

.fa, .fa-brands, .fa-classic, .fa-duotone, .fa-light, .fa-regular, .fa-sharp, .fa-sharp-solid, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fasl, .fasr, .fass, .fat {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

section.verkoopblokken .wp-block-advgb-list {
  height: 85px;
}

section.verkoopblokken ul.advgb-list li::before {
  font-weight: 900 !important;
  font-size: 1.3em !important;
}

.page .verkoopblokken .wp-block-column:nth-child(1) {
  margin-left: 130px !important;
}

.page .verkoopblokken .wp-block-column:nth-child(2) {
  margin-right: 130px !important;
}

.page .verkoopblokken.verkoopblokken-enkel .wp-block-column {
  margin: 0 auto !important;
  background-color: var(--nd-lichtmint);
  border: 1px solid var(--nd-paars);
  box-shadow: none !important;
}

.fa-duotone:after {
  opacity: 1 !important;
}

/*einde verkoopblokken*/
/*contactform*/
.contact form {
  width: 50%;
}

.contact input {
  border: 2px solid #ededed;
  font-size: 15px;
  height: 40px;
  display: block;
  -webkit-transition: border-color 0.4s ease 0s;
  -khtml-transition: border-color 0.4s ease 0s;
  -moz-transition: border-color 0.4s ease 0s;
  -ms-transition: border-color 0.4s ease 0s;
  -o-transition: border-color 0.4s ease 0s;
  transition: border-color 0.4s ease 0s;
}

.contact .largeLeft, .contact .smallLeft {
  margin-right: 3% !important;
}

.contact .smallLeft, .contact .smallRight {
  display: inline-block !important;
  width: 35% !important;
}

.contact .largeRight, .contact .largeLeft {
  display: inline-block !important;
  width: 62% !important;
}

.contact textarea {
  border: 2px solid rgba(66, 72, 81, 0.1);
}

/*einde contactform*/

/*WPBookit*/
.wpb-booking-shortcode .row.mt-5 .col-lg-3 .mb-5 .d-flex:nth-child(2) {
  display: none !important;
}
.wpb-booking-shortcode .row.mt-5 .col-lg-3 h3.mb-3, .wpb-booking-shortcode .row.mt-5 .col-lg-6 h5 {font-size:16px!important;}
small.title-text, p.mb-0 {font-size:15px!important;}
.wpb-booking-shortcode .d-flex.align-items-center.title-text.gap-2 { font-size: 13px; }
.wpb-booking-shortcode .booking-slots-time .item .avaliable-slot-btn {font-size:14px!important; background-color: var(--nd-lichtmint);}
.wpb-booking-shortcode .booking-slots-time .item .avaliable-slot-btn:hover {background-color:var(--nd-mint);}
.wpb-booking-shortcode .flatpickr-day.wpb-available, .wpb-booking-shortcode .flatpickr-day.wpb-available:after {background-color: var(--nd-lichtmint)!important; color:var(--nd-blauw)}
.wpb-booking-shortcode .flatpickr-day.selected, .wpb-booking-shortcode .flatpickr-day.selected:after {background-color: var(--nd-mint)!important;}
.modal-dialog {font-size:15px!important;}
.modal-dialog h5.modal-title { font-size:16px; color:var(--nd-paars);}
.modal-dialog h6.accordion-header a {font-size:16px!important; color:var(--nd-blauw)!important;}
.modal-dialog .accordion-body.p-0 .d-flex:nth-child(3) {display:none!important;}
.modal-dialog .modal-body .row .wpb-tabs fieldset.wpb-tab .col-12 .row h6.mb-3 {display:none!important;}
.modal-dialog .modal-body .row .wpb-tabs fieldset.wpb-tab .col-12 {padding:0;}
.modal-dialog .modal-body .row .wpb-tabs fieldset.wpb-tab label{ font-size: 15px;}
.modal-dialog .modal-body .row .wpb-tabs fieldset.wpb-tab input[type=text], .modal-dialog .modal-body .row .wpb-tabs fieldset.wpb-tab input[type=email], .modal-dialog .modal-body .row .wpb-tabs fieldset.wpb-tab input[type=tel]   {font-size:15px;}
.modal-dialog .modal-body .row .wpb-tabs fieldset.wpb-tab .col-12 { padding: 5px 0 0 5px; }
.modal-dialog .modal-body .row .wpb-tabs fieldset.wpb-tab .col-12.mb-4:nth-child(3) {display:none;}
.modal-dialog .modal-body .row .wpb-tabs fieldset.wpb-tab .error {color:#000000; text-transform:none!important;}
button.wpb-submit-model-btn { border:none!important; font-size:15px!important; font-weight:600; }
button.wpb-close-model-btn { font-size:15px!important; color:var(--nd-blauw)!important; border-color:var(--nd-blauw)!important; border-radius:25px!important; font-weight:600;}
button.wpb-close-model-btn:hover {color:#ffffff!important; background-color:var(--nd-blauw)!important;}
.list-unstyled.mb-0.booking-slots-time.gap-3{font-size:14px;}
.booking-confirm-card-cols-1 .d-flex.align-items-center.gap-2:last-of-type {display:none!important;}
.booking-confirm-card-cols-2 button.book_new_meeting, .booking-confirm-card-cols-2 button.cancel_meeting {display:none!important;}
/*einde WPBookit*/

/*diversen*/
#rank-math-faq {
  background-color: var(--nd-lichtmint);
  padding: 20px 20px 5px;
  margin-top: 0;
  margin-bottom: 40px;
}

h3.rank-math-question {
  color: var(--nd-paars);
  font-size: 30px;
  line-height: 125%
}

.container-404 .search-alt {
  border-left: 1px solid var(--nd-paars);
  padding-top: 25px;
  padding-bottom: 70px;
}

.container-404 .search-form {
  margin-top: 30px;
}

.search-results .entry-category, .search-results .entry-meta {
  display: none;
}

.search-results article .button a {
  margin-top: 0;
}

.search-results article .entry-content {
  margin-top: 12px;
}

.search-results .category-loop ul li, .archive .category-loop ul li {
  padding-bottom: 20px;
  padding-top: 20px;
  border-bottom: 1px solid var(--nd-paars);
}

.search-results nav.rank-math-breadcrumb {
  margin: -45px auto 0;
  text-align: center;
  bottom: -50px;
  position: absolute;
  width: 100%;
}

.containeromschrijving {
  max-width: 100% !important;
  margin-bottom: 30px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.containeromschrijving .johannes-content {
  max-width: 100%;
  color: var(--nd-paars);
  font-weight: bold;
}

ul.wp-block-latest-posts__list li {
  margin-bottom: 6px !important;
}

ul.wp-block-latest-posts__list li a:hover {
  color: var(--nd-paars) !important;
}

.bereken-knoppen a {
  font-size: 18px;
  color: var(--nd-paars) !important;
  background-color: var(--nd-geel) !important;
  margin: 0px 0px 0px 0px !important;
  padding: 10PX 30PX;
  border-radius: 25px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  display: inline-block;
}

.award-blok-rij {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.award-blok {
 padding: 20px;
}

.award-blok .wp-block-image figure img {
  height: 145px !important;
  width: auto !important;
}

.goudenzandloperrij {
  background-color: #f8f4ee;
  padding: 20px 20px 5px 0;
  margin: 40px 0
}

.goudenzandlopertekst p {
  font-size: 1.2em;
  margin: 0;
  position: absolute;
  top: 46%;
  left: 36%;
  transform: translate(-50%, -50%);
  width: 100% !important
}

.klantenvertellen {
  margin-left: 0;
  margin-right: 0
}

.klantenvertellen .wp-block-column {
  background-color: var(--nd-mint);
  padding: 25px
}

.klantenvertellen .kolommen {
  height: 83px
}

.klantenvertellen .cijfer {
  flex-basis: 14% !important;
  margin-left: 20px;
  background: url(/wp-content/uploads/2022/09/klantenvertellen_cijfer_bg.png);
  background-repeat: no-repeat;
  color: #fff;
  margin-bottom: 0
}

.klantenvertellen .cijfer p {
  text-align: center;
  font-size: 1.8em;
  padding-bottom: 5px;
  margin-top: -11px;
  margin-left: -25px;
  width: 50px
}

.klantenvertellen .kolommen .tekst {
  margin-top: -20px;
  margin-bottom: -35px;
  padding-left: 0 !important
}

.klantenvertellen .klantenvertellen-tekst {
 margin-bottom: -25px
}

.klantenvertellen .tekst {
  flex-basis: 86% !important
}

.klantenvertellen .wp-block-column .fas.fa-star, .klantenvertellen .wp-block-column .far.fa-star {
  color: var(--nd-geel);
  margin-bottom: 10px
}

.fa-file-pdf, a i.fa-file-pdf {
  color: var(--pdf-rood);
  font-size: 1.1em;
  margin-right: 2px;
}

.blauwe_rij {
  margin-top: 0 !important;
  padding-top: 75px !important;
  padding-bottom: 45px !important;
}

.blauwe_rij_leftalign {
  text-align: left!important;
}

.blauwe_rij .kolomleft span.price sup.decimal {vertical-align:inherit;}

.witte_rij {
  padding-top: 80px !important;
  margin-bottom: 40px !important;
}

.witte_rij.samenwerking strong {color:var(--nd-paars);}
.eerste_blauwe_rij .text {
  font-size: 20px;
  color: #000000;
  line-height: 30px;
}

.blauwe_rij_gradient {
  background-color: rgb(235, 246, 247);
  background-image: linear-gradient(white, rgb(235, 246, 247));
  padding-top: 80px;
  padding-bottom: 30px;
  margin-top: -15px;
  text-align: center !important;
}

.laatste_blauwe_rij {
  background-color: #ffffff;
  background-image: linear-gradient(rgb(235, 246, 247), white);
  padding-top: 80px !important;
  padding-bottom: 0 !important;
  text-align: center !important;
  margin-bottom: -40px !important;
}

.mint_rij {
  background-color:var(--nd-mint);
  padding-top:80px;
  padding-bottom:40px;
}
.award_rij .award-blok-rij .award-blok a {
  color: var(--nd-paars);
  font-weight: bold !important;
  text-decoration: none !important;
}

.award_rij .award-blok-rij .award-blok a:hover {
  color: var(--nd-blauw);
}

.subheading {
  color: var(--nd-blauw) !important;
  font-size: 24px !important;
  font-weight: bold !important;
}

.page-id-52 .johannes-section.johannes-cover.johannes-bg-alt-2.johannes-section-margin-alt.size-johannes-page-3, .page-id-2269 .johannes-bg-alt-2, .page-id-2280 .johannes-bg-alt-2, .page-id-2472 .johannes-bg-alt-2, .page-id-2690 .johannes-bg-alt-2 {
  display: none;
}

.producten_blauwe_rij {
  background-color: var(--nd-lichtmint);
  padding-top: 20px;
  padding-bottom: 45px;
  margin-bottom: -86px !important;
}

.producten_blauwe_rij .subheading {
  margin-top: 20px !important;
  margin-bottom: -35px;
}

.producten_blauwe_rij .wp-block-column {
  background-color: #ffffff;
  border-radius: 25px;
  padding: 25px;
}

.producten_blauwe_rij .wp-block-column h2.wp-block-heading {
  font-size: 2.4rem;
}

.producten_blauwe_rij .wp-block-column .producten_blok_tekst {
  min-height: 175px;
}

.producten_blauwe_rij .wp-block-button a, input#mc-embedded-subscribe {
  background-color: var(--nd-geel) !important;
  background-image: url(https://www.lexnext.nl/wp-content/uploads/2023/10/pijl-rechts-paars.png);
  background-repeat: no-repeat;
  background-position: center right 18px;
  color: var(--nd-paars) !important;
  border-radius: 25px !important;
  font-size: 15px;
  font-weight: 600!important;
  min-height: 30px !important;
  padding: 7px 55px 7px 18px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 15px;
  margin-bottom: 15px;
  display: inline-block;
  width: auto !important;
}

.producten_blauwe_rij .wp-block-button a:hover, input#mc-embedded-subscribe:hover {
  color: #ffffff !important;
  background-color: var(--nd-paars) !important;
  background-image: url(https://www.lexnext.nl/wp-content/uploads/2023/11/pijl-rechts-wit.png) !important;
  background-repeat: no-repeat;
  background-position: center right 18px;

}

#mc_embed_signup form {margin: 30px 0 0!important; width:100%!important }
#mc_embed_signup form .content__gdpr fieldset {padding:0!important; margin-top:-30px!important;}

.producten_blauwe_rij .lege_kolom {
  background: none !important;
  height: 1px !important;
}
/*#mc_embed_shell input[type="email"], #mc_embed_shell input[type="text"] {height:40px; border: 2px solid #ededed;}*/

.johannes-footer .mc-field-group input[type="email"] {
    background-color: #E1EBEC;
    border: none;
    padding: 8px 12px;
    border-radius: 6px;
    height:40px;
}
.usp {
  display: block;
  background-color: var(--nd-lichtmint);
  border-radius: 25px;
  color: var(--nd-paars);
  font-weight: 600;
  padding: 7px 18px !important;
}

.usp::before {
  content: url(https://www.lexnext.nl/wp-content/uploads/2024/07/geelpijltje-15.png);
  float: left;
  margin-top: 3px;
  margin-right: 10px;
}

.blauwe_rij .usp {
  background-color: #ffffff;
}

.product_waarom_rij {
  padding-top: 100px;
  padding-bottom: 45px;
}

.product_waarom_rij ul {
  margin-left: 20px;
}

.product_waarom_rij ul li::before {
  color: var(--nd-paars);
  content: "•";
  margin: 0 10px 0 -20px;
}

.product_waarom_rij ul li strong {
  color: var(--nd-paars);
}

.over_ons_usp {
  width: 75%;
  margin: 0 auto !important;
}

.wie_zijn_wij_usp_rij {
  background: linear-gradient(to bottom, var(--nd-lichtmint) 50%, #ffffff 50%);
}

.wie_zijn_wij_usp {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 25px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px !important;
  font-size:1.2em;
}

.wie_zijn_wij_usp .wp-block-column {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}

.wie_zijn_wij_usp .wp-block-column p strong {
  color: var(--nd-paars);
}

.wie_zijn_wij_usp .wp-block-column p::before {
  content: url(https://www.lexnext.nl/wp-content/uploads/2024/07/geelpijltje-15.png);
  float: left;
  margin-top: 3px;
  margin-right: 10px;
}

.over_ons_witte_rij {
  margin-bottom: -48px;
}

.ons_verhaal_successen {
  margin-top: 86px !important;
}

.ons_verhaal_successen .wp-block-columns .wp-block-column {
  background-color:#ffffff;
  border-radius:10px;
  padding:30px 30px 50px;
  position:relative;
  background-image:url(https://www.lexnext.nl/wp-content/uploads/2024/09/geelpijltje-40-tr.png); background-repeat:no-repeat; background-position:right 30px bottom 15px;
}

.ons_verhaal_successen .wp-block-columns .wp-block-column .wp-block-buttons {
  position:absolute;
  bottom:10px;
  right:25px;
}
.ons_team_wie_zijn_wij .wp-block-column {
  background-color:#ffffff;
  padding:30px;
  border-radius:10px;
}
.blauwe_rij .vacatures {
  text-align:left;
}
.blauwe_rij .vacatures .advgb-recent-post {
  background-color:#ffffff;
  padding:25px;
  border-radius:10px;
  border-bottom:none!important;
}
.witte_rij .vacatures .advgb-recent-post {
  padding:25px;
  border-radius:10px;
  border-bottom:none!important;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px !important;
  margin-bottom:30px;
}
.witte_rij .vacatures .advgb-recent-post h2.advgb-post-title {
  background-image: url(/wp-content/uploads/2024/09/lijn-onder.webp)!important;
  background-repeat: no-repeat!important;
  background-position: bottom left!important;
  padding-bottom:6px!important;
}

.blauwe_rij .vacatures .advgb-recent-post h2.advgb-post-title a, .witte_rij .vacatures .advgb-recent-post h2.advgb-post-title a {
  color:var(--nd-paars);
  text-decoration:none;
  font-size:16px;
}
.blauwe_rij .vacatures .advgb-recent-posts .advgb-post-readmore, .witte_rij .vacatures .advgb-recent-post .advgb-post-readmore {
  text-align:right;
  margin-top:25px;
}
.blauwe_rij .vacatures .advgb-recent-post .advgb-post-readmore a, .witte_rij .vacatures .advgb-recent-post .advgb-post-readmore a {
  background-color: var(--nd-geel) !important;
  background-image: url(https://www.lexnext.nl/wp-content/uploads/2023/10/pijl-rechts-paars.png);
  background-repeat: no-repeat;
  background-position: center right 18px;
  color: var(--nd-paars) !important;
  border-radius: 25px !important;
  font-size: 15px;
  font-weight: 600;
  min-height: 30px !important;
  padding: 7px 55px 7px 18px !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
.blauwe_rij .vacatures .advgb-recent-post .advgb-post-readmore a:hover, .witte_rij .vacatures .advgb-recent-post .advgb-post-readmore a:hover {
  background-color: var(--nd-paars) !important;
  background-image: url(https://www.lexnext.nl/wp-content/uploads/2023/11/pijl-rechts-wit.png);
  background-repeat: no-repeat;
  background-position: center right 18px;
  color: var(--nd-wit) !important;
}

.nawkolom h3 {
  margin-bottom:0!important;
}
.nawkolom i.fa-brands {
  background:none!important;
  margin-right:5px;
  width:auto!important;
  height:auto!important;
  font-family: 'FontAwesome';
}
.formkolom form input[type="text"], .formkolom form input[type="email"], .formkolom form textarea {
  background-color:#ffffff;
  border:none!important;
}
.belmijterugkolom label {margin-top:20px; margin-bottom:10px;font-size:16px; opacity:1!important;}
.belmijterugkolom .wpcf7-list-item {
  display:block!important;
  margin:0!important;
}
.belmijterugkolom .wpcf7-list-item label {
  margin-top:5px!important;
  margin-bottom:3px!important;
}
.belmijterugkolom .wpcf7-list-item {display:block!important; margin:5px 0 0!important}
.belmijterugkolom .wpcf7-list-item input[type="radio"] {
	 appearance: none;
	 margin: -3px 5px 0 0;
	 width: 13px;
	 height: 13px;
	 background: none;
	 box-shadow: inset 0 0 0 0.4em white, 0 0 0 0.1em;
	 border-radius: 50%;
	 transition: 0.2s;
	 cursor: pointer;
	 color: #424851;
}
.belmijterugkolom .wpcf7-list-item input[type="radio"]:checked {
	 box-shadow: inset 0 0 0 0 white, 0 0 0 0.1em var(--nd-blauw) !important;
	 background: var(--nd-blauw) !important;
 }
 .belmijterugkolom .wpcf7-submit {margin-top:20px!important;}


.bedanktgroep {padding-top:75px!important;}
.linkedin {margin-top:25px; }
.linkedin a {
  position: relative;
    margin-left: 30px;
}
.linkedin a:before {
  content: "\f08c";
  font-family: 'FontAwesome';
  margin-left:-30px;
  color:var(--nd-paars);
  font-size:1.5em;
  text-decoration:none!important;
  position:absolute;
}
.zoektekst {
  font-family:Inter, Arial, sans-serif;
  font-size:16px;
  font-weight:normal;
  margin-bottom:25px!important;
}
.bekijkvacatures {
  margin-top:30px;
  display: block;
  width: 100%;
  clear:both;
}
/* verklein de zoek-overlay */
.johannes-modal.search-alt.modal-open {
  background: rgba(0,0,0,0.7); /* iets transparanter */
  margin:80px
}
.johannes-modal.search-alt .search-inner {
  width: 80%;
  max-width: 600px;
  margin: 100px auto; /* afstand tot de bovenkant */
  background: #fff;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}
/* verberg de grote achtergrond indien nodig */
.johannes-modal.search-alt .modal-content {
  background: none !important;
}

/*zoekpagina*/
.wp-block-search__inside-wrapper {display:block!important;}
wp-block-search__input {background-color: #ffffff!important;}


.price sup {position:relative; vertical-align:text-top; line-height:1; top:0; font-size:1em;}

h3 span.price sup.decimal {vertical-align:baseline!important;}



/* einde diversen */

/* footer */

.footer-divider {
  border-top: none; padding-top:1px;
}

  .johannes-footer {
    background-color:var(--nd-lichtmint);
  }

  .johannes-footer .widget {
    margin-bottom:30px;
  }

  .johannes-footer #custom_html-4 {
    height:1px; font-size:1px !important; margin-bottom:0 !important; display:none;
  }

  .johannes-footer .fas {
    margin-right: 5px; color:var(--nd-paars);
  }

  /*footer .socialicons {
    margin-top:20px;
  }

  footer i.fa-brands, footer i.fas {
    font-family: 'FontAwesome';
    font-style: normal;
    color: var(--nd-paars);
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    margin-right: 5px;
  }
    */

  .johannes-footer a:hover {
    color:var(--nd-blauw)
  }
  .johannes-footer .widget_media_image { margin-bottom:0; }
  .johannes-footer .site-description { font-size:0.9em!important; }
  .klantenvertellenfooter {
    width:50%; border:none; height:85px; margin-top:5px;
  }

  .johannes-footer .mc4wp-form-fields input[type="email"], .johannes-footer .mc4wp-form-fields label {
    background:#ffffff!important;
  }

  .johannes-footer h5.widget-title, .johannes-footer h3.widget-title {
    color:var(--nd-paars) !important;
  }

  #custom_html-4 .textwidget.custom-html-widget, #custom_html-4 .textwidget.custom-html-widget a, #custom_html-4 .textwidget.custom-html-widget a:hover, #custom_html-4 .textwidget.custom-html-widget a:visited {
    color: var(--nd-lichtmint);
  }

  .grecaptcha-badge {
    visibility: hidden;
  }

  .underfooter {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    height: 30px;
    color:var(--nd-paars);
  }

  .underfooter-links {
    float: left;
    width: 50%;
    font-size: 13px;
  }

  .underfooter-rechts {
    float: left;
    width: 50%;
    text-align: right;
    font-size: 13px;
  }

  .underfooter-rechts ul {
    float: right;
  }

  .underfooter-rechts ul li:last-child {
    margin-right: 0 !important;
  }

  .underfooter-rechts ul li i {
    margin-right: 10px;
  }

  .johannes-copyright {
    height: 30px;
    width: 100%;
    padding: 0 !important;
    float: left;
    text-align: left !important;
    display: inline-block !important;
    border-top: none !important;
  }

  .johannes-copyright .copyright-links {
    width:50%; float:left; text-align:left;
  }

  .johannes-copyright .copyright-links span {
    margin-right:20px;
  }

  .johannes-copyright .copyright-rechts {
    width:50%; float:left; text-align:right;
  }

  .johannes-copyright p, .johannes-copyright ul li {
    line-height:30px;
  }

  .johannes-copyright ul li {
    float: left;
    width: auto;
    margin-right: 20px;
  }

  .johannes-copyright a {
    text-decoration:none; color:var(--nd-paars);
  }

  .johannes-copyright a:hover {
    color:var(--nd-blauw);
  }

  p.footer-widget-title a {
    color: var(--nd-paars); font-weight:bold; font-size:1.2em
  }



  .klantenvertellen_wrapper {

    width: 200px; height: 63px; margin-bottom:20px;

  }



  .klantenvertellen_wrapper a:hover {

    color:#424851;

  }



  .klantenvertellen_footer {

    background-image: url(/wp-content/uploads/2023/10/klantenvertellen-footer.png);

    background-repeat: no-repeat;

    width: 200px;

    height: 63px;

    padding: 8px 16px;

    text-align: right;

    font-size: 28px;

  }



  .klantenvertellen_footer .price .decimal {

    font-size: 50%;

    top: -0.7em !important;

    margin-left: -4px;

    vertical-align: baseline;

  }



  .menu-under-the-footer-container ul.menu li {

    margin-bottom: 5px !important;

  }



  .johannes-footer div#mc_embed_signup_scroll p {

    font-size: 12px;

    font-weight: 400;

  }

  /*einde footer*/



  @media screen and (max-width: 1024px) {



    /*	.johannes-site-branding {margin-top:48px;}*/

    html, .johannes-wrapper {

      overflow-x: visible !important;

    }



    .header-top {

      padding-top:15px;

    }



    .header-middle {

      margin-top:-15px;

    }

  }



  @media screen and (max-width: 899px) and (min-width: 769px) {

    .header-mobile {

      border-bottom:1px solid var(--nd-paars);

    }



    .johannes-site-branding {

      margin-top:0 !important;

    }



    .johannes-sidebar-hidden .johannes-menu-mobile .widget-inside {

      background-color:var(--nd-lichtmint);

    }



    .johannes-sidebar-hidden .johannes-menu-mobile .widget-inside ul li a {

      background:none !important;

    }



    .single-md-content {

      max-width:100% !important;

    }



    .kennisbank-overzicht h2 {

      min-height:48px;

    }



    .entry-content-toc ul.advgb-toc {

      float: left;

      width: 100%;

      margin-top:0 !important;

      margin-right:0 !important;

      font-size: 16px;

      list-style: none !important;

      text-align: left !important;

      position:relative !important;

      top:0 !important;

    }



    .entry-content-toc {

      width: 100% !important;

    }



    .entry-content-toc ul.advgb-toc li.toc-level-1 {

      text-align:left !important; list-style-type:none; margin-left:0 !important

    }



    .col-md-6 {

      -webkit-box-flex: 0;

      -webkit-flex: 0 0 33%;

      -ms-flex: 0 0 33%;

      flex: 0 0 33%;

      max-width: 33%;

    }



    .johannes-related {

      padding-top:20px !important; padding-bottom:20px !important;

    }



    section.verkoopblokken-enkel .wp-block-columns .wp-block-column {

      flex-basis:55% !important;

    }



    section.verkoopblokken .wp-block-columns .wp-block-column .fa-duotone {

      margin-top:5px;

    }



    .kennisoverzicht h2 {

      min-height:auto;

    }



    .underfooter-links ul {

      display:none;

    }

  }



  @media screen and (max-width: 768px) {

    .home article {

      margin-top:25px !important;

    }



    .johannes-sidebar-hidden .johannes-menu-mobile .widget-inside {

      background-color:var(--nd-lichtmint);

    }



    .johannes-sidebar-hidden .johannes-menu-mobile .widget-inside ul li a {

      background:none !important;

    }



    .single-md-content {

      max-width:100% !important;

    }



    .kennisbank-overzicht h2 {

      min-height:48px;

    }



    .entry-content-toc ul.advgb-toc {

      float: left;

      width: 100%;

      margin-top:0 !important;

      margin-right:0 !important;

      font-size: 16px;

      list-style: none !important;

      text-align: left !important;

      position:relative !important;

      top:0 !important;

    }



    .entry-content-toc {

      width: 100% !important;

    }



    .entry-content-toc ul.advgb-toc li.toc-level-1, .entry-content ul.advgb-toc li.toc-level-1 {

      text-align:left !important;

    }



    .entry-content ul.advgb-toc li.toc-level-1::marker, .entry-content ul.advgb-toc li.toc-level-1::before {

      display:none !important;

    }



    .col-md-6 {

      -webkit-box-flex: 0;

      -webkit-flex: 0 0 33%;

      -ms-flex: 0 0 33%;

      flex: 0 0 33%;

      max-width: 33%;

    }



    .johannes-related {

      padding-top:20px !important; padding-bottom:20px !important;

    }



    section.verkoopblokken-enkel .wp-block-columns .wp-block-column {

      flex-basis:55% !important;

    }



    section.verkoopblokken .wp-block-columns .wp-block-column .fa-duotone {

      margin-top:5px;

    }



    .kennisoverzicht h2 {

      min-height:auto;

    }



    .underfooter-links ul {

      display:none;

    }



    .contact form {

      width:100%;

    }

  }



  @media screen and (max-width: 767px) and (min-width: 441px) {

    h1 {

      font-size:35px;

    }



    .container {

      max-width:100% !important;

    }



    .col-md-6 {

      -webkit-box-flex: 0;

      -webkit-flex: 0 0 50%;

      -ms-flex: 0 0 50%;

      flex: 0 0 50%;

      max-width: 50%;

    }

  }



  @media screen and (max-width: 440px) {

    h1 {

      font-size:30px !important;

    }



    .header-sticky-main {width:100%!important; max-width:100%!important;}



    .johannes-site-branding {

      margin-top:0 !important;

    }



    .johannes-site-branding .johannes-logo img {width:160px; margin-top:10px;}

    .header-sticky-main .johannes-site-branding .johannes-logo img {margin-top:8px;}

    .johannes-sidebar-hidden .johannes-sidebar-branding .johannes-logo img {width:150px!important; margin-top:5px;}

    .johannes-accordion-nav { background-color:var(--nd-lichtmint); }



    .johannes-menu-mobile .johannes-bg-alt-1 {

      background-color: var(--nd-lichtmint);

    }



    .container {

      max-width:96%;

    }



    .col-md-6 {

      -webkit-box-flex: 0;

      -webkit-flex: 0 0 100%;

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

      max-width: 100%;

    }



     .johannes-footer .johannes-copyright {

      height:auto;

     }

     

    .johannes-footer .johannes-copyright .copyright-links {

      width:100% !important;

    }



    .johannes-footer .johannes-copyright .copyright-links p span {

      display:block; width:100%; margin-right:0 !important;

    }



    .johannes-footer .johannes-copyright .copyright-rechts {

      width:100%; text-align:center;

    }



    .underfooter-links, .underfooter-rechts {

      width:100%; text-align: center;

    }



    .leesmeer ul {

      list-style:disc; margin-left:18px;

    }



    .leesmeer ul li::before {

      display:none;

    }



    .leesmeer ul li::marker {

      color:var(--nd-paars);

    }



    .contact .smallLeft, .contact .smallRight {

      display: inline-block !important;

      width: 34% !important;

    }



    .size-johannes-page-3 {

      min-height:90px !important; height:auto !important

    }



    .johannes-bg-alt-2 .container {

      min-height:90px !important; height:auto;

    }



    .johannes-sidebar #text-2 {

      display:none;

    }



    .johannes-menu-mobile .johannes-accordion-nav {

      background-color:var(--nd-lichtmint);

    }



    h3.rank-math-question {

      font-size:25px !important;

    }



    .wie_zijn_wij_usp { width:90%!important; }

    .over_ons_usp { width:100%!important; }



    .producten_blauwe_rij .wp-block-columns {

      padding-left:5% !important; padding-right:5% !important;

    }



    .producten_blauwe_rij .subheading {

      margin-bottom:-10px;

    }



    .blauwe_rij .wp-block-columns, .witte_rij .wp-block-columns, .product_waarom_rij .wp-block-columns, .mensgerichtheid, .innovatie, .meettheteam {

      padding-left:5% !important; padding-right:5% !important;

    }

    .wp-block-column p.usp {margin:0 auto 15px;}

    .hypotheekadviseurs .wp-block-column:first-child {order:1!important;}

    .hypotheekadviseurs .wp-block-column:last-child {order:2!important;}

    .product_waarom_rij .wp-block-column:first-child, .nergens_goedkoper .wp-block-column:first-child, .home_rij_samenwerken .wp-block-column:first-child, .samenwerking .wp-block-column:first-child, .onze_diensten .wp-block-column:first-child {order:2}

    .product_waarom_rij .wp-block-column:last-child, .nergens_goedkoper .wp-block-column:last-child, .home_rij_samenwerken .wp-block-column:last-child, .samenwerking .wp-block-column:last-child, .onze_diensten .wp-block-column:last-child {order:1}



    .witte_rij figure.size-large img {

      max-width:90% !important;

    }



    #calculator h2.wp-block-heading { margin-left:5%!important; }



  }





.transparanteKolom figure, .transparanteKolom figure img, .transparanteKolom img {

	background-color: transparent;

}