/*
Theme Name:     Johannes Child
Theme URI:      https://mekshq.com/theme/johannes/
Description:    Child theme for Johannes WordPress theme
Author:         DHZN
Author URI:     https://mekshq.com
Template:       johannes
Version:        0.1.0
*/
:root {
  --blue: #c7d6dd;
  --lightblue: #d5ecf2;
  --felblauw: #003c68;
  --donkerblauw: #003c68;
  --lichtblauw: #36c1e8;
  --lightlightblue: #f4fafb;
  --orange: #e48128;
  --yellow: #eed93a;
  --white: #ffffff;
  --grey: #c7d6dd;
  --darkgrey:#365d72;
  --purple:#693150;
  --menuhover:#cceff9;
}

@keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateY(0);
		-ms-transform:     translateY(0);
		transform:         translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		-ms-transform:     translateY(-30px);
		transform:         translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform:     translateY(-15px);
		transform:         translateY(-15px)
	}
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html { overflow-y:scroll; }
h3 {color:var(--darkgrey)!important;}
strong {font-weight:600!important;}
.is-style-outline .wp-block-button__link {border: 3px solid currentcolor!important;}
header.johannes-header-main {margin-bottom:20px!important;}
header .johannes-site-branding .dienstvan {color:var(--darkgrey); text-align:left; margin-top:-15px; margin-left:63px; font-size:0.9em; }
header .johannes-site-branding .dienstvan a {color:var(--darkgrey);}
header .johannes-site-branding .dienstvan a:hover{color:var(--purple);}
.header-layout-7 {height:100px!important; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(199,214,221,1) 100%)!important;}
.header-layout-7 .slot-c, .header-layout-7 .headerzoekform {width:50%;}
.header-layout-7 .headerzoekform {float:right!important; position:relative; margin-top:25px}
.headerzoekform input[type="text"]{background-color:#c4ccd4;color:var(--donkerblauw)!important; height:50px; border-radius:25px 0 0 25px; width:85%; float:left; position:relative; display:inline-block; border:none; font-family:'Ubuntu'; padding-left:25px;  }
.headerzoekform input[type="text"]::placeholder {color:var(--donkerblauw)}
.headerzoekform button[type="submit"] {width:15%;float:left; display:inline-block; height:50px; border-radius: 0 25px 25px 0; background-color:#c4ccd4;  color:#003c68}
button, .wp-block-button a {box-shadow:none!important; letter-spacing:1px;}
.header-bottom {background-color:var(--felblauw)!important; border-top:1px solid var(--felblauw)!important; border-bottom:1px solid var(--felblauw)!important;}
.header-bottom, .header-bottom-slots, .header-bottom ul.johannes-menu {height:27px!important}
.header-bottom ul li a {color:#ffffff}
.header-bottom .sub-menu {margin-top:-13px; background-color:var(--felblauw)!important; box-shadow:none!important;}
ul.johannes-menu-primary li.menu-item-4648 {width:145px;}
.slot-r { margin-left: auto!important; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: end; justify-content: flex-start; }
.slot-r li::marker { display:none!important;}
.slot-r .header-el-label {display:none!important;}
.slot-r .johannes-cart-count {background:none!important; position:relative; color:var(--felblauw); background-color:#ffffff!important; top:-54px; right:-18px;}
.header-sticky .slot-l {font-size:1.6rem;}
.header-sticky .slot-r {-webkit-box-pack: end!important; -webkit-justify-content: flex-end!important; }
.header-sticky .slot-r nav ul li.menu-item {padding-left:0!important; padding-right:20px!important;}
.header-sticky .slot-r .winkelmandmenuknop {margin-top:15px!important;}
.header-sticky .slot-r .winkelmandmenuknop a {font-size:1.3rem; height:39px!important;}
.header-sticky .slot-r .winkelmandmenuknop .amount, .header-sticky .slot-r .winkelmandmenuknop .woocommerce-price-suffix {display:none!important;}
.header-sticky a.inloglink {margin-left:20px; margin-right:20px!important; width:87px!important;}

ul#menu-mainmenu a:hover{color:var(--lightlightblue)!important;}

.johannes-sidebar-hidden {background-color:var(--blue);}
.mensenhome {display:block;height:268px; margin-top:-20px!important; background-color:var(--blue); }

a.knop, a.knop:visited, .entry-content a.knop, .entry-content a.knop:visited {
  border-radius:5px;
  color:#ffffff!important;
  background-color:var(--felblauw);
  font-size: 1em!important;
  font-family: 'Ubuntu'!important;
  font-weight: 600!important;
  letter-spacing: 1px;
  padding:10px 15px;
  margin-top:5px;
  float:left!important;
  margin-bottom:10px!important;
}
.knop a, a.wp-block-advgb-button_link {border-radius:5px!important;}
a.knop:hover, .entry-content a.knop:hover { background-color:var(--purple)!important; color:#ffffff!important; }

.homeintrotekst {
    background-color: #ffffff;
    margin-bottom: 30px;
    padding: 4%;
}
.homeintrotekst ul {margin-bottom:20px;}
.homeintrotekst .knop a {
  margin-top:130px;
  background-color:var(--purple);
  color:#ffffff!important;
}
.homeintrotekst .knop a:hover {
  background-color:var(--donkerblauw);
  color:#ffffff!important;
}
.knop a.wp-block-button__link:hover {color:#ffffff!important}
.homevoorwieenvoorwat {background-color:var(--blue); padding-bottom:25px!important;}
.entry-content .homevoorwieenvoorwat h1 {margin-top:25px!important; margin-bottom:30px!important; font-size:4em; font-family:'Ubuntu'; font-weight:100; color:var(--darkgrey)!important;}
.entry-content ul { list-style:disc!important; margin-left:20px;}
.entry-content ul li::before {display:none}
.entry-content ul li ul {list-style:circle!important;}
.homevoorwieenvoorwat .wp-block-buttons {text-align:center; display:block;}
.homevoorwieenvoorwat .wp-block-buttons .wp-block-button a {color:#ffffff; width:100%; box-shadow:none!important; border-radius:30px; font-weight:600!important; font-family:'Ubuntu'; font-size:1em; padding-top:16px; height:60px;width:300px; }
.homevoorwieenvoorwat .wp-block-buttons .wp-block-button a:hover {color:var(--blue);}
.homevoorwieenvoorwat .wp-block-uagb-columns {padding:0!important;}
.homevoorwieenvoorwat .tweeblokken {padding-bottom:25px!important;}

.tweeblokken .wp-block-buttons {padding:0!important}
.tweeblokken .wp-block-button a {width:100%!important; display:block; bottom:0; font-size:18px!important; height:40px!important; padding-top:12px!important; box-sizing:border-box; }
.tweeblokken .blokwitgroot {color:var(--darkgrey)!important; font-size:4em!important; line-height:1em!important}
.tweeblokken .bloktekst {height:425px!important}
.tweeblokken .blokoranjemedium {color:#ffffff; font-size:2em!important; line-height:1.1em!important}
.tweeblokken .knopsectie {padding:0 20px 20px 20px!important;}
.tweeblokken .knopsectie .wp-block-buttons {font-size:14px!important; line-height:1.1em;}
.knopsectie .meeroverwit a, .meeroverwit a:visited {background-color:#ffffff!important; color:var(--darkgrey)!important; border-radius:5px!important;}
.knopsectie .meeroverwit a:hover {color:var(--felblauw)!important}

.pijlnaarbeneden span.advgb-icon {margin-right:0!important; margin-bottom:0!important;}

.homebestuurszaken, .homesponsoring {height: 440px!important; background-color: var(--purple)!important; background-blend-mode: luminosity!important; }
.homebestuurszaken .uagb-column__inner-wrap, .homesponsoring .uagb-column__inner-wrap {padding:0;}
.knopalignbottom {position:absolute; bottom:0; left:0; width:100%; margin-bottom:0!important; box-sizing:content-box; height:50px; }
.knopalignbottom:hover { background-color:var(--purple)!important }
.single-md-content .knopalignbottom a {padding-left:0!important; padding-right:0!important; margin-top:-5px; width:100%!important; display:block; letter-spacing:1px; color:var(--white)!important}
.single-md-content .knopalignbottom a:hover {color:#ffffff!important; background-color:var(--purple)!important }
.homedriemiddenwitblauw {color:var(--darkgrey); font-size:1.7em; line-height:1.5em}
.single-md-content .homedriemiddenwitblauwknop a, .homedriemiddenwitblauwknop a:visited {width:auto!important; padding-left:60px!important; padding-right:60px!important; border:3px solid var(--darkgrey)!important; color:var(--darkgrey)!important;}
.single-md-content .homedriemiddenwitblauwknop a:hover {border-color:var(--purple)!important; color:var(--purple)!important;}
.accordion { background-color: #ffffff; color: var(--darkgrey); cursor: pointer; padding: 18px 10px;; width: 100%; border-top:2px solid; border-left:none; border-right:none; border-bottom:none; text-align: left; outline: none; font-size: 18px; transition: 0.4s; line-height:24px }
.active, .accordion:hover { background-color: #ffffff;}
.accordion:after { content: '\f107'; font-family:'FontAwesome'; color:var(--darkgrey); font-weight: 900; float: right; margin-left: 5px; font-size:1.5em }
.active:after { content: '\f106'; }
.panel { padding: 0 18px; max-height:0; background-color: white; overflow: hidden; transition: max-height 0.2s ease-out; font-size:16px; color:var(--darkgrey); }
.panel .accordionleesmeer { float:right; margin-bottom:25px!important; margin-top:10px; display:block; }
.single-md-content .accordionleesmeer a, .single-md-content .accordionleesmeer a:visited {text-decoration:none!important; color:#ffffff!important; background-color:var(--darkgrey); padding:10px 18px; font-weight:600;}
.single-md-content .accordionleesmeer a:hover {background:var(--purple)!important; color:#ffffff!important;}

.testimonial {color:#ffffff; background-color:var(--purple); min-height:200px; padding-top:50px!important; padding-bottom:50px!important; overflow:hidden;}
.testimonialnaam {font-size:1.5em; font-weight:400; margin-bottom:30px}
.testimonialtekst {font-size:3em; line-height:1.4em; margin-bottom:50px;}
.testimonial .wp-block-button a, .testimonial .wp-block-button a:visited {font-size:1em!important; font-family:'Ubuntu'!important; font-weight: 600!important; letter-spacing:1px; color:var(--donkerblauw)!important; background-color:#ffffff!important; border-radius: 5px!important;}
.testimonial .wp-block-button a:hover {background-color:var(--donkerblauw)!important; color:#ffffff!important;}

.registreren {color:var(--darkgrey); padding-top:75px!important;}
.registeren .wp-block-buttons {margin-top:50px!important; }
.registreren .wp-block-button a, .registreren .wp-block-button a:visited {background-color:#ffffff; font-size:18px; font-weight:600!important; font-family:'Ubuntu'!important; margin-top:60px; color:var(--darkgrey)!important;}
.registreren .wp-block-button a:hover {color:var(--purple)!important;}

/*berichten*/
.johannes-content-alt .entry-category {display:none!important;}
.single-md-content article a {color:var(--felblauw)!important; font-weight:600; text-decoration:underline!important;;}
.single-md-content article a:hover {color:var(--purple)!important;}

.leesmeerBlok {width:70%!important; float:left;}
.eboekhouden-onder {width:100%; margin-top:30px;}
.eboekhouden-naast {width:30%!important; margin-top:80px!important; float:left; text-align:right!important;}

/*einde berichten*/

/*zoekresultaten*/
.search-results article {padding:25px; background-color:var(--lightlightblue);}
.search-results article h2 a:hover {color:var(--purple)!important}
/*einde zoekresultaten*/

.single-md-content .knopvoorwieenwat a, .single-md-content .knopvoorwieenwat a:visited {color:var(--darkgrey)!important; background-color: #ffffff!important;}
.single-md-content .knopvoorwieenwat a:hover {color:var(--purple)!important}
.single-md-content .voorwieenwatlinks  .wp-block-buttons { text-align:right!important; margin-right:30px;}
.single-md-content .voorwieenwatrechts  .wp-block-buttons { text-align:left; margin-left:25px;}
/*/a.page-numbers {background-color:var(--orange)!important;}*/
.johannes-ellipsis div {background-color:var(--orange)!important;}

body.home .johannes-section.johannes-cover.johannes-bg-alt-2.johannes-section-margin-alt.size-johannes-page-3 {display:none!important;}
.johannes-section.johannes-cover.johannes-bg-alt-2.johannes-section-margin-alt.size-johannes-page-3 {height:60px!important; background-color:#ffffff!important; margin-bottom:20px!important}
.johannes-cover h1.entry-title {color:var(--darkgrey)!important; font-size:4.0rem!important}
.grecaptcha-badge {visibility: hidden;}
a {text-decoration: none !important;}
.johannes-section,
.johannes-section-b {
    font-size: 1.8rem !important;
}
.johannes-section .blokmettwee p,
.johannes-section-b .blokmettwee p {
    line-height: 1.4em !important;
}
.johannes-section.eboekhoudenbanner {text-align:center;}
.entry-content h1, .categorie h1.section-title {color:var(--darkgrey)!important}
.entry-content h2 {margin-top:40px;}
h5.section-title {color:var(--purple)!important;}
.search-form input {
    line-height: 1;
}
.johannes-menu-action .search-form input[type=text] {width:300px;}
.johannes-menu-action .search-form button[type=submit]:before {
    content: '\f002';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
}
.blok {
    cursor: pointer;
}

.containeromschrijving {padding:0!important; margin-bottom:20px; overflow:hidden;}
.containeromschrijving .johannes-content {width:100%!important; max-width:100%!important}
.header-middle nav {
    margin-top: 80px;
}
.johannes-bg-alt-2 { background-color: var(--blue)!important; }
.single-md-content .meeroveroranje a {background-color:var(--felblauw)!important; color:var(--white)!important; border-radius:5px!important}
.single-md-content .meeroveroranje a:hover {color:var(--darkgrey)!important;}
.single-post h1.entry-title {color:var(--darkgrey); text-align: left; }
.single-post .johannes-content-alt {max-width:100%!important; min-height:auto!important;}

.priceLarge {
    font-size: 130%;
    font-weight: bold;
}
table {border:1px solid var(--felblauw)}
table tbody tr {
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2;
}

.johannes-site-branding {margin-top:25px!important;}
.header-sticky-main .johannes-site-branding { margin-top: 6px; }
.header-sticky-main .dienstvan {color:#ffffff; font-size:0.7em; margin-top:-8px; margin-left:42px; margin-bottom:0!important}
.header-sticky-main .dienstvan a {color:#ffffff!important}
.header-sticky-main nav+ul {margin-left:0!important;}
.header-sticky-main ul.johannes-cart {height:25px;}
.header-sticky-main ul.johannes-cart li .jf-cart:before {margin-top:0px;}
.header-sticky-main ul.johannes-cart li .johannes-cart-count {top:-37px;}
.johannes-site-branding img { height:63px; width:auto!important; }
.header-sticky .johannes-site-branding img {height:auto!important; width:200px!important; margin-top:-20px}

.johannes-breadcrumbs {
    font-size: 12px;
    color: #ffffff !important;
    padding-top: 5px;
    float: left;
    text-align: center;
}
.johannes-breadcrumbs a,
.breadcrumb_last {
    color: #ffffff;
}
table .headerRow {
    background-color: #ededed;
}

table tr.oddRow {
    background-color: #ededed;
}
.evenRow td,
.oddRow td {
    border-top: 1px solid #cdd2d8;
}

.wpcf7-submit {
    margin-top: 10px !important; font-family: 'Ubuntu', Arial, sans-serif!important; font-weight:600!important; letter-spacing: 1px!important;
}

.category-dropdown input[type="text"],
.category-dropdown input[type="email"],
.category-dropdown textarea {
    background-color: #ffead4;
    border: none;
    width: 50%;
}
.category-dropdown input[type="email"] {
    width: 100%;
}
.contact .largeLeft,
.contact .smallLeft {
    margin-right: 4% !important;
}
.contact .smallLeft,
.contact .smallRight {
    display: inline-block !important;
    width: 35% !important;
}
.contact select {
    padding: 2px 10px !important;
    margin-top: 15px;
    color: #767676;
    font-size: 16px;
}

.Land:after {
    content: "\f078";
    font: normal normal normal 17px/1 FontAwesome;
    color: #767676;
    right: 7px;
    top: -8px;
    height: 34px;
    padding: 10px 0px 0px 8px;
    background-color: #ffffff;
    pointer-events: none;
}
.contactpagina .Land:after {
    display: none !important;
}
.Opmerking textarea {
    width: 100%;
}
span.wpcf7-not-valid-tip {
    color: #ffffff;
    background-color: #e74c3c;
    font-size: 1em;
    font-weight: 400;
    width: 50%;
    position: relative;
    top: 0px;
    left: 0px;
}
span.wpcf7-form-control-wrap.radio-abo {
    display: block;
}
.wpcf7-list-item {
    margin: -0 40px 0 0 !important;
}

.wpcf7-radio input[type="radio"] {
    appearance: none;
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    background: #eeeeee;
    box-shadow: inset 0 0 0 0.4em white, 0 0 0 0.2em;
    border-radius: 50%;
    transition: 0.2s;
    cursor: pointer;
    color: #424851;
}

.wpcf7-radio input[type="radio"]:hover,
.wpcf7-radio input[type="radio"]:checked {
    background: #424851;
    box-shadow: inset 0 0 0 0.6em white, 0 0 0 0.2em;
}

.wpcf7-radio input[type="radio"]:checked {
    background: var(--blue);
    box-shadow: inset 0 0 0 0.2em white, 0 0 0 0.2em var(--blue);
}

.wpcf7-radio input[type="radio"]:focus {
    outline: 0;
}
.radio-123 {
    float: left;
    margin-top: 10px;
}
.radio-abo {
    float: left;
    margin-top: 5px;
}
.size-johannes-archive-2 {
    height: 110px !important;
}
.johannes-button-medium,
.johannes-button-medium:visited {
    box-shadow: none !important;
    padding: 0 0 12px 0 !important;
    text-decoration: underline;
    color: #1a95d3;
    opacity: 1;
    float: left;
    margin-top: -20px;
    margin-bottom: 20px;
}
.advertentierechts {
    float: right;
    width: 500px;
    margin-left: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
    clear: both;
}
.schema-faq-section, .kaderblok {
    /*width: calc(100% - 550px);*/
    border: 1px solid var(--blue);
    padding: 25px 25px 15px 25px;
    background-color: var(--lightlightblue);
}
.kaderblok h2 {color:#365d72!important;}
.kaderblok form label, .kaderblok p {font-size:18px!important; color:#000000!important;}
.kaderblok form input[type="text"], .kaderblok form input[type="email"] {background-color:#ffffff!important}
.kaderblok form input[type="submit"] {font-size:14px; box-shadow:none; font-weight:600!important;}
.kaderblok form input[type="submit"]:hover {background-color:#003c68!important }


/* Template Meescrollende Table of Contents */
.post-template-single-toc .johannes-wrapper, .post-template-default .johannes-wrapper {overflow-x:initial!important;}

/*.post-template-single-toc .advertentierechts {margin:0 auto 30px!important; float:none;}
.post-template-single-toc .schema-faq-section { width:100%; display:block; clear:both;}*/
.entry-content-toc { width:70%!important; margin-bottom:0;}
/*.entry-content-toc ul.advgb-toc { float:right; width:37%; margin-right:-350px!important; position: sticky; top:335px; font-size:16px;}*/
.entry-content-toc ul.advgb-toc {
  float:right;
/*  width:100%;*/
  margin-right:-338px!important;
  position: sticky;
  top:240px;
  font-size:16px;
  list-style:none!important;
  text-align:right!important;
  margin-top:-500px;
  /*z-index:-1;*/
}
/*.entry-content-toc ul.advgb-toc li {margin-left:500px!important;}*/
.post-template-single-toc .entry-content-toc ul li:before { display:none!important;}
.post-template-single-toc .advertentieonder { margin-top:30px;}
.post-template-single-toc .advertentieonder { margin-top:30px;}
li.toc-level-1 a.mPS2id-highlight-first { color:var(--felblauw)!important;}
li.toc-level-1 a.mPS2id-highlight-first::before {color:var(--felblauw)!important; content: '\f0da'!important; font-family:FontAwesome; margin-left:-18px; margin-right:8px;}
li.toc-level-1 a {color:var(--donkerblauw)!important;font-weight:normal!important; text-decoration:none!Important}
li.toc-level-1 a::before {color:var(--donkerblauw)!important; content: '\f0da'!important; font-family: 'FontAwesome'; margin-left:-18px; margin-right:8px;}
li.toc-level-1 a:hover { color:var(--lichtblauw)!important;}
li.toc-level-1 a:hover::before {color:var(--lichtblauw)!important;}
ul.wp-block-advgb-summary.advgb-toc.alignnone.advgb-toc::marker {display:none!important;}
/* Einde Template Meescrollende Table of Contents */


/*footer.johannes-footer {padding-top:20px!important; margin-top:-108px;}*/
footer.johannes-footer a, footer.johannes-footer a .social i {color:var(--darkgrey);}
footer.johannes-footer a:hover, footer.johannes-footer a .social i:hover {color:var(--felblauw);}
footer.johannes-footer .footer-divider {border-top:1px solid var(--grey);}
footer #mc_embed_signup form {margin:10px 0 0 0;}
.johannes-footer .social i {
    font-size: 2.5em;
    margin-right: 10px;
}
.johannes-footer p {
    margin-bottom: 5px !important;
}
.johannes-footer-widgets h3.widget-title {
  color: var(--darkgrey)!important;
  font-size: 16px;
  font-family: 'Ubuntu';
  font-weight:600;
  letter-spacing:1px;
}
.johannes-footer .wpcf7-submit {
    background-color: var(--felblauw);
    font-size: 14px!important;
    letter-spacing: 1px;
  /*  text-transform: uppercase;*/
    font-weight: 600;
    box-shadow:none!important;
}
.johannes-footer .wpcf7-form input[type=email] {background-color:#e2e2e4; border:none; padding: 30px 20px}
.johannes-footer-widgets form.search-form {width:100%!important;}
.johannes-footer-widgets .widget_search form.search-form input { width:100%!important; padding-left:10px; padding-right:10px; background-color:#ffffff!important;}
.johannes-copyright {
    padding: 10px 0 25px 0 !important;
}

.categorie h1.section-title {text-align:left!important;}
.categorie .johannes-posts .leesmeer {float:right!important; display:inline-block!important; position:relative!important;}
.category-pill .entry-category a {color:var(--donkerblauw)!important; background:none!important; padding:0!important; font-size:14px!important;}
.section-archive-1 .johannes-posts .leesmeer a, .section-archive-1 .johannes-posts .leesmeer a:visited, .entry-content .leesmeer a, .entry-content .leesmeer a:visited {color:var(--white)!important; background-color: var(--felblauw)!important; font-weight:600; padding:10px 18px; border-radius:5px;}
.section-archive-1 .johannes-posts .leesmeer a:hover  {color:var(--white)!important; box-shadow:none; background-color:#002d4e!important;}
.entry-content .leesmeer a:hover {background-color:var(--donkerblauw)!important;}
.footer-section-body .custom-html-widget div a, .footer-section-body .custom-html-widget div a:visited {
    color: #ffffff!important;
    /*text-transform: uppercase!important;*/
}
body.archive .johannes-posts .col-12 article {padding:25px; background-color:var(--lightlightblue);}
body.archive .johannes-posts .col-12 article h2 {display:block; margin-bottom:5px!important;}
body.archive .johannes-posts .col-12 article h2.entry-title a:hover {color:var(--purple)!important}
.footer-section-body .custom-html-widget span.social {margin-left:-5px;}
.onder-footer { background-color:var(--felblauw); height:50px}
.johannes-header .site-title { margin-top: -6px; text-align:left; }

.wp-block-column {
    flex-basis: calc(50% - 2px);
}

.johannes-footer {
    padding-top: 0 !important;
}
.list-post {
    margin-bottom: 15px;
}

p.has-text-color.has-background.has-johannes-bg-color.blok {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.tarief .headerRow th:nth-child(1) {
    width: 85%;
}
.tarief .headerRow th:nth-child(2) {
    width: 15%;
}
.johannes-layout-f .leesmeer a {font-size:16px!important; letter-spacing: 1px!important;}
.fa-share:before {
    content: "\f064";
}
.johannes-content-alt {
    max-width: 80%;
}
.johannes-breadcrumbs {
    margin-bottom: 0;
}
ol.numberlist li {
    list-style: decimal;
    margin-left: 18px;
}

.navigation.pagination {
    float: left;
    width: 100%;
}
.navigation.pagination .nav-links .page-numbers {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin: 0 5px;
}
.alleenopmobiel {
    display: none;
}
span.linkleesmeer {
    float: left;
    clear: both;
    display: block;
    width: 100%;
}

li.review .comment_container { background-color: #f2f3f3; padding: 25px 40px; }
li.review .comment_container .comment-text { margin: 0!important; }
/*ul.products li.product .star-rating {display:none!important;}*/

/* woocommerce */
.entry-content .woocommerce a {text-decoration:none!important;}

.jf-cart:before {
  font-family: 'Font Awesome 6 Pro'!important;
  content: '\f07a';
  font-size: 1.5rem;
  float: left;
  margin-top: -20px;
}
.slot-r a i.jf-cart  {color:#ffffff!important;}
.slot-r ul .johannes-cart li {height:25px!important;}
.section-head {
    margin: 0 auto;
    text-align: center !important;
    position: relative;
}
.woocommerce-breadcrumb {
    display: none !important;
}
a.button, .woocommerce .button {
    border-radius: 5px !important;
}
.woocommerce button.button, .woocommerce .cart_totals a.button, .woocommerce a.button  { background-color: var(--purple)!important; color:#ffffff!important; box-shadow:none;}
.woocommerce .button.wc-backward {
  background-color:var(--felblauw);
  color:#ffffff!important;
  border-radius:0!important;
    font-family: 'Ubuntu'!important;
    font-weight: 600!important;
    letter-spacing: 1px;
}
.woocommerce a.verderwinkelen {margin-bottom:10px; float:right; font-weight:600; padding:13px 30px!important;}
.woocommerce a.verderwinkelen:hover {color:#ffffff!important;}
.woocommerce .button.wc-backward:hover {background-color:var(--donkerblauw);}
a.woocommerce-product-gallery__trigger {display:none!important;}
.woocommerce .product .summary { width: 55% !important; float:left!important;}
h1.woocommerce-products-header__title, h1.product_title  { color:var(--darkgrey); }
.product_meta {
    display: none;
}
h1.product_title {margin-bottom:30px!important;}
.woocommerce-product-details__short-description { font-size:18px!important;}
.betaalmogelijkheden {width:100%; display:block; float:left; margin-left:-11px; margin-top:30px; }

ul.johannes-menu-action.johannes-cart {
  /*  display: none;*/
}
h2.woocommerce-loop-product__title {font-family:'Ubuntu';}
.woocommerce ul.products li.product:hover {background-color:var(--lightblue)!important;}
.woocommerce ul.products li.product .woocommerce-placeholder,
.woocommerce ul.products li.product a img,
.woocommerce ul.products li .add_to_cart_button {
    display: none !important;
}
li.product {
    width: 100% !important;
    text-align: left !important;
}
.woocommerce ul.products li.product {
    border: none !important;
    box-shadow: none !important;
    margin: 0;
}
.woocommerce ul.products li.product .woocommerce-product-rating {display:none!important;}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    float: left;
    width: 74%;
}
.woocommerce ul.products li.product .price {
    float: right;
    text-align: right;
    width: 20%;
    color:var(--purple)!important;
}
.woocommerce ul.products li.product a.product_type_simple {display:none!important;}
.woocommerce-Tabs-panel {font-size:18px!important; color:#424851!important }
.woocommerce-Tabs-panel h2 {color:var(--darkgrey)!important; font-weight: bold;}
.onsale {width:auto!Important; height:auto!important; color:var(--darkgrey)!important; background:none!important; margin-right:80px!important; top:0!important;}
.prijs {margin-bottom:30px!important; font-weight:bold!important;}
.add_to_cart_inline { border: none!important; padding: 0!important; }

/*.add_to_cart_inline a.add_to_cart_button {display:none!important;}*/
a.button.product_type_subscription.add_to_cart_button.ajax_add_to_cart {display:none!important;}
.add_to_cart_inline .subscription-details {display:none!important;}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {background:var(--felblauw)!important;}
.woocommerce nav.woocommerce-pagination ul li span.current { background: #f2f3f3!important; }
.woocommerce-product-details__short-description .woocommerce-Price-amount, .woocommerce-product-details__short-description .woocommerce-price-suffix { display:none!important}
a.add_to_cart_button, button.single_add_to_cart_button {border-radius:0!important; /*background-color: var(--felblauw)!important;*/ font-weight:600!important; letter-spacing: 1px!important; color:#ffffff;}
a.add_to_cart_button:hover, button.single_add_to_cart_button:hover, a.checkout-button:hover {color:#ffffff!important; background-color:var(--donkerblauw)!important;}
.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward:hover {color:#ffffff!important; background-color:var(--donkerblauw)!important;}
a.add_to_cart_button:before, button.single_add_to_cart_button:before {content:'\f217'; font-family: 'Font Awesome 6 Pro'; margin-right:10px; /*color: var(--lightblue);*/}
.woocommerce-tabs ul.tabs li.active a { border-bottom: 3px solid var(--felblauw)!important; padding-bottom:13px }
.woocommerce-tabs ul.tabs li.active:after {display:none!important;}
.woocommerce-tabs ul.tabs { list-style: none; padding: 0; margin: 20px 0 30px; height: 41px; overflow: visible; width:100%; float:left;  border-bottom: 1px solid #d3ced2!important;}
.woocommerce-tabs ul.tabs:before { position: absolute; content: ""; width: 100%; bottom: 0; left: 0; border-bottom: none!important; z-index: 1; display: block; }
.woocommerce-tabs ul.tabs li {float:left!important; margin-right:30px;}
.woocommerce-tabs ul.tabs li a:hover {color:var(--purple)!important;}
form.cart .quantity {display:none!important;}
.woocommerce-Tabs-panel {float:left!important; max-height:100%!important; width:100%;}
.product form.cart:first-of-type {
    float: right;
    width: 55%;
    padding: 0 !important;
}
form.cart {padding-left:24px!important; padding-right:24px!important;}
form.cart button.submit { margin-left:0!important;}
a.button.wc-forward { color: #ffffff!important; font-weight:600!important; }
.woocommerce table.shop_table .product-name {width:auto!important;}
.woocommerce table.shop_table .product-subtotal {text-align:right!important; }
.woocommerce table.shop_table a.button {color:#ffffff!important; padding: 14px 18px!important; margin-right: 5px!important;}
.woocommerce table.shop_table tr.cart-subtotal th { font-weight:normal!important; }
.woocommerce table.shop_table tr.recurring-totals, .woocommerce table.shop_table tr.recurring-total, .shop_table .product-quantity { display:none; }

.woocommerce table td.product-thumbnail, .woocommerce table th.product-thumbnail {display:none!important;}
.woocommerce section.woocommerce-customer-details address {padding:20px!important;}
.woocommerce-Message a.woocommerce-Button {color:#ffffff!important;}
small.tax_label {display:none!important;}
button.button { font-weight:600!important;}
button.button:hover, a.wc-backward:hover, a.verderwinkelen:hover { background-color: var(--donkerblauw)!important; color:#ffffff!important; }
.woocommerce-Price-currencySymbol {display:none!important;}
.woocommerce-checkout #payment div.form-row { text-align: left!important; }
.woocommerce-checkout span.optional, .woocommerce-MyAccount-content span.optional {display:none;}
.woocommerce-additional-fields {display:none!important;}
.woocommerce-privacy-policy-text {padding:0!important;}
p.form-row.validate-required {margin-bottom:16px!important;}
p.mc4wp-checkbox.mc4wp-checkbox-woocommerce { padding: 15px 0 0; }
.mc4wp-form-fields input[type="submit"], footer #mc_embed_signup input.button {
  background-color:var(--purple);
  border-radius:5px;
  box-shadow:none!important;
  padding:10px 30px;
  font-family: 'Ubuntu', Arial, sans-serif;
  min-height:40px;
}
footer #mc_embed_signup input.button {
  text-transform:none!important;
  font-size:14px;
  padding:10px 30px;
  height:40px!important;
  min-height:40px;
  border-radius:5px;
  letter-spacing:normal;
  line-height:14px!important;
}
footer #mc_embed_signup form input[type=email] {padding:0!important; border: 1px solid rgba(66, 72, 81, 0.3); margin-bottom:0;}

.mc4wp-form-fields input[type="submit"]:hover, footer #mc_embed_signup input.button :hover {
  background-color:var(--donkerblauw);
}

p.bevestigingtekst {font-size: 1.4rem; line-height: 1.6;}
.woosb-thumb {display:none!important;}
.woosb-price-ori, .woosb-price-ori del { display: none; }
.onsale { display: none!important; }
ul.products li h2.woocommerce-loop-product__title {font-size:16px!important; font-weight:normal!important;}
section.up-sells.upsells.products { float: left!important; width:100%; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px!important; padding:20px 20px 0 20px!important; margin-bottom: 35px!important;}
.upsells.products h2,  .cross-sells h2 { font-weight: 600; color:var(--darkgrey)!important; font-size:24px!important; margin-bottom:10px!important}
.upsells .grid {padding:0 0 40px!important; margin-bottom:-20px!important}
.upsells .price {font-weight: normal;}
.cross-sells { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px!important; padding:20px!important; margin-bottom: 35px!important; }
.cross-sells .grid {padding-bottom:0!important; }
.woocommerce-Tabs-panel a, .woocommerce-Tabs-panel a:visited {color:var(--felblauw)!important}
.woocommerce-Tabs-panel a:hover {color:var(--donkerblauw)!important;}
.member-discount .woocommerce {float:left!important; display:block!important; /*width:100%!important;*/ }
.wc-memberships-member-discount-message {
  height: 62px!important;
  float: left;
  font-size: 1.1em!important;
  display: block;
  width: 100%;
  margin-top: 30px!important;
}
.wc-memberships-member-discount-message a {
    font-weight: 700;
    color: var(--donkerblauw);
}
.xoo-wsc-menu-item .xoo-wsc-icon-cart2 {font-size:20px!important;}
.xoo-wsc-menu-item .xoo-wsc-icon-cart2:before { color: #ffffff!important; font-size: 16px!important; }
.xoo-wsc-menu-item .xoo-wsc-sc-count {
    height: 16px;
    line-height: 16px;
    width: 16px;
    font-weight: 400;
    font-size:11px;
    background-color:#ffffff;
    color:var(--donkerblauw);
    left:12px;
    top:-1px;
}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-btn {border-radius:5px;}
.xoo-wsc-items-count {top:-15px!important; right:-13px!important; }
.xoo-wsc-img-col, .xoo-wsc-shipping {display:none;}
.xoo-wsc-chkt, .xoo-wsc-cart {background-color: var(--donkerblauw)!important;}
.xoo-wsc-cont, .xoo-wsc-ft-btn-continue {background-color:#BDEA18!important; color: var(--donkerblauw)!important;}
.xoo-wsc-icon-basket1:before { font-family: FontAwesome!important; content: "\f07a"; margin-left:-1px; margin-right:4px;}
.xoo-wsc-coupon-container {display:none!important;}
.xoo-wsc-sum-col {width:100%!important;}
.xoo-wsc-basket { bottom:75px!important; margin-right:25px!important; border-radius:5px;}

.woocommerce input[type=text], .woocommerce input[type=tel], .woocommerce input[type=number], .woocommerce input[type=email] {
    border-radius: 5px;
}
/*.woocommerce-EditAccountForm .woocommerce-form-row--first {display:none;}*/

.wpmc-tabs-wrapper .wpmc-tab-item.current::before { border-bottom-color: var(--purple); }
.wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-number { border-color: var(--purple); }
.wpmc-tabs-wrapper .wpmc-tab-text {text-transform:none!important;}


.woocommerce-billing-fields {width:50%;}
p#billing_postcode_field {width:32%!important; margin-right:2.5%!important; }
p#billing_house_number_field { width:32%!important;  margin-right:2.5%!important; float:left!important; }
p#billing_house_number_suffix_field { width:31%!important; float:left!important; }
p#billing_email_field input { margin-bottom:10px;  }
p#billing_phone_field { margin-bottom:40px!important; }
.woocommerce-shipping-fields {display:none;}

.product-type-subscription button.single_add_to_cart_button.button.alt { margin-left: -0!important; margin-top:15px!important; }
.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {margin-bottom: 30px!important; padding:10px 20px 0!important; width:100%!important; }
.woocommerce .cart_totals h2 {color: var(--darkgrey); font-size:26px; font-weight:600;}
.mwb_upsell_offer_image {display:none!important;}

.product .woocommerce-product-gallery { width:45%!important; }
.product .woocommerce-product-gallery img {
    width: 377px!important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px!important;
}

.woocommerce-notice--success, .woocommerce-thankyou-order-received { background: var(--felblauw)!important; color: #FFF;
}
.woocommerce-MyAccount-content .woocommerce-Address a.edit {width:500px; display:block; margin-bottom:10px}
.woocommerce-account address {width:500px!important; float:left;}
.woocommerce-MyAccount-navigation-link--members-area {display:none!important;}

#review_form_wrapper { margin-top:0!important }
.comment-respond form.comment-form { margin-top:20px!important; }
.wc-block-featured-product {margin:0 auto 30px!important;}
.wc-block-featured-product__wrapper .background-dim__overlay {display:none!important; background:none!important;}
.wc-block-featured-product__background-image { display:none!important;}
.wc-block-featured-product .prod-img { float: left; width:30%; display:inline-block; }
.wc-block-featured-product .prod-img img  { max-width:225px; height:auto; }
.wc-block-featured-product {
    background-image:none!important;
    background-color: var(--lightlightblue)!important;
    border: 1px solid var(--blue)!important;
    height: 390px !important;
    margin-top: 20px;
    max-height: 390px !important;
    min-height: 390px !important;
}
.wc-block-featured-product__overlay::before {display:none!important;}
.wc-block-featured-product__price {margin:20px auto!important;}
.wc-block-featured-product__price del .amount { font-size: 0.8em !important; margin-right: 5px; }
h2.wc-block-featured-product__title { color: var(--donkerblauw) !important; margin-top: -0!important; }
.wc-block-featured-product__description,
.wc-block-featured-product__price,
.wc-block-featured-product__price a,
.wc-block-featured-product .amount { color: #424851 !important; }
.wc-block-featured-product a.wp-block-button__link {
    background-color: var(--purple)!important;
    color:var(--white)!important;
    border-radius:5px!important;
    font-weight:600;
}
.wc-block-featured-product .sterretjes {margin-bottom:15px;}
.wc-block-featured-product__description {text-align:left!important;}
.wc-block-featured-product__description ul {  margin-top:15px; }
.wc-block-featured-product__description ul li {line-height:1.4em;}

body.single-product .woocommerce-product-details__short-description ul { list-style: disc!important; margin-left:18px; }

.wpmc-tabs-wrapper .wpmc-tab-text  {text-transform:none!important;  }
.woocommerce.sterretjes {float:left;}
/*einde woocommerce */

/*leesmeerover*/
.leesmeerover {padding-bottom:40px;}
.leesmeerover ul.lcp_catlist li {list-style-type:disc; width:50%; float:left; margin-left:30px; color:var(--donkerblauw)}
.leesmeerover ul.lcp_catlist li a {background:none!important; color:var(--donkerblauw)}
.leesmeerover ul.lcp_catlist li a:hover {color:#ffffff!important;}
/*einde leesmeerover*/

.display_archive {font-family:  'Ubuntu', Arial, sans-serif!important; font-size:1.8rem!important; }
.display_archive .campaign {margin:0 0 15px 0!important;}
a.gdsocial {
    text-decoration: none !important;
}
.gdemail:before {
    content: "\f0e0";
    font-family: FontAwesome;
}
.gdwebsite:before {
    content: "\f0ac";
    font-family: FontAwesome;
}
.gdsocial:before {
    margin-right: 10px;
}
.gdtwitter:before {
    content: "\f099";
    font-family: FontAwesome;
}
.gdfacebook:before {
    content: "\f09a";
    font-family: FontAwesome;
}
.wp-block-button .wp-block-button__link {
    text-decoration: none !important;
}
.wc-block-featured-product a.wp-block-button__link:hover {
  background-color: var(--donkerblauw)!important;
  text-decoration:none!important;
}
.aan input[type="checkbox"] { -webkit-appearance: checkbox; }

.search-box .is-form-style-3, form.is-form-style-3, .col-12 form.search-form  {width:40%; margin-bottom:2.5rem;}
.is-form-style-3 .is-search-submit {width:100px!important; text-align:left; padding:3px 0 0!important; background-color:#5c9d33!important; min-height:36px; font-size:1.2rem;}
.search-box .is-form-style.is-form-style-3 label, .col-12 form.search-form input { width: calc(100% - 100px)!important; }
.is-form-style-3 .is-search-submit .is-search-icon {border:1px solid #5c9d33!important; padding-left:8px; margin:-2px 0 0 0!important; height:34px!important;}
.col-12 .johannes-post .entry-content form.search-form button {width:100px; float:right; min-height:40px!important; padding:5px;}
.col-12 .johannes-post .entry-content form.search-form button:before {content:'\f002'; font-family:FontAwesome; margin-right:10px;}
.reclameBlok {min-height:440px!important;}
.aanmeldformulier {width:50%!important; margin-top:30px;}


/* flipboxen */
.flipbox-img img {height:440px!important; border-radius:0!important;}
.flip-box {
  background-color: transparent;
  width: 100%;
  height: 440px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
.flip-box-front .text {height:150px; padding-left:20px; padding-right:20px;}
.flip-box-front .text .prijs {
    margin-top: 30px!important;
    font-size: 1.2em;
}
/*.flip-box-front .knopalignbottom {background-color:var(--darkgrey); font-family:'Ubuntu'; font-weight:600!important;margin-top:20px;}*/
.flip-box-front .knopalignbottom {
    position: relative;
    border: 1px solid var(--darkgrey);
    background-color: #ffffff;
    width: 250px!important;
    padding-top: 5px!important;
    height: 50px;
    font-family: 'Ubuntu';
    font-weight: 600!important;
    margin: 50px auto 0;
}
.flip-box-front .knopalignbottom:hover {background-color:#ffffff!important;}
.flip-box-front .knopalignbottom p {margin-top:8px; color:var(--darkgrey); }
.flip-box-back {padding:20px; background:url('https://www.stichting.nl/wp-content/uploads/2022/11/bg-flipbox-stichting.png') rgba(213, 236, 242, 1); background-blend-mode: multiply;
}
.flip-box-back h2 {color: var(--darkgrey); font-size:1.7em; line-height:1.5em; font-weight:400;}
.flip-box-back .text {height:260px; float:left;}
.flip-box-back .homedriemiddenwitblauwknop {margin-top: 200px; float: left; width: 100%; text-align: center;}
.flip-box-back .homedriemiddenwitblauwknop a {background-color: #ffffff;
    padding: 20px 40px!important;
    color:var(--darkgrey);
    border: 1px solid var(--darkgrey)!important;
    font-family: 'Ubuntu';
    font-weight: 600!important;}
    .flip-box-back p.prijs {margin-top:30px; display:inline-block; color:var(--darkgrey); font-size:1.2em!important;}
.flip-box-links {margin-left:5px;}
.flip-box-rechts {margin-left:-5px;}
/*.flip-box-links .flip-box-front, .flip-box-rechts .flip-box-front {
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--purple)!important;
    background-blend-mode: luminosity!important;
    color:#ffffff;
}*/
.flip-box-links .flip-box-front, .flip-box-midden .flip-box-front, .flip-box-rechts .flip-box-front {
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--purple)!important;
    background-blend-mode: overlay!important;
    color:#ffffff;
}


.flip-box-links .flip-box-back, .flip-box-midden .flip-box-back, .flip-box-rechts .flip-box-back {
  background-color: #ffffff;
  color: #424851;
  transform: rotateY(180deg);
}
.flip-box-front h2 {color:#ffffff!important; font-size: 1.7em;
    line-height: 1.5em;
    font-weight: 400;
    margin: 30px auto 40px!important;
    width: 85%;
  }
/*einde flipboxen*/

/*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:25px 20px; background-color:#ffffff; margin:0 30px;}
section.verkoopblokken .wp-block-columns .wp-block-column h2 { font-size:28px!important; }
section.verkoopblokken .wp-block-columns .wp-block-column h2 .price sup {top:-0.3em;}
section.verkoopblokken .wp-block-columns .wp-block-column .wp-block-advgb-list { min-height:105px; }
section.verkoopblokken .wp-block-columns .wp-block-column .wp-block-advgb-list ul { margin-left: 0; list-style-type: none!important;  }
section.verkoopblokken .wp-block-columns .wp-block-column .wp-block-advgb-list ul.advgb-list li::marker {color:#78ae87;}
section.verkoopblokken .wp-block-columns .wp-block-column .wp-block-advgb-list ul.advgb-list li { padding-left:18px; margin-left:0;}
section.verkoopblokken .wp-block-columns .wp-block-column .wp-block-advgb-button { margin-top:25px; }
section.verkoopblokken .wp-block-columns .wp-block-column .wp-block-advgb-button a span { color:#ffffff; }
section.verkoopblokken .wp-block-columns .wp-block-column .wp-block-advgb-button a span:hover { font-weight:500; }
section.verkoopblokken .wp-block-columns .wp-block-column .fa-duotone { float:right; margin-right:10px; font-size:80px; --fa-primary-color: var(--donkerblauw); --fa-secondary-color: var(--lichtblauw); margin-right:5px;}
section.verkoopblokken ul.advgb-list-saved li:before {
    content: "\f15e"!important;
    display:inline-block!important;
    font-size:20px;
}
.advgb-list li:before {
    font-family: 'dashicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
section.verkoopblokken a.wp-block-advgb-button_link {background-color:var(--purple)!important;}
ul.lcp_catlist li:before {
    content: "\2022";
    margin-right: 5px;
    display: inline-block;
    font-size:20px;
    color:var(--darkgrey);
}
/*einde verkoopblokken*/

#pijlnaarbeneden {text-align:center; padding:10px 0 30px; }
#pijlnaarbeneden a:hover {color:var(--white)!important;}
#pijlnaarbeneden span.advgb-icon {margin-right:0!important; margin-bottom:0!important;}
#pijlnaarbeneden i.fa-chevron-down:before {font-size:70px!important;}
#pijlnaarbeneden i.fa-chevron-down {-webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
animation-name: bounce; -moz-animation-name: bounce;}
#tweedepijl i.fa-chevron-down:hover {cursor: pointer; }
#tweedepijl {text-align:center; padding:8px 0; }
#tweedepijl a:hover {color:var(--white)!important;}
#tweedepijl span.advgb-icon {margin-right:0!important; margin-bottom:0!important;}
#tweedepijl i.fa-chevron-down:before {font-size:70px!important;}
#tweedepijl i.fa-chevron-down {-webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
animation-name: bounce; -moz-animation-name: bounce;}
#tweedepijl i.fa-chevron-down:hover {cursor: pointer; }

.contactsocialblok {
    width: 100%!important;
    margin-bottom: 40px!important;
    display: block!important;
    float: left;
}
.contactsocialblok .socialdiv {
    float: left!important;
    margin-right: 40px;
    display: inline-block!important;
}
.contactsocialblok .socialdiv a, .contactsocialblok .socialdiv a:visited {
    color: var(--darkgrey)!important;
}
.contactsocialblok .socialdiv .social i {
    font-size: 2.5em!important;
}
.evenniet {display:none!important;}

.advertentierechts {float:right; width:500px; margin-left:30px; margin-bottom:30px; clear:both;}
.bannerrechts {float:right; width:160px; height:600px; margin-left:30px; margin-bottom:30px; margin-top:30px; clear:both;}
.kolom-formulier {padding-left:0!important; padding-right:0!important;}
/* uitgelichte afbeelding */
.entry-media.mb-0 {
    float: right!important;
    width: 33%!important;
}
.entry-media img {height: auto!important; }
/*einde uitgelichte afbeelding */

.schema-how-to-description { font-family: 'Ubuntu Condensed', Arial, sans-serif; font-size: 40px; font-weight:400; margin-top:40px!important; }
.schema-how-to-steps {margin-left:60px!important;}
.schema-how-to-step .schema-how-to-step-name {color:var(--donkerblauw); font-weight:bold;}
ol.schema-how-to-steps li { counter-increment: li; position: relative; padding-bottom:5px;}
ol.schema-how-to-steps li:before {
    -webkit-box-sizing: content-box;
    background-color: var(--donkerblauw);
    background-image: -webkit-linear-gradient(225deg, var(--felblauw), var(--donkerblauw));
    background-image: -o-linear-gradient(225deg, var(--felblauw), var(--donkerblauw));
    background-image: linear-gradient(225deg, var(--felblauw), var(--donkerblauw));
    border: solid 0.125rem var(--donkerblauw);
    border-radius: 50%;
    box-sizing: content-box;
    color: #f9f9f9;
    content: counter(li);
    counter-increment: numbered-list;
    font-size: 1.5rem;
    font-weight: 900;
    height: calc(4rem - 3px);
    line-height: 2.5;
    position: absolute;
    margin-left: -60px;
    margin-top: -5px;
    text-align: center;
    text-shadow: 1px 1px 0 rgb(0 0 0 / 8%);
    width: calc(4rem - 3px);
    z-index: 1;
}
ol.schema-how-to-steps > li:not(:last-child):after {
    content: "";
    width: 2px;
    height: calc(100% + 8px);
    background: #d3e0e0;
    position: absolute;
    left: calc(-41px);
    top: 2px;
}
.glossary-atoz-wrapper ul { margin-bottom: 15px !important; list-style:none!important; }
.glossary-atoz-wrapper ul li.glossary-item {margin-bottom:20px;}
.glossary-atoz-wrapper ul li.glossary-item a {font-size:1.1em;}
.glossary-atoz-wrapper ul li.glossary-item a.wbleesmeer {font-size:1em;}
.glossary-menu-atoz { padding-bottom: 30px; margin-bottom: 13px !important; }
.glossary-menu-atoz {
    text-transform: uppercase;
    margin: auto;
    padding: 0;
    border-bottom: 2px solid var(--darkgrey);
    width: 100%;
    height: 30px;
}
.glossary-menu-atoz .glossary-menu-item {
    /* display: inline; */
    list-style: none;
    float: left;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 1px;
    padding-bottom: 1px;
    height: 30px;
    margin: 0 0 0 0.5em;
}
li.glossary-menu-item:hover, li.glossary-menu-item:hover a, li.glossary-menu-item a:hover {color:#ffffff!important; background-color:var(--felblauw)!important;}
ul.meervoud {list-style-type: none!important;}
.productaanduiding {float:left; color:#ffffff; background-color: var(--felblauw); font-size:11px; padding: 5px 12px; margin-bottom: 15px}
.productbijartikel_prijs { margin:15px 0;}
.productbijartikel_prijs, .productbijartikel_knop {text-align:center;}
.productbijartikel_knopdiv {margin:30px auto 10px; text-align:center}
.productbijartikel_knop, .productbijartikel_knop:hover {background-color:var(--white); color: var(--donkerblauw)!important; border:3px solid var(--donkerblauw); border-radius:0; font-weight:600; /*text-transform:uppercase;*/ padding:15px 36px; }

.contactformrij {float:left;}

.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
    margin-left: 0!important;
}
nav.woocommerce-pagination {margin-top:25px!important;}
.wc-block-featured-product .wc-block-featured-product__wrapper .background-dim__overlay {opacity:0!important;}
.naarmijnomgeving { width:350px; margin:40px auto; background-color:var(--felblauw); text-align:center; padding:20px; overflow:hidden}
.naarmijnomgeving h3 {font-size: 25px!important; }
.naarmijnomgeving .text {color:#ffffff; white-space: pre-wrap!important;}
.naarmijnomgeving .prijs {font-size: 1.1em; font-weight:normal!important; color:#ffffff!important; margin-bottom:0!important;}
.naarmijnomgeving a.naarmijnomgevingknop { display:inline-block; margin:15px auto 0; /*text-transform: uppercase;*/ font-size:16px; font-weight:600 ;padding:10px 18px; background-color: #ffffff!important; color:var(--donkerblauw)!important;}
.naarmijnomgeving a.naarmijnomgevingknop::after {content: '\f0da';
    font-family: 'Fontawesome';
    margin-left: 10px;
}
.naarmijnomgeving a.naarmijnomgevingknop:hover {color:var(--purple)!important;}
.tradetracker-center-mobiel { display: none!important; }
.tradetracker-center {
    text-align: center;
    display: block;
    margin: 50px auto;
}
p.displayTelefoonnummer {
    margin-top: -15px;
}
.container-404 .search-form {width:100%!important;}
.container-404 button {font-size: 1em!important;
  font-family: 'Ubuntu'!important;
  font-weight: 600!important;
  letter-spacing: 1px;
  /*text-transform: uppercase!important;*/
  padding:10px 18px!important;
}
.page .leesmeerBlok ul.lcp_catlist li:before {display:none!important;}

.herbruikbare-blokken-onder { margin-top:30px; width:70% }
.herbruikbare-blokken-onder .wp-block-columns {margin-left:0!important; margin-right:0!important}
.herbruikbare-blokken-onder .herbruikbaar-blok {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
    padding: 20px 24px;
    margin: 0 auto;
    width: 32%;
    float: left;
}
.herbruikbare-blokken-onder .herbruikbaar-blok h2.wp-block-heading {
  font-size:3.0rem!important;
  margin-top:0!important;
  color:var(--donkerblauw);
}
.herbruikbare-blokken-onder .herbruikbaar-blok h2.wp-block-heading .price {color:var(--donkerblauw)!important;}
.herbruikbare-blokken-onder .herbruikbaar-blok .fa-duotone {
    float: right!important;
    font-size: 80px!important;
    --fa-primary-color: var(--donkerblauw)!important;
  /*  --fa-secondary-color: var(--grey)!important;*/
    margin-right: 5px;
}
.herbruikbare-blokken-onder .herbruikbaar-blok a, .herbruikbare-blokken-onder .herbruikbaar-blok a:visited {
    color: #ffffff !important;
    background-color: var(--purple) !important;
    padding: 10px 30px 10px 30px;
    margin: 25px 0 0 0!important;
}
.herbruikbare-blokken-onder .herbruikbaar-blok a:hover {
  background-color:var(--donkerblauw)!important;
  color:#ffffff!important;
}
.voorbeeld {
  padding:25px 50px;
  background-color:var(--lightblue);
}

.premium {background-color:var(--lightlightblue); padding:30px; display:block; margin:30px 0; overflow-y:hidden;}
.premiumknop {display: flex;}
.premium a.knop {text-decoration:none!important; display:block; margin: 25px auto 0!important;}}


@media screen and (max-width: 1024px) {
    .meerover {width:100%!important;}
    .meerover a {padding-left:0!important; padding-right:0!important;}
    .homedriemiddenwitblauw, .homedriemiddenwitblauwsub {padding:10px!important;}
    #searchform input[type="text"] {line-height:unset}
    .single-md-content {max-width:100%!important;}
    .wc-block-featured-product {min-height:360px!important;}
    .entry-content-toc ul.advgb-toc { width:100%; margin-right:-290px!important;}
}

@media screen and (min-width: 900px) {
    .johannes-site-branding { margin-top: 54px; }
}

@media screen and (max-width: 768px) {
  .mensenhome {max-height:140px!important; margin-top:0!important; background-size:100%!important;}
  .homevoorwieenvoorwat h1 {margin-top:20px;}
  .homevoorwieenvoorwat .wp-block-buttons .wp-block-button a {width:230px!important;}
  .headerzoekform.headerzoekformmobiel { margin:20px!important; }
  .header-sticky-contextual>.container { height: 56px; }
  .col-12.deze.johannes-order-1.col-lg-12 { margin-top: -20px; }
  .tweeblokken .blokwitgroot { font-size:3.5em!important; margin-right:10px!important; }
  .tweeblokken .blokoranjemedium { font-size:1.75em!important; margin-left:10px!important; }
  .tweeblokken .knopsectie .meerover a { width:100%!important; margin-right:0!important; height:70px!important; }
  .homebestuurszaken { margin-right:10px!important; }
  .homevoorwieenvoorwat .homebestuurszaken .knopalignbottom a { width:100%!important }
  .homedriemiddenwit {margin-left:10px!important; margin-right:10px!important; }
  .homedriemiddenwitblauw {padding:10px!important; font-size:1.3em!important; line-height:1.3em!important;}
  .homedriemiddenwitblauwsub {padding:10px!important;}
  .homesponsoring {margin-left:10px!important;}
  .homevoorwieenvoorwat .homesponsoring .knopalignbottom a, .homevoorwieenvoorwat .homedriemiddenwit .homedriemiddenwitblauwknop a {width:100%!important}
  .single-md-content {max-width:100%!important;}
  h1.entry-title {margin-top:30px!important; margin-bottom:20px!important;}
  h2.entry-title {margin-bottom:5px!important;}
  .wc-block-featured-product {min-height:350px!important; max-height:350px!important;}
  .johannes-related {float:left!important;}
  .johannes-related .leesmeerover {padding-bottom:25px!important;}
  .johannes-related .leesmeerover ul li {width:100%!important;}
  .schema-how-to { padding-left: 50px; margin-left: 60px; }
  .schema-how-to.wp-block-yoast-how-to-block ol { margin: 30px 150px 0 10px; }
  .aanmeldformulier {width:100%!important;}
  .product .woocommerce-product-gallery {width:50%!important; float:left!important;}
  .product .woocommerce-product-gallery img { width: 300px!important; margin-top:30px!important;}
  .woocommerce div.product div.summary { width:50%; float:left!important;}
  .headerzoekform.headerzoekformmobiel { margin: 20px 30px!important; width: calc(100% - 60px); float: left; box-sizing: border-box;    }

}
@media screen and (max-width: 600px) {
    .blok::after {
        right: 8px;
    }
    .glossary-index ul {
        width: 49%;
    }
    .glossary-menu-atoz .glossary-menu-item {
        padding-left: 0;
        padding-right: 9px;
    }
/*    .johannes-cover {
        height: 90px;
    } */
    ul.vinkjesColumn li {
        width: 100%;
    }
}
@media screen and (min-width: 600px) {
  /*  .johannes-cover .section-head {
        padding: 28px 0 !important;
    } */
  /*  .johannes-cover {
        height: 110px;
    } */
    .johannes-footer .widget {
        margin-bottom: 25px !important;
    }
}
@media screen and (min-width: 421px) and (max-width: 768px) {
  ul.advgb-toc { display:none!important; }
  .entry-content-toc {width:100%!important;}

}

@media screen and (min-width: 421px) and (max-width: 590px) {
    .toonButton {
        margin: 0 auto !important;
        text-align: center;
        float: none;
    }
    .selectdiv {
        min-width: 100%;
        margin-bottom: 20px;
    }
    .category-dropdown select {
        width: 80%;
    }
    .container.johannes-breadcrumbs {
        display: none;
    }
    .stappen .wp-block-column {
        width: 100%;
        flex-basis: auto;
    }
    .afterPijltje:after {
        content: "\f107";
        font-family: FontAwesome;
        text-align: center;
        clear: both;
        float: none;
        position: relative;
        top: 0px;
        left: 46%;
    }
}
@media screen and (max-width: 440px) {
    .johannes-section.johannes-cover.johannes-bg-alt-2.johannes-section-margin-alt.size-johannes-page-3 {/*min-height:120px!important;*/ height:auto!important; overflow-y: hidden!important; margin-bottom:0!important; width:100%;}
    .slot-l .johannes-site-branding {margin-top:25px!important;}
    .header-sticky-main .slot-l .johannes-site-branding {margin-top:20px!important;}
    .johannes-bg-alt-2 .section-head-alt h1.entry-title {text-align:center;}
    .johannes-site-branding img { height: auto; margin-top:-20px; }
    .johannes-sidebar-branding {display:block!important;}
    .johannes-sidebar-branding .site-title {display:block; width:100%;}
    .johannes-sidebar-branding .site-title picture img { height:35px!important; width:auto!important; }
    .slot-r {display:inline-block!important; width:auto!important; text-align:right!important;}
    .slot-r .johannes-hamburger {display:inline-block!important; margin-right:10px!important;}
    .header-sticky-main .slot-r .menu-mainmenu-container {display:none!important;}
    .header-el-label {display:none!important;}
    .inputdiv {display:flex; padding-bottom:10px!important}
    .dienstvan {margin: 0 10px 0 0!important; line-height:1.1em!important}
    .homeintrotekst {margin-bottom:0!important;}
    .mensenhome {background-size: cover!important; background-repeat:no-repeat!important; margin-top:0; height:150px}
    .single-md-content .voorwieenwatlinks .wp-block-buttons, .single-md-content .voorwieenwatrechts .wp-block-buttons {text-align:center!important;}
    .tweeblokken .bloktekst { height:auto!important; }
    .tweeblokken .knopsectie {padding-left:0!important; padding-right:0!important; padding-bottom:0!important;}
    .tweeblokken .blokwitgroot { font-size: 2.35em!important; padding:20px 10px!important; }
    .tweeblokken .blokwitgroot .wp-block-button a {min-height:60px!important; padding-top:6px!important}
    .tweeblokken .blokwitgroot {margin-bottom:50px!important;}
    .tweeblokken .blokoranjemedium {margin-left:0!important; font-size:1.7em!important; padding:20px 10px!important;}
    .tweeblokken .blokoranjemedium .wp-block-button a {height:50px!important; padding-top:13px!important; }
    .homebestuurszaken, .homedriemiddenwit, .homesponsoring {margin-bottom:25px!important; margin-left:0!important; margin-right:0!important}
    .homevoorwieenvoorwat .wp-block-buttons .wp-block-button a { width: 300px !important; }
    .meeroveroranje {text-align:center!important; }
    .tweeblokken .knopsectie .meerover a {margin:0 auto!important; height:50px!important; padding-top:13px!important;}
    .entry-content .homevoorwieenvoorwat h1 {font-size:3em!important}
    .johannes-related .section-head h5.section-title {font-size:22px; text-align:left!important;}
    .johannes-related .leesmeerover ul.lcp_catlist li { width:100%!important;}
    .johannes-related .section-content {padding-bottom:25px!important;}
    .woocommerce-Tabs-panel img {display:block; margin:0 auto!important;}
    .woocommerce .woocommerce-tabs ul.tabs {height:auto!important;}
    .woocommerce .woocommerce-tabs ul.tabs li.active a {padding-bottom:0!important;}
    .woocommerce .product .summary {width:100%!important;}
    .woocommerce ul.products li.product {border-bottom:1px solid #cccccc!important; padding-bottom:5px!important;}
    .woocommerce ul.products li.product .onsale {right:-35px!important;}
    .woocommerce ul.products li.product .woocommerce-loop-product__title { float: left!important; width: 66%!important; }
    .woocommerce ul.products li.product .price {margin-top:2px!important ;width:13%!important;}
    h1.product_title {margin:20px 0!important}
    .summary .prijs {margin-bottom:20px!important;}
    .testimonialnaam {font-size:2.0em!important;}
    .testimonialtekst {font-size:1.7em!important;}
    .woocommerce .cart-collaterals .cross-sells  {width:100%; margin-bottom:30px!important;}
    .woocommerce-billing-fields {width:100%!important;}

    .selectdiv {
        min-width: 100%;
        margin-bottom: 20px;
    }
    .johannes-content-alt h1 {
        font-weight: 400 !important;
    }
    .height218 {
        height: auto;
    }
    .schema-how-to {
        padding-left: 0;
        margin-left: 0;
        float: left;
    }
    .wp-block-image .alignright,
    .alignleft {
        float: left;
        margin-left: 1em;
        display: block;
        width: 100%;
        text-align: center;
    }
    .wc-block-featured-product {
        padding-top: 20px;
    }
    .wc-block-featured-product.alignnone.has-background-dim {
        display: block;
        min-height: 100px!important;
        padding-bottom:20px;
        max-height: 800px!important;
        height:auto!important
    }
    .wc-block-featured-product.has-background-dim:before {
        position: relative !important;
    }
    .ul.vinkjes {
        margin-bottom: 20px;
    }
    figure.alignright img,
    .wp-caption.alignright {
        margin: 0;
    }
    .schema-how-to.wp-block-yoast-how-to-block ol {
        margin: 30px 0 10px 60px;
    }
    .archive.category article .col-6 { flex: 0 0 100%!important; max-width:100%!important; margin: 0 0 50px!important;}
    .single-md-content .voorwieenwatlinks .wp-block-buttons, .single-md-content .voorwieenwatrechts .wp-block-buttons {margin-left:0; margin-right:0; text-align:center;}
    .single .entry-content .entry-media {float:left!important; width:100%!important;}
    .single .advertentierechts { float:left!important; width:100%!important; max-width:100%!important; margin-left:0!important;}
    .single .advertentierechts .adsbygoogle {width:100%!important; max-width:100%!important;}
    .single .johannes-bg-alt-2.johannes-related {width:100%!important;}
    footer .adsbygoogle { height:auto!important;}
    .bannerrechts {float:left; width:100%!important; text-align:center!important;}
    .woocommerce .product .summary { width:100%!important;}

    .wc-block-featured-product .prod-img {width:100%!important; display:block!important;}
    .wc-block-featured-product .wc-block-featured-product__wrapper {width:100%!important; height:auto;}
    .wc-block-featured-product__description {padding:20px!important; text-align:left;}
    .post-template-single-toc .entry-content-toc {width:100%!important; float:left!important; }
    .post-template-single-toc .entry-content-toc .advertentierechts {float:left!important; margin-left:0!important; width:100%!important; max-width:100%;}
    .post-template-single-toc .entry-content-toc ul.advgb-toc {position:relative!important; float:left!important; margin-top:40px!important; width:100%!important; position:relative!important; top:0!important; margin-right:0!important;}
    .schema-faq-section {
        display: block;
        width: 100%;
        float: left;
    }
    .tradetracker-center {display:none!important;}
    .tradetracker-center-mobiel {text-align: center!important; display: block!important; margin:50px auto!important;}
    ul.wp-block-advgb-summary.advgb-toc.alignnone {
        display: none;
    }
    .leesmeerBlok { width:100%!important; display:block;}
    .eboekhouden-naast {width:100%!important; display:block; margin-top:30px!important; text-align:left!important;}
    .entry-content-toc {width:100%!important;}
    .entry-content-toc h2 {margin-top:0!important;}
    section.verkoopblokken .wp-block-columns .wp-block-column {margin:0;}
    .wc-memberships-member-discount-message {height:auto!important;}
    .single .section-head h1.entry-title {font-size:35px!important;}
}