/*
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;
  --nd-blauw: #006ab4;
  --nd-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)) {
  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 {
  background-color: var(--nd-geel) !important;
  background-image: url(https://www.notarielediensten.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 {
  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;
}
.header-middle nav {
  margin-top: 40px;
}
.header-middle .johannes-logo img {
  width: 278px;
}
.header-middle .slot-r .johannes-search {
  margin-top: 40px;
}
.header-el-label {
  display: none !important;
}
.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;
}
/*.entry-content-toc ul.advgb-toc {
    float: right;
    width: 37%;
    margin-right: -350px!important;
    margin-top: -50px;
    position: sticky;
    top: 200px;
    font-size: 16px;
    list-style: none!important;
    text-align: left!important;
}
.entry-content-toc ul.advgb-toc li.toc-level-1 {
    text-align: right!important;
}
.entry-content-toc ul.advgb-toc li.toc-level-1::before {display:none!important; }
.entry-content-toc ul.advgb-toc li.toc-level-1 a {
    text-decoration: none!important;
    color:var(--nd-paars)!important;
}
.entry-content-toc ul.advgb-toc li.toc-level-1 a:hover, .entry-content-toc ul.advgb-toc li.toc-level-1 a:hover::before {color: var(--nd-blauw)!important;}
.entry-content ul.advgb-toc li.toc-level-1 a::before {
    color: var(--nd-paars)!important;
    content: '\f0da'!important;
    font-family: 'FontAwesome';
    margin-left: -18px;
    margin-right: 8px;
}
.entry-content-toc ul.advgb-toc li.toc-level-1 a.mPS2id-highlight-first  {color:var(--nd-blauw)!important;}
.entry-content-toc ul.advgb-toc li.toc-level-1 a.mPS2id-highlight-first::before {color:var(--nd-blauw)!important;}*/
/* 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.notarielediensten.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;
}
.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 {
  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.notarielediensten.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.notarielediensten.nl/wp-content/uploads/2023/11/pijl-rechts-wit.png) !important;
  background-repeat: no-repeat;
  background-position: center right 18px;
}
#mc_embed_signup .button, #mc_embed_signup .button:hover {padding-top:0!important; font-size:600!important}
#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;}
.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.notarielediensten.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 {
  /*padding-bottom:25px;*/
  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.notarielediensten.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.notarielediensten.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.notarielediensten.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.notarielediensten.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;}
/* 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)
  }
  .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:#e0f6ff !important;
  }
  .johannes-footer .mc4wp-form-fields input[type="submit"] {
    background-color: var(--nd-geel) !important;
    color: var(--nd-paars) !important;
    margin-bottom: 15px;
    margin-top:0
  }
  .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;
  }
  .menu-under-the-footer-container ul.menu li {
    margin-bottom: 5px !important;
  }
  /*einde footer*/

  @media screen and (max-width: 1024px) {
    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-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 .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 {
      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;
    }
  }