.elementor-kit-720{--e-global-color-primary:#88A29F;--e-global-color-secondary:#A0804C;--e-global-color-text:#2F3534;--e-global-color-accent:#9B744D;--e-global-color-e548ba4:#000;--e-global-color-50501559:#FFF;--e-global-color-32f0c1fd:#A0804C;--e-global-color-58034db:#88A29F;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#F2F1ED;color:var( --e-global-color-text );font-family:"avant garde", Sans-serif;font-size:1.2rem;line-height:1.8rem;}.elementor-kit-720 button,.elementor-kit-720 input[type="button"],.elementor-kit-720 input[type="submit"],.elementor-kit-720 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"avant garde", Sans-serif;font-size:1.2rem;color:var( --e-global-color-50501559 );border-style:none;border-radius:0px 0px 0px 0px;padding:02rem 2rem 02rem 2rem;}.elementor-kit-720 button:hover,.elementor-kit-720 button:focus,.elementor-kit-720 input[type="button"]:hover,.elementor-kit-720 input[type="button"]:focus,.elementor-kit-720 input[type="submit"]:hover,.elementor-kit-720 input[type="submit"]:focus,.elementor-kit-720 .elementor-button:hover,.elementor-kit-720 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-50501559 );border-style:none;border-radius:0px 0px 0px 0px;}.elementor-kit-720 e-page-transition{background-color:#FFBC7D;}.elementor-kit-720 a{color:var( --e-global-color-primary );font-family:"avant garde", Sans-serif;}.elementor-kit-720 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-720 h1{color:var( --e-global-color-50501559 );font-family:"avant garde", Sans-serif;font-size:6rem;font-weight:800;}.elementor-kit-720 h2{color:var( --e-global-color-text );font-family:"avant garde", Sans-serif;font-size:3.6rem;}.elementor-kit-720 h3{color:var( --e-global-color-secondary );font-family:"avant garde", Sans-serif;font-size:2.4rem;}.elementor-kit-720 h4{color:var( --e-global-color-text );font-family:"avant garde", Sans-serif;font-size:2.4rem;}.elementor-kit-720 h5{color:var( --e-global-color-primary );font-size:22px;line-height:32px;}.elementor-kit-720 h6{color:var( --e-global-color-primary );font-size:18px;line-height:28px;}.elementor-kit-720 input:not([type="button"]):not([type="submit"]),.elementor-kit-720 textarea,.elementor-kit-720 .elementor-field-textual{border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(2, 1, 1, 0.12);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-720{font-size:1rem;line-height:1.8rem;}.elementor-kit-720 h1{font-size:4.8rem;}.elementor-kit-720 h2{font-size:2.6rem;}.elementor-kit-720 h3{font-size:1.8rem;}.elementor-kit-720 h4{font-size:1.8rem;}.elementor-kit-720 h5{font-size:20px;line-height:30px;}.elementor-kit-720 h6{font-size:18px;line-height:28px;}.elementor-kit-720 button,.elementor-kit-720 input[type="button"],.elementor-kit-720 input[type="submit"],.elementor-kit-720 .elementor-button{font-size:1rem;}}@media(max-width:1024px){.elementor-kit-720{font-size:1rem;}.elementor-kit-720 h1{font-size:3.6rem;}.elementor-kit-720 h2{font-size:2rem;}.elementor-kit-720 h3{font-size:1.8rem;}.elementor-kit-720 h4{font-size:1.8rem;}.elementor-kit-720 h5{font-size:20px;line-height:30px;}.elementor-kit-720 h6{font-size:18px;line-height:28px;}.elementor-kit-720 button,.elementor-kit-720 input[type="button"],.elementor-kit-720 input[type="submit"],.elementor-kit-720 .elementor-button{font-size:1rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-720{font-size:1.2rem;}.elementor-kit-720 h1{font-size:1.6rem;line-height:34px;}.elementor-kit-720 h2{font-size:1.6rem;}.elementor-kit-720 h3{font-size:1.4rem;}.elementor-kit-720 h4{font-size:1.4rem;}.elementor-kit-720 h5{font-size:18px;line-height:28px;}.elementor-kit-720 h6{font-size:18px;line-height:28px;}.elementor-kit-720 button,.elementor-kit-720 input[type="button"],.elementor-kit-720 input[type="submit"],.elementor-kit-720 .elementor-button{font-size:1.2rem;padding:1rem 1.5rem 1rem 1.5rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.whitelink a {
    color: #ffffff !important;
}
h1{
    line-height: 110% !important;
}
h2{
    line-height: 100% !important;
}
h3{
    line-height: 100% !important;
}
h4{
    line-height: 100% !important;
}
p{
    line-height: 140% !important;
}

/* ==========================================================
   Webova – UX-optimalisatie fase 2 (nov 2026)
   Staat in: Elementor > Site-instellingen > Aangepaste CSS
   ========================================================== */
:root{
  --ax-gold:#A0804C; --ax-gold-d:#9B744D; --ax-sage:#88A29F;
  --ax-ink:#2F3534; --ax-cream:#F2F1ED; --ax-header-h:90px;
  --ax-ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- Toegankelijkheid: zichtbare focus ---------- */
a:focus-visible,button:focus-visible,.elementor-button:focus-visible,[role="button"]:focus-visible{
  outline:2px solid var(--ax-gold); outline-offset:3px;
}

/* ---------- Tekstlinks in lopende tekst (interne links) ----------
   Altijd zichtbaar: link neemt de tekstkleur van het blok over (wit op donkere/gekleurde vlakken,
   donker op lichte vlakken) en is onderstreept. */
body .elementor-widget-text-editor a:not(.elementor-button){
  color:inherit !important; text-decoration:underline !important; text-decoration-thickness:1px;
  text-underline-offset:3px; text-decoration-color:currentColor; transition:opacity .2s ease, text-decoration-thickness .2s ease;
}
body .elementor-widget-text-editor a:not(.elementor-button):hover{opacity:.75; text-decoration-thickness:2px}
.whitelink a{color:#fff !important}

/* ---------- Hover-effecten ---------- */
.elementor-button{transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s var(--ax-ease),box-shadow .25s ease}
.elementor-button:hover{transform:translateY(-2px); box-shadow:0 12px 24px -14px rgba(47,53,52,.55)}
.elementor-button .elementor-button-icon{transition:transform .25s var(--ax-ease)}
.elementor-button:hover .elementor-button-icon{transform:translateX(4px)}
a.e-con{transition:background-color .25s ease,border-color .25s ease}
a.e-con .elementor-icon{transition:transform .25s var(--ax-ease)}
a.e-con:hover .elementor-icon{transform:translateX(5px)}
/* Galerij (foto's met lightbox) */
.elementor-widget-image a[data-elementor-open-lightbox]{display:block; overflow:hidden}
.elementor-widget-image a[data-elementor-open-lightbox] img{transition:transform .6s var(--ax-ease)}
.elementor-widget-image a[data-elementor-open-lightbox]:hover img{transform:scale(1.05)}
/* Nieuwskaarten */
.elementor-post{transition:transform .3s var(--ax-ease),box-shadow .3s ease}
.elementor-post:hover{transform:translateY(-4px); box-shadow:0 18px 36px -22px rgba(47,53,52,.5)}
.elementor-post .elementor-post__thumbnail{overflow:hidden}
.elementor-post .elementor-post__thumbnail img{transition:transform .6s var(--ax-ease)}
.elementor-post:hover .elementor-post__thumbnail img{transform:scale(1.05)}

/* ---------- Fade-up animaties (klassen gezet door ux-global.js) ---------- */
.ax-fx{opacity:0; transform:translate3d(0,28px,0); transition:opacity .7s var(--ax-ease),transform .7s var(--ax-ease)}
.ax-fx.ax-in{opacity:1; transform:none}
@media (max-width:767px){.ax-fx{transform:translate3d(0,18px,0); transition-duration:.6s}}
@media (prefers-reduced-motion:reduce){
  .ax-fx{opacity:1 !important; transform:none !important; transition:none !important}
  .elementor-button:hover,.elementor-post:hover{transform:none}
}

/* ---------- Desktop dropdown-menu ---------- */
@media (min-width:1025px){
  .elementor-nav-menu--main .elementor-item{transition:color .2s ease}
  .elementor-nav-menu--main .elementor-item:hover,
  .elementor-nav-menu--main .elementor-item:focus,
  .elementor-nav-menu--main .elementor-item.elementor-item-active,
  .elementor-nav-menu--main .menu-item-has-children:hover > .elementor-item{color:var(--ax-gold) !important}
  .elementor-nav-menu--main .sub-arrow i{transition:transform .2s ease}
  .elementor-nav-menu--main .menu-item-has-children:hover > a .sub-arrow i{transform:rotate(180deg)}
  .elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown{
    min-width:270px !important; padding:10px 0 !important; margin-top:0 !important;
    background:#fff !important; border:0 !important; border-top:3px solid var(--ax-gold) !important;
    box-shadow:0 20px 44px -12px rgba(47,53,52,.22) !important;
  }
  .elementor-nav-menu--main .sub-menu[aria-hidden="false"]{animation:axDrop .2s var(--ax-ease)}
  .elementor-nav-menu--main .sub-menu .elementor-sub-item{
    padding:12px 22px !important; color:var(--ax-ink) !important; background:transparent !important;
    border-left:3px solid transparent !important; white-space:nowrap;
    transition:background-color .2s ease,color .2s ease,border-color .2s ease,padding .2s ease;
  }
  .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover,
  .elementor-nav-menu--main .sub-menu .elementor-sub-item:focus,
  .elementor-nav-menu--main .sub-menu .elementor-sub-item.elementor-item-active{
    background:var(--ax-cream) !important; color:var(--ax-gold) !important;
    border-left-color:var(--ax-gold) !important; padding-left:26px !important;
  }
}
@keyframes axDrop{from{opacity:0; transform:translateY(8px)}to{opacity:1; transform:none}}
@keyframes axFade{from{opacity:0}to{opacity:1}}

/* ---------- Mobiel/tablet: menu als volledig scherm ---------- */
.ax-menu-extra{display:none}
@media (max-width:1024px){
  body.ax-menu-open{overflow:hidden}
  .elementor-nav-menu--toggle .elementor-menu-toggle{min-width:48px; min-height:48px; justify-content:center; margin-right:-12px}
  .elementor-nav-menu--dropdown.elementor-nav-menu__container{transition:none !important}
  .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container{
    position:fixed !important; left:0 !important; right:0 !important; top:var(--ax-header-h) !important;
    width:100% !important; max-width:100vw !important;
    height:calc(100vh - var(--ax-header-h)) !important; height:calc(100dvh - var(--ax-header-h)) !important;
    max-height:none !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch;
    transform:none !important; margin:0 !important; z-index:9990;
    padding:8px 24px calc(28px + env(safe-area-inset-bottom)) !important;
    background:var(--ax-cream) !important; animation:axFade .22s ease-out;
  }
  .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container .elementor-item{
    font-size:1rem !important; padding:16px 4px !important; color:var(--ax-ink) !important;
    background:transparent !important; border-bottom:1px solid rgba(47,53,52,.12);
  }
  .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container .elementor-item.elementor-item-active,
  .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container .elementor-sub-item.elementor-item-active{color:var(--ax-gold) !important}
  .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container .sub-menu{background:transparent !important; padding-left:14px !important}
  .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container .elementor-sub-item{
    font-size:1rem !important; padding:13px 4px !important; color:var(--ax-ink) !important;
    background:transparent !important; border-bottom:1px solid rgba(47,53,52,.08);
  }
  .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container .ax-menu-extra{display:block}
  .ax-menu-cta{display:grid; gap:12px; margin-top:28px}
  .ax-menu-cta a{
    display:flex !important; align-items:center; justify-content:center !important; gap:10px; min-height:54px;
    padding:14px 18px !important; font-size:1rem !important; line-height:1.2; text-decoration:none; text-align:center;
    border:1.5px solid var(--ax-gold) !important; color:var(--ax-gold) !important; background:#fff !important;
  }
  .ax-menu-cta a.ax-primary{background:var(--ax-gold) !important; color:#fff !important}
  .ax-menu-cta svg{width:20px; height:20px; flex:0 0 20px}
  .ax-menu-info{margin-top:24px; font-size:1rem; line-height:1.7; color:var(--ax-ink); text-align:left}
  .ax-menu-info a{display:inline !important; padding:0 !important; color:var(--ax-ink) !important; background:none !important;
    text-decoration:underline !important; text-underline-offset:3px; font-size:1rem !important}
}

@media (max-width:767px){
  .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container .elementor-item,
  .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container .elementor-sub-item,
  .ax-menu-cta a, .ax-menu-info, .ax-menu-info a{font-size:1.2rem !important}
}

/* ---------- Mobiel: ruime tikvlakken ---------- */
@media (max-width:767px){
  .elementor-post__read-more{display:inline-block; padding:10px 0; min-height:44px}
  .elementor-widget-social-icons .elementor-social-icon{width:44px !important; height:44px !important; display:inline-flex; align-items:center; justify-content:center}
}

/* ---------- Tarievenlijst (externe widget): leesbaar op mobiel ---------- */
.elementor-widget-wp-widget-sharedcontent .awww-accordion-inner,
.elementor-widget-wp-widget-sharedcontent table{max-width:100%}
.elementor-widget-wp-widget-sharedcontent .awww-accordion-inner{overflow-x:auto; -webkit-overflow-scrolling:touch}
@media (max-width:767px){
  .elementor-widget-wp-widget-sharedcontent td,
  .elementor-widget-wp-widget-sharedcontent th,
  .elementor-widget-wp-widget-sharedcontent td strong{font-size:1rem !important; line-height:1.4}
}

/* ---------- Mobiel: vaste knoppenbalk onderaan ---------- */
.ax-mbar{display:none}
@media (max-width:767px){
  .ax-mbar{
    display:grid; grid-template-columns:repeat(4,1fr); gap:6px;
    position:fixed; left:0; right:0; bottom:0; z-index:9980;
    padding:6px 6px calc(6px + env(safe-area-inset-bottom));
    background:#fff; box-shadow:0 -8px 24px rgba(47,53,52,.12);
    transition:transform .3s var(--ax-ease);
  }
  .ax-mbar a{
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
    min-height:56px; padding:6px 2px; font-size:.9rem; line-height:1.1;
    color:var(--ax-ink); text-decoration:none; background:var(--ax-cream);
  }
  .ax-mbar svg{width:22px; height:22px; stroke:var(--ax-gold); fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
  .ax-mbar a.ax-call{background:var(--ax-gold); color:#fff}
  .ax-mbar a.ax-call svg{stroke:#fff}
  .ax-mbar a:active{transform:scale(.97)}
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  body.ax-menu-open .ax-mbar{transform:translateY(110%)}
}
@media (max-width:340px){.ax-mbar a{font-size:.8rem}}
/* ========== einde Webova fase 2 ========== *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'avant garde';
	font-style: italic;
	font-weight: 800;
	font-display: auto;
	src: url('https://www.alexodentpraktijk.nl/wp-content/uploads/2025/07/AVGARDDO_2.woff') format('woff');
}
@font-face {
	font-family: 'avant garde';
	font-style: oblique;
	font-weight: 800;
	font-display: auto;
	src: url('https://www.alexodentpraktijk.nl/wp-content/uploads/2025/07/AVGARDD_2.woff') format('woff');
}
@font-face {
	font-family: 'avant garde';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.alexodentpraktijk.nl/wp-content/uploads/2025/07/AVGARDN_2.woff') format('woff');
}
/* End Custom Fonts CSS */