@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//mebocare.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 18px;
	--wd-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #83b735;
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .wd-nav.wd-nav-main > li > a, html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a {
	font-weight: 600;
	font-size: 17px;
	line-height: 0.03px;
	color: rgb(34,34,34);
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a, html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a:hover, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a:hover, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu  > li > a:hover, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a:hover {
	color: rgb(111,174,46);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 670px;
}
.woocommerce-product-gallery.thumbs-position-left {
	--wd-thumbs-width: 167px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* =====================================================
   MEBOCARE — GLOBAL CSS (CLEAN MASTER v4) (COMPLETE REPLACE)
   Scope: header/menu + homepage blocks + TFCC pages
   Doel:
   - Alle mebo-rijen exact lijnend onder logo (zelfde container)
   - Homepage cards: géén “container blok” om de kaarten + gelijke hoogte
   - Card-1/inner padding issues fix
   - CTA in cards nooit wrappen
   - TFCC pagina’s ongemoeid qua opzet (zelfde classes)
===================================================== */

:root{
  --mebo-green:#6FAE2E;
  --mebo-container:1200px;
  --mebo-gutter:24px;
  --mebo-radius:18px;

  --mebo-card-gap:24px;     /* visuele ruimte tussen cards */
  --mebo-card-pad:28px 26px;
}

/* =====================================================
   0) SAFETY / BASE
===================================================== */
*{ box-sizing:border-box; }
sup{ font-size:65%; line-height:0; vertical-align:super; }

/* =====================================================
   1) HEADER / MENU (Woodmart) — sterker, minder iel
===================================================== */
.whb-header .wd-nav-main > ul > li > a,
.whb-header .wd-nav-main .menu > li > a{
  font-size:15px;
  font-weight:800;
  letter-spacing:.2px;
  color:rgba(20,20,20,.92);
}

.whb-header .wd-nav-main > ul > li:hover > a,
.whb-header .wd-nav-main > ul > li.current-menu-item > a,
.whb-header .wd-nav-main > ul > li.current-menu-ancestor > a{
  color:var(--mebo-green);
}

/* Submenu container */
.whb-header .wd-dropdown-menu,
.whb-header .sub-menu{
  border-radius:12px;
  box-shadow:0 14px 30px rgba(0,0,0,.08);
  padding:10px 0;
}

/* Submenu links */
.whb-header .wd-dropdown-menu a,
.whb-header .sub-menu a{
  font-size:14px;
  font-weight:700;
  color:rgba(20,20,20,.88);
  padding:10px 16px;
  line-height:1.25;
}

.whb-header .wd-dropdown-menu a:hover,
.whb-header .sub-menu a:hover{
  background:rgba(111,174,46,.08);
  color:rgba(20,20,20,.95);
}

/* =====================================================
   2) CONTAINER / ALIGNMENT — ALLE MEBO RIJEN gelijk
   -> Lijnt exact onder logo / menu balk
   -> Geen “extra inspringen” per pagina
===================================================== */

/* Pak alle relevante rijen (homepage + TFCC) */
.vc_row.wpb_row.vc_row-fluid.mebo-hero-row,
.vc_row.wpb_row.vc_row-fluid.mebo-pro-intro-row,
.vc_row.wpb_row.vc_row-fluid.mebo-cards-row,
.vc_row.wpb_row.vc_row-fluid.mebo-cards-seo-line,
.vc_row.wpb_row.vc_row-fluid.mebo-how-row,
.vc_row.wpb_row.vc_row-fluid.mebo-trusted-row,
.vc_row.wpb_row.vc_row-fluid.mebo-faq-row,
.vc_row.wpb_row.vc_row-fluid.mebo-hero-sub,
.vc_row.wpb_row.vc_row-fluid.mebo-tfcc-section{
  width:100% !important;
  max-width:var(--mebo-container) !important;

  margin-left:auto !important;
  margin-right:auto !important;

  padding-left:var(--mebo-gutter) !important;
  padding-right:var(--mebo-gutter) !important;
}

/* WPBakery “full width row” kan rare left offsets zetten */
.vc_row[data-vc-full-width="true"].mebo-hero-row,
.vc_row[data-vc-full-width="true"].mebo-pro-intro-row,
.vc_row[data-vc-full-width="true"].mebo-cards-row,
.vc_row[data-vc-full-width="true"].mebo-cards-seo-line,
.vc_row[data-vc-full-width="true"].mebo-how-row,
.vc_row[data-vc-full-width="true"].mebo-trusted-row,
.vc_row[data-vc-full-width="true"].mebo-faq-row,
.vc_row[data-vc-full-width="true"].mebo-hero-sub,
.vc_row[data-vc-full-width="true"].mebo-tfcc-section{
  left:auto !important;
}

/* =====================================================
   3) HERO (homepage + subpages)
===================================================== */

/* Row spacing: hero niet “te laag” starten */
.mebo-hero-row,
.mebo-hero-sub{
  padding-top:18px !important;
  padding-bottom:18px !important;
}

/* Headings (Custom Heading) */
.mebo-hero-row h1,
.mebo-hero-row .vc_custom_heading h1,
.mebo-hero-sub h1,
.mebo-hero-sub .vc_custom_heading h1{
  font-size:clamp(34px, 3.2vw, 52px) !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  margin:0 0 14px 0 !important;
}

.mebo-hero-row p,
.mebo-hero-sub p{
  font-size:18px;
  line-height:1.55;
  color:rgba(35,35,35,.72);
}

/* CTA spacing (WPBakery buttons) */
.mebo-hero-row .vc_btn3-container,
.mebo-hero-sub .vc_btn3-container{
  display:inline-block;
  margin-right:14px;
  margin-bottom:10px;
}
.mebo-hero-row .vc_btn3-container:last-child,
.mebo-hero-sub .vc_btn3-container:last-child{ margin-right:0; }

/* TFCC hero illustration */
.mebo-hero-sub .mebo-tfcc-hero-ill,
.mebo-hero-sub .mebo-tfcc-hero-ill .wpb_wrapper{ text-align:center; }

.mebo-hero-sub .mebo-tfcc-hero-ill img{
  max-width:340px;
  width:100%;
  height:auto;
  display:inline-block;
}

.mebo-hero-sub .mebo-tfcc-hero-ill em{
  font-size:14px;
  color:rgba(35,35,35,.55);
}

@media (max-width:768px){
  .mebo-hero-row,
  .mebo-hero-sub{
    padding-top:12px !important;
    padding-bottom:12px !important;
  }
  .mebo-hero-sub .mebo-tfcc-hero-ill img{ max-width:280px; }
}

/* =====================================================
   4) TFCC SECTIONS (zelfde look, strak)
===================================================== */
.mebo-tfcc-section{
  padding-top:18px !important;
  padding-bottom:18px !important;
}

.mebo-tfcc-section h2,
.mebo-tfcc-section .vc_custom_heading h2{
  font-size:26px;
  line-height:1.2;
  font-weight:900;
  margin:0 0 10px 0;
}

.mebo-tfcc-section p,
.mebo-tfcc-section li{
  font-size:16px;
  line-height:1.6;
  color:rgba(20,20,20,.78);
}

/* =====================================================
   5) HOMEPAGE CARDS — “geen container om kaarten”
   Fixes:
   - geen row background/border/shadow
   - inner padding van WPBakery columns weg
   - cards equal height
   - gap consistent + edges netjes
===================================================== */

/* Row “container look” volledig neutraliseren */
.mebo-cards-row{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;

  margin-top:0 !important;
  margin-bottom:0 !important;

  padding-top:0 !important;
  padding-bottom:0 !important;
}
.mebo-cards-row.vc_row-has-fill{ background:none !important; }
.mebo-cards-row:before,
.mebo-cards-row:after{ display:none !important; }

/* Maak van de cards-row een flex wrapper (betrouwbaar voor equal-height) */
.mebo-cards-row{
  display:flex !important;
  flex-wrap:wrap !important;

  /* “gap” met negatieve marge zodat de buitenranden uitlijnen */
  margin-left:calc(var(--mebo-card-gap) / -2) !important;
  margin-right:calc(var(--mebo-card-gap) / -2) !important;
}

/* ALLE card columns: geen theme inner padding, wel eigen “gap” */
.mebo-cards-row .wpb_column.mebo-card,
.mebo-cards-row .wpb_column.mebo-card--primary,
.mebo-cards-row .wpb_column.mebo-card--pro,
.mebo-cards-row .wpb_column.mebo-card-pro{
  padding-left:calc(var(--mebo-card-gap) / 2) !important;
  padding-right:calc(var(--mebo-card-gap) / 2) !important;
  margin-bottom:var(--mebo-card-gap) !important;

  display:flex !important;               /* equal height */
}
.mebo-cards-row .wpb_column.mebo-card > .vc_column-inner,
.mebo-cards-row .wpb_column.mebo-card--primary > .vc_column-inner,
.mebo-cards-row .wpb_column.mebo-card--pro > .vc_column-inner,
.mebo-cards-row .wpb_column.mebo-card-pro > .vc_column-inner{
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;

  display:flex !important;               /* equal height */
  width:100% !important;
}
.mebo-cards-row .wpb_column.mebo-card > .vc_column-inner > .wpb_wrapper,
.mebo-cards-row .wpb_column.mebo-card--primary > .vc_column-inner > .wpb_wrapper,
.mebo-cards-row .wpb_column.mebo-card--pro > .vc_column-inner > .wpb_wrapper,
.mebo-cards-row .wpb_column.mebo-card-pro > .vc_column-inner > .wpb_wrapper{
  display:flex !important;               /* equal height */
  width:100% !important;
}

/* De klikbare card zelf */
.mebo-cards-row a.mebo-card-link{
  width:100%;
  display:flex;
  flex-direction:column;

  border-radius:var(--mebo-radius);
  background:#fff;
  box-shadow:0 10px 26px rgba(0,0,0,.08);

  padding:var(--mebo-card-pad) !important;

  text-decoration:none !important;
}

/* Lichtgroene “pro” kaart */
.mebo-cards-row .mebo-card--pro a.mebo-card-link,
.mebo-cards-row .mebo-card-pro a.mebo-card-link{
  background:rgba(111,174,46,.08);
}

/* Label / title spacing consistent (fix “kaart 1 te hoog”) */
.mebo-cards-row .mebo-card-link .mebo-label{
  margin:0 0 10px 0;
  font-size:13px;
  font-weight:700;
  color:var(--mebo-green);
}

.mebo-cards-row .mebo-card-link .mebo-title{
  margin:0 0 14px 0 !important;
  line-height:1.15;
}

/* CTA: onderin, altijd 1 regel */
.mebo-cards-row .mebo-card-link .mebo-action{
  margin-top:auto !important;
  padding-top:12px !important;
  margin-bottom:0 !important;

  display:inline-flex;
  align-items:center;
  gap:8px;

  color:var(--mebo-green) !important;
  font-weight:800 !important;
  font-size:16px !important;
  line-height:1.2 !important;

  white-space:nowrap !important;
  text-decoration:none !important;
}
.mebo-cards-row .mebo-card-link .mebo-action::after{
  content:"→";
  font-weight:900;
  line-height:1;
}
.mebo-cards-row .mebo-card-link:hover .mebo-action{
  text-decoration:underline !important;
}

/* Safety: theme underline niet laten doorslaan */
.mebo-cards-row .mebo-card-link,
.mebo-cards-row .mebo-card-link *{
  text-decoration:none !important;
}

/* SEO line onder cards */
.mebo-cards-seo-line{
  margin-top:18px !important;
  padding-top:10px !important;
}

/* Mobile: cards netjes onder elkaar zonder rare stretch */
@media (max-width:768px){
  .mebo-cards-row{
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .mebo-cards-row .wpb_column.mebo-card,
  .mebo-cards-row .wpb_column.mebo-card--primary,
  .mebo-cards-row .wpb_column.mebo-card--pro,
  .mebo-cards-row .wpb_column.mebo-card-pro{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .mebo-cards-row a.mebo-card-link{
    padding:24px 22px !important;
  }
}