.elementor-kit-4{--e-global-color-primary:#1E1E1E;--e-global-color-secondary:#3B4233;--e-global-color-text:#3A3936;--e-global-color-accent:#CAAB61;--e-global-color-308e809:#FFFFFF;--e-global-color-9eaa092:#FFFFFF00;--e-global-color-a954db2:#D1C5AF;--e-global-color-651faef:#F5EFE2;--e-global-color-fo0a002:#F0EADD;--e-global-color-fo0a001:#BF9F55;--e-global-color-469e3f0:#BBC2B0;--e-global-color-3136d1d:#6C6D70;--e-global-color-2d69694:#5F6852;--e-global-color-2db06a9:#2C3025;--e-global-color-fo0a003:#F5EFE22E;--e-global-color-fo0a004:#3B4233E0;--e-global-color-fo0b001:#EDF1E7;--e-global-color-fo0b002:#E6DFD1;--e-global-color-fo0b003:#F5EFE299;--e-global-color-fo0b004:#3B423300;--e-global-color-fo0b005:#FFFFFFF2;--e-global-color-fo0b006:#9E3A2C;--e-global-typography-primary-font-family:"Cormorant Garamond Local";--e-global-typography-primary-font-size:clamp(2rem, 1.35rem + 1.6vw, 2.75rem);--e-global-typography-primary-font-weight:500;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-line-height:1.12em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"DM Sans Local";--e-global-typography-secondary-font-size:0.875rem;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-secondary-letter-spacing:0.14em;--e-global-typography-text-font-family:"DM Sans Local";--e-global-typography-text-font-size:clamp(1rem, 0.96rem + 0.12vw, 1.0625rem);--e-global-typography-text-font-weight:400;--e-global-typography-text-font-style:normal;--e-global-typography-text-line-height:1.75em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"DM Sans Local";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-line-height:1.2em;--e-global-typography-accent-letter-spacing:0.2px;--e-global-typography-3715edf-font-family:"Cormorant Garamond Local";--e-global-typography-3715edf-font-size:clamp(2.5rem, 1.5rem + 2.2vw, 3.625rem);--e-global-typography-3715edf-font-weight:500;--e-global-typography-3715edf-font-style:normal;--e-global-typography-3715edf-line-height:1.08em;--e-global-typography-3715edf-letter-spacing:-0.3px;--e-global-typography-583e54c-font-family:"Cormorant Garamond Local";--e-global-typography-583e54c-font-size:clamp(2rem, -0.25rem + 3.6vw, 3rem);--e-global-typography-583e54c-font-weight:500;--e-global-typography-583e54c-font-style:normal;--e-global-typography-583e54c-line-height:1.08em;--e-global-typography-583e54c-letter-spacing:-0.3px;--e-global-typography-5d167aa-font-family:"Cormorant Garamond Local";--e-global-typography-5d167aa-font-size:clamp(2rem, 1.35rem + 1.6vw, 2.75rem);--e-global-typography-5d167aa-font-weight:500;--e-global-typography-5d167aa-font-style:normal;--e-global-typography-5d167aa-line-height:1.12em;--e-global-typography-5d167aa-letter-spacing:0px;--e-global-typography-d3dae9a-font-family:"Cormorant Garamond Local";--e-global-typography-d3dae9a-font-size:clamp(1.5rem, 1.3rem + 0.5vw, 1.75rem);--e-global-typography-d3dae9a-font-weight:500;--e-global-typography-d3dae9a-font-style:normal;--e-global-typography-d3dae9a-line-height:1.2em;--e-global-typography-d3dae9a-letter-spacing:0px;--e-global-typography-83682a1-font-family:"Cormorant Garamond Local";--e-global-typography-83682a1-font-size:1.375rem;--e-global-typography-83682a1-font-weight:600;--e-global-typography-83682a1-font-style:normal;--e-global-typography-83682a1-line-height:1.35em;--e-global-typography-83682a1-letter-spacing:0px;--e-global-typography-7044a64-font-family:"DM Sans Local";--e-global-typography-7044a64-font-size:1.0625rem;--e-global-typography-7044a64-font-weight:600;--e-global-typography-7044a64-font-style:normal;--e-global-typography-7044a64-line-height:1.45em;--e-global-typography-7044a64-letter-spacing:0px;--e-global-typography-84ca66e-font-family:"DM Sans Local";--e-global-typography-84ca66e-font-size:0.875rem;--e-global-typography-84ca66e-font-weight:600;--e-global-typography-84ca66e-text-transform:uppercase;--e-global-typography-84ca66e-font-style:normal;--e-global-typography-84ca66e-line-height:1.4em;--e-global-typography-84ca66e-letter-spacing:0.14em;--e-global-typography-b2ce6af-font-family:"DM Sans Local";--e-global-typography-b2ce6af-font-size:clamp(1.125rem, 1.05rem + 0.25vw, 1.25rem);--e-global-typography-b2ce6af-font-weight:400;--e-global-typography-b2ce6af-font-style:normal;--e-global-typography-b2ce6af-line-height:1.6em;--e-global-typography-b2ce6af-letter-spacing:0px;--e-global-typography-69c152f-font-family:"DM Sans Local";--e-global-typography-69c152f-font-size:0.875rem;--e-global-typography-69c152f-font-weight:400;--e-global-typography-69c152f-font-style:normal;--e-global-typography-69c152f-line-height:1.6em;--e-global-typography-69c152f-letter-spacing:0px;--e-global-typography-520c191-font-family:"DM Sans Local";--e-global-typography-520c191-font-size:0.875rem;--e-global-typography-520c191-font-weight:500;--e-global-typography-520c191-font-style:normal;--e-global-typography-520c191-line-height:1.3em;--e-global-typography-520c191-letter-spacing:0px;--e-global-typography-112b6c4-font-family:"DM Sans Local";--e-global-typography-112b6c4-font-size:0.9375rem;--e-global-typography-112b6c4-font-weight:400;--e-global-typography-112b6c4-font-style:normal;--e-global-typography-112b6c4-line-height:1.7em;--e-global-typography-112b6c4-letter-spacing:0px;--e-global-typography-f8733ea-font-family:"Cormorant Garamond Local";--e-global-typography-f8733ea-font-size:clamp(4rem, 3rem + 4vw, 6rem);--e-global-typography-f8733ea-font-weight:500;--e-global-typography-f8733ea-font-style:normal;--e-global-typography-f8733ea-line-height:1em;--e-global-typography-f8733ea-letter-spacing:-1px;--e-global-typography-fo0mm01-font-family:"DM Sans Local";--e-global-typography-fo0mm01-font-size:1rem;--e-global-typography-fo0mm01-font-weight:400;--e-global-typography-fo0mm01-font-style:normal;--e-global-typography-fo0mm01-line-height:1.45em;--e-global-typography-fo0mm01-letter-spacing:0px;--e-global-typography-fo0t001-font-family:"Cormorant Garamond Local";--e-global-typography-fo0t001-font-size:clamp(1.625rem, 1.2rem + 1.1vw, 2.25rem);--e-global-typography-fo0t001-font-weight:500;--e-global-typography-fo0t001-font-style:normal;--e-global-typography-fo0t001-line-height:1.3em;--e-global-typography-fo0t001-letter-spacing:0px;--e-global-typography-fo0t002-font-family:"Cormorant Garamond Local";--e-global-typography-fo0t002-font-size:clamp(1.375rem, 1.2rem + 0.5vw, 1.625rem);--e-global-typography-fo0t002-font-weight:500;--e-global-typography-fo0t002-font-style:normal;--e-global-typography-fo0t002-line-height:1.4em;--e-global-typography-fo0t002-letter-spacing:0px;--e-global-typography-fo0t003-font-family:"DM Sans Local";--e-global-typography-fo0t003-font-size:1rem;--e-global-typography-fo0t003-font-weight:600;--e-global-typography-fo0t003-font-style:normal;--e-global-typography-fo0t003-line-height:1.4em;--e-global-typography-fo0t003-letter-spacing:0px;background-color:var( --e-global-color-308e809 );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-primary );border-style:none;border-radius:999px 999px 999px 999px;padding:16px 26px 16px 26px;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:var( --e-global-color-fo0a001 );color:var( --e-global-color-primary );}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:var( --e-global-color-secondary );}.elementor-kit-4 a:hover{color:var( --e-global-color-2d69694 );}.elementor-kit-4 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-583e54c-font-family ), sans-serif;font-size:var( --e-global-typography-583e54c-font-size );font-weight:var( --e-global-typography-583e54c-font-weight );font-style:var( --e-global-typography-583e54c-font-style );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}.elementor-kit-4 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-5d167aa-font-family ), sans-serif;font-size:var( --e-global-typography-5d167aa-font-size );font-weight:var( --e-global-typography-5d167aa-font-weight );font-style:var( --e-global-typography-5d167aa-font-style );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );}.elementor-kit-4 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-d3dae9a-font-family ), sans-serif;font-size:var( --e-global-typography-d3dae9a-font-size );font-weight:var( --e-global-typography-d3dae9a-font-weight );font-style:var( --e-global-typography-d3dae9a-font-style );line-height:var( --e-global-typography-d3dae9a-line-height );letter-spacing:var( --e-global-typography-d3dae9a-letter-spacing );}.elementor-kit-4 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-83682a1-font-family ), sans-serif;font-size:var( --e-global-typography-83682a1-font-size );font-weight:var( --e-global-typography-83682a1-font-weight );font-style:var( --e-global-typography-83682a1-font-style );line-height:var( --e-global-typography-83682a1-line-height );letter-spacing:var( --e-global-typography-83682a1-letter-spacing );}.elementor-kit-4 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-7044a64-font-family ), sans-serif;font-size:var( --e-global-typography-7044a64-font-size );font-weight:var( --e-global-typography-7044a64-font-weight );font-style:var( --e-global-typography-7044a64-font-style );line-height:var( --e-global-typography-7044a64-line-height );letter-spacing:var( --e-global-typography-7044a64-letter-spacing );}.elementor-kit-4 h6{color:var( --e-global-color-2d69694 );font-family:var( --e-global-typography-84ca66e-font-family ), sans-serif;font-size:var( --e-global-typography-84ca66e-font-size );font-weight:var( --e-global-typography-84ca66e-font-weight );text-transform:var( --e-global-typography-84ca66e-text-transform );font-style:var( --e-global-typography-84ca66e-font-style );line-height:var( --e-global-typography-84ca66e-line-height );letter-spacing:var( --e-global-typography-84ca66e-letter-spacing );}.elementor-kit-4 label{color:var( --e-global-color-primary );font-family:var( --e-global-typography-fo0t003-font-family ), sans-serif;font-size:var( --e-global-typography-fo0t003-font-size );font-weight:var( --e-global-typography-fo0t003-font-weight );font-style:var( --e-global-typography-fo0t003-font-style );line-height:var( --e-global-typography-fo0t003-line-height );letter-spacing:var( --e-global-typography-fo0t003-letter-spacing );}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{font-family:var( --e-global-typography-text-font-family ), sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );background-color:var( --e-global-color-308e809 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-2d69694 );border-radius:12px 12px 12px 12px;padding:14px 18px 14px 18px;}.elementor-kit-4 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea:focus,.elementor-kit-4 .elementor-field-textual:focus{color:var( --e-global-color-text );background-color:var( --e-global-color-308e809 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:24px;--container-default-padding-bottom:0px;--container-default-padding-left:24px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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:1155px){.elementor-kit-4{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-4 h1{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}.elementor-kit-4 h2{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );}.elementor-kit-4 h3{font-size:var( --e-global-typography-d3dae9a-font-size );line-height:var( --e-global-typography-d3dae9a-line-height );letter-spacing:var( --e-global-typography-d3dae9a-letter-spacing );}.elementor-kit-4 h4{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );letter-spacing:var( --e-global-typography-83682a1-letter-spacing );}.elementor-kit-4 h5{font-size:var( --e-global-typography-7044a64-font-size );line-height:var( --e-global-typography-7044a64-line-height );letter-spacing:var( --e-global-typography-7044a64-letter-spacing );}.elementor-kit-4 h6{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );letter-spacing:var( --e-global-typography-84ca66e-letter-spacing );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 label{font-size:var( --e-global-typography-fo0t003-font-size );line-height:var( --e-global-typography-fo0t003-line-height );letter-spacing:var( --e-global-typography-fo0t003-letter-spacing );}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:1024px){.elementor-kit-4{--e-global-typography-primary-font-size:clamp(2rem, 0.5rem + 3vw, 2.25rem);--e-global-typography-secondary-font-size:0.875rem;--e-global-typography-text-font-size:1rem;--e-global-typography-accent-font-size:1rem;--e-global-typography-3715edf-font-size:clamp(2.25rem, -0.25rem + 4.9vw, 2.875rem);--e-global-typography-583e54c-font-size:2rem;--e-global-typography-5d167aa-font-size:clamp(2rem, 0.5rem + 3vw, 2.25rem);--e-global-typography-d3dae9a-font-size:1.625rem;--e-global-typography-83682a1-font-size:1.375rem;--e-global-typography-7044a64-font-size:1.0625rem;--e-global-typography-84ca66e-font-size:0.875rem;--e-global-typography-b2ce6af-font-size:1.125rem;--e-global-typography-69c152f-font-size:0.875rem;--e-global-typography-520c191-font-size:1.0625rem;--e-global-typography-112b6c4-font-size:1rem;--e-global-typography-f8733ea-font-size:4.5rem;--e-global-typography-fo0mm01-font-size:1rem;--e-global-typography-fo0mm01-line-height:1.45em;--e-global-typography-fo0t001-font-size:1.75rem;--e-global-typography-fo0t002-font-size:1.375rem;--e-global-typography-fo0t003-font-size:1rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-4 h1{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}.elementor-kit-4 h2{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );}.elementor-kit-4 h3{font-size:var( --e-global-typography-d3dae9a-font-size );line-height:var( --e-global-typography-d3dae9a-line-height );letter-spacing:var( --e-global-typography-d3dae9a-letter-spacing );}.elementor-kit-4 h4{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );letter-spacing:var( --e-global-typography-83682a1-letter-spacing );}.elementor-kit-4 h5{font-size:var( --e-global-typography-7044a64-font-size );line-height:var( --e-global-typography-7044a64-line-height );letter-spacing:var( --e-global-typography-7044a64-letter-spacing );}.elementor-kit-4 h6{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );letter-spacing:var( --e-global-typography-84ca66e-letter-spacing );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 label{font-size:var( --e-global-typography-fo0t003-font-size );line-height:var( --e-global-typography-fo0t003-line-height );letter-spacing:var( --e-global-typography-fo0t003-letter-spacing );}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-primary-font-size:2rem;--e-global-typography-secondary-font-size:0.875rem;--e-global-typography-text-font-size:1rem;--e-global-typography-accent-font-size:1rem;--e-global-typography-3715edf-font-size:2.125rem;--e-global-typography-583e54c-font-size:2rem;--e-global-typography-5d167aa-font-size:2rem;--e-global-typography-d3dae9a-font-size:1.5rem;--e-global-typography-83682a1-font-size:1.25rem;--e-global-typography-7044a64-font-size:1.0625rem;--e-global-typography-84ca66e-font-size:0.875rem;--e-global-typography-b2ce6af-font-size:1.125rem;--e-global-typography-69c152f-font-size:0.875rem;--e-global-typography-520c191-font-size:1.0625rem;--e-global-typography-112b6c4-font-size:1rem;--e-global-typography-f8733ea-font-size:4rem;--e-global-typography-fo0mm01-font-size:1rem;--e-global-typography-fo0mm01-line-height:1.45em;--e-global-typography-fo0t001-font-size:1.5rem;--e-global-typography-fo0t002-font-size:1.25rem;--e-global-typography-fo0t003-font-size:1rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-4 h1{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}.elementor-kit-4 h2{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );}.elementor-kit-4 h3{font-size:var( --e-global-typography-d3dae9a-font-size );line-height:var( --e-global-typography-d3dae9a-line-height );letter-spacing:var( --e-global-typography-d3dae9a-letter-spacing );}.elementor-kit-4 h4{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );letter-spacing:var( --e-global-typography-83682a1-letter-spacing );}.elementor-kit-4 h5{font-size:var( --e-global-typography-7044a64-font-size );line-height:var( --e-global-typography-7044a64-line-height );letter-spacing:var( --e-global-typography-7044a64-letter-spacing );}.elementor-kit-4 h6{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );letter-spacing:var( --e-global-typography-84ca66e-letter-spacing );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 label{font-size:var( --e-global-typography-fo0t003-font-size );line-height:var( --e-global-typography-fo0t003-line-height );letter-spacing:var( --e-global-typography-fo0t003-letter-spacing );}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* FO-TOKENS START: beheerd door tools/push_tokens.php uit tokens.json > custom_css_site_settings. Hier niet bewerken. */
/* ==========================================================================
   Focus-On: Site Settings > Custom CSS (definitief ontwerp, 30-09-2026)
   Kleuren enkel via var(--e-global-color-<id>). Geen hexcodes behalve in schaduwen (rgba, getint diepe salie).
   Opmaak die in widgetinstellingen kan, staat daar. Hier enkel: beweging, afbreking, hulpklassen die over
   meerdere secties en pagina's terugkomen, focus, reduced motion, ankers, klikdoelen.
   ========================================================================== */

/* ---------- 0. motion-tokens en vaste maten ---------- */
:root{
  --es-ease:cubic-bezier(.16,1,.3,1);
  --es-dur-s:.35s;
  --es-dur-m:.8s;
  --es-dur-l:1.6s;
  --es-dist:40px;
  --es-ease-onthul:cubic-bezier(.33,1,.68,1);
  --es-stagger:.12s;
  --fo-schaduw-zweef:0 18px 40px -22px rgba(59,66,51,.35);
  --fo-schaduw-hover:0 22px 40px -24px rgba(59,66,51,.40);
  --fo-schaduw-knop:0 12px 24px -14px rgba(59,66,51,.55);
  --fo-schaduw-kop:0 10px 30px -22px rgba(59,66,51,.45);
  --fo-kop:76px;
  --fo-ankerbalk:0px;
  --fo-container:1440px;
}
html:has(.fo-ankerbalk){--fo-ankerbalk:62px}
@media (max-width:767px){
  :root{--fo-kop:64px}
  html:has(.fo-ankerbalk){--fo-ankerbalk:0px}
}
/* ronde 3 (SF #1806, #1823): --fo-kop is de onderrand van de vaste header, ook als de WordPress-adminbalk erboven staat
   (ingelogd: header op 32 / 46 px, de ankerbalk en de plakkende titels schoven anders 32 tot 46 px onder de header).
   Elementor telt de adminbalk enkel mee zolang die vast staat (tot 600 px); daaronder scrolt de balk weg. */
/* WordPress zet ingelogd html{scroll-padding-top:<hoogte adminbalk>}; die telde bovenop de scroll-margin hieronder (32 / 46 px te veel) */
html:has(#wpadminbar){--fo-kop:108px;scroll-padding-top:0}
@media (max-width:782px){html:has(#wpadminbar){--fo-kop:122px}}
@media (max-width:767px){html:has(#wpadminbar){--fo-kop:110px}}
@media (max-width:600px){html:has(#wpadminbar){--fo-kop:64px}}
html{scroll-behavior:smooth}
/* ankers: enkel scroll-margin (scroll-padding op html telt er bovenop en gaf dubbele afstand, gemeten 30-09) */
/* ronde 3 (#1823): 2rem lucht onder header en ankerbalk (was 16 px; met de te lage ankerbalkmaat bleef er 11 px over) */
[id]{scroll-margin-top:calc(var(--fo-kop) + var(--fo-ankerbalk) + 2rem)}

/* ---------- 1. typografie en afbreking (SF #1726, #1646, #1651, #1655) ---------- */
h1,h2,h3,h4,h5,h6,.elementor-heading-title,.elementor-counter-number-wrapper{font-variant-numeric:lining-nums}
.elementor-heading-title{text-wrap:balance}
/* elke titelregel apart balanceren (eisen G2): breuk() zet regels in .fo-regel; Chrome balanceert geen titel met <br> */
.elementor-heading-title .fo-regel{display:block;text-wrap:balance}
/* ook serif-statements en -citaten in een tekstwidget (STATEMENT, slotzin K07: breuk_alineas), review kit 3 */
.fo-statement .fo-regel,.fo-citaat .fo-regel{display:block;text-wrap:balance}
.elementor-widget-text-editor p,.elementor-tab-content p,.e-n-tab-content p{text-wrap:pretty}
.elementor-widget-text-editor p{margin:0 0 1em}
.elementor-widget-text-editor p:last-child{margin-bottom:0}
/* maatklassen: !important omdat Elementor widgets in containers max-width:100% geeft met 4 klassen specificiteit */
.fo-maat{max-width:36rem!important}
.fo-maat-lead{max-width:30rem!important}
.fo-maat-midden{max-width:44rem!important;margin-inline:auto}
.fo-maat-titel,.fo-statement{max-width:44rem!important}
/* ronde 4 (#1842 #1843 #1845 #1846 #1851 "te veel witruimte rechts"): in een kolom naast een beeld of kaart (.fo-kol, elke KOL smaller dan 100 %) vult de tekst de kolom tot 42rem (ca. 75 tekens); de tekst stopte op 36rem in kolommen van 724 tot 905 px. De kolombreedtes in fo_blocks zijn erop afgestemd (K20 48/46, fotoband 52/36). De paginakop houdt 36rem. */
.fo-kol .fo-maat{max-width:min(100%,42rem)!important}
.fo-kop-paneel .fo-maat{max-width:36rem!important}
.elementor-widget-text-editor a,.fo-acc .elementor-tab-content a,.fo-lees .elementor-tab-content a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--e-global-color-a954db2);transition:text-decoration-color var(--es-dur-s) var(--es-ease),color var(--es-dur-s) var(--es-ease)}
.elementor-widget-text-editor a:hover,.fo-acc .elementor-tab-content a:hover,.fo-lees .elementor-tab-content a:hover{text-decoration-color:currentColor;color:var(--e-global-color-2d69694)}
.fo-op-donker .elementor-widget-text-editor a{color:inherit;text-decoration-color:var(--e-global-color-fo0b003)}
.fo-op-donker .elementor-widget-text-editor a:hover{color:var(--e-global-color-651faef);text-decoration-color:var(--e-global-color-651faef)}
/* telefoonnummers en WhatsApp breken nooit */
.elementor-widget-text-editor a[href^="tel:"],.elementor-widget-text-editor a[href*="wa.me/"],.fo-nr,.elementor-button[href^="tel:"] .elementor-button-text{white-space:nowrap}

/* ---------- 2. knoppen: een familie, een icoon per bedoeling (SF #1727, #1732, #1734) ---------- */
.fo-btn .elementor-button{white-space:nowrap;min-height:48px;display:inline-flex;align-items:center;justify-content:center;
  transition:background-color var(--es-dur-s) var(--es-ease),color var(--es-dur-s) var(--es-ease),border-color var(--es-dur-s) var(--es-ease),box-shadow .3s var(--es-ease),transform .35s var(--es-ease)}
.fo-btn .elementor-button-content-wrapper{align-items:center}
.fo-btn .elementor-button-icon{display:inline-flex;font-size:1.125em;line-height:1;transition:transform .35s var(--es-ease)}
.fo-btn--primair .elementor-button:hover,.fo-btn--primair .elementor-button:focus-visible{transform:translateY(-2px);box-shadow:var(--fo-schaduw-knop)}
.fo-btn .elementor-button:active{transform:scale(.97);box-shadow:none;transition-duration:.08s}
.fo-ico--pijl .elementor-button:hover .elementor-button-icon,.fo-ico--pijl .elementor-button:focus-visible .elementor-button-icon{transform:translateX(4px)}
.fo-ico--extern .elementor-button:hover .elementor-button-icon,.fo-ico--extern .elementor-button:focus-visible .elementor-button-icon{transform:translate(3px,-3px)}
.fo-ico--kalender .elementor-button:hover .elementor-button-icon,.fo-ico--kalender .elementor-button:focus-visible .elementor-button-icon{transform:translateY(-2px) rotate(-8deg)}
/* meeticoon user-focus op de Totaalscan-knop (eisen H1): het icoon zoomt in, na de kalenderregel zodat het ook wint naast een oude fo-ico--kalender */
.fo-ico--meting .elementor-button:hover .elementor-button-icon,.fo-ico--meting .elementor-button:focus-visible .elementor-button-icon{transform:scale(1.12)}
.fo-ico--mand .elementor-button:hover .elementor-button-icon,.fo-ico--mand .elementor-button:focus-visible .elementor-button-icon{animation:fo-wiebel .5s var(--es-ease)}
.fo-ico--wa .elementor-button:hover .elementor-button-icon,.fo-ico--wa .elementor-button:focus-visible .elementor-button-icon,.fo-ico--tel .elementor-button:hover .elementor-button-icon,.fo-ico--tel .elementor-button:focus-visible .elementor-button-icon,.fo-ico--klok .elementor-button:hover .elementor-button-icon,.fo-ico--klok .elementor-button:focus-visible .elementor-button-icon{transform:scale(1.12)}
.fo-ico--neer .elementor-button:hover .elementor-button-icon,.fo-ico--neer .elementor-button:focus-visible .elementor-button-icon{transform:translateY(3px)}
@keyframes fo-wiebel{0%{transform:rotate(0)}35%{transform:rotate(-12deg)}70%{transform:rotate(6deg)}100%{transform:rotate(0)}}
/* tekstlink: vervallen sinds ronde 2 (eisen L5: elke actie een pil; LINK(), BEL(), WHATSAPP() en CONTACT('link') maken nu een
   secundaire pil en check_fo() weigert fo-btn--link). Deze regels blijven enkel voor pagina's die nog niet herbouwd zijn. */
.fo-btn--link .elementor-button{min-height:0;border-radius:0!important;box-shadow:none!important;transform:none!important}
.fo-btn--link .elementor-button-text{background:linear-gradient(var(--e-global-color-accent),var(--e-global-color-accent)) 0 100%/100% 1.5px no-repeat;padding-bottom:4px;transition:background-size .3s var(--es-ease)}
.fo-btn--link .elementor-button:hover .elementor-button-text,.fo-btn--link .elementor-button:focus-visible .elementor-button-text{background-size:100% 3px}
.fo-btn--shop .elementor-button-icon{color:var(--e-global-color-secondary)}
.fo-kop-knop .elementor-button{min-height:44px}
@media (max-width:767px){
  .fo-btn .elementor-button{min-height:48px}
  .fo-btn--link .elementor-button{min-height:44px}
}

/* ---------- 3. focus (toetsenbord) ---------- */
:where(a,button,summary,[tabindex]):focus-visible,.elementor-button:focus-visible,.e-n-tab-title:focus-visible{outline:2px solid var(--e-global-color-secondary);outline-offset:3px}
.fo-op-donker :where(a,button,.elementor-button,[tabindex]):focus-visible{outline-color:var(--e-global-color-651faef)}

/* ---------- 4. inkeping (Cutisure-signatuur) en badge ---------- */
.fo-inkeping{position:relative}
.fo-hap{width:auto!important;max-width:none!important}
.fo-inkeping .fo-kaarttitel .elementor-heading-title{padding-right:4.5rem}
.fo-inkeping .fo-kaarttitel.fo-kaarttitel--midden .elementor-heading-title{padding-right:0}
@media (max-width:767px){.fo-inkeping .fo-kaarttitel .elementor-heading-title{padding-right:4rem}}
/* titel met regelbreuk (breuk()): enkel de eerste regel staat naast de hap, de volgende regels gebruiken de volle breedte
   (op tablet stonden duo-titels op 5 regels, review 01-10); titels zonder breuk houden de padding op elke regel */
.fo-inkeping .fo-kaarttitel .elementor-heading-title:has(.fo-regel){padding-right:0}
.fo-inkeping .fo-kaarttitel:not(.fo-kaarttitel--midden) .fo-regel:first-child{padding-right:4.5rem}
@media (max-width:767px){.fo-inkeping .fo-kaarttitel:not(.fo-kaarttitel--midden) .fo-regel:first-child{padding-right:4rem}}
/* badge (ronde 2, eisen L6, #1754 #1782): de widget is precies zo hoog als de cirkel (zonder basislijnruimte onder de
   inline-block werd de hap 80 px hoog bij een badge van 56: de cirkel stond niet in het midden van de holle hoek), het
   icoon staat in het midden van de cirkel, en bij hover schaalt enkel het icoon: de cirkel schoof 3 px op en werd dan
   tegen de kaartrand afgeknipt */
.fo-badge .elementor-icon-wrapper{line-height:0}
.fo-badge .elementor-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:top}
.fo-badge .elementor-icon i{transition:transform .35s var(--es-ease)}
.fo-kaart:hover .fo-badge .elementor-icon i,.fo-kaart:focus-visible .fo-badge .elementor-icon i,.fo-inkeping:hover .fo-badge .elementor-icon i{transform:scale(1.12)}
.fo-badge--ring .elementor-icon{background-color:transparent!important;box-shadow:inset 0 0 0 1px var(--e-global-color-fo0b003)}
.fo-badge--citaat .elementor-heading-title{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;padding-top:.8rem;box-sizing:border-box;background:var(--e-global-color-secondary);color:var(--e-global-color-accent)!important;font-size:3rem!important;font-weight:600!important;line-height:1!important;overflow:hidden}
@media (max-width:767px){.fo-badge--citaat .elementor-heading-title{width:48px;height:48px;font-size:2.5rem!important}}

/* ---------- 5. klikbare kaarten (ankerkaarten, tegels, dienstlinks) ---------- */
.fo-kaart{transition:transform .35s var(--es-ease),box-shadow .35s var(--es-ease),background-color var(--es-dur-s) var(--es-ease),border-color var(--es-dur-s) var(--es-ease)}
a.fo-kaart:hover,a.fo-kaart:focus-visible{transform:translateY(-4px);box-shadow:var(--fo-schaduw-hover);border-color:var(--e-global-color-a954db2)!important;background-color:var(--e-global-color-651faef)!important}
a.fo-kaart .fo-pijl .elementor-icon{transition:transform .35s var(--es-ease)}
a.fo-kaart:hover .fo-pijl .elementor-icon,a.fo-kaart:focus-visible .fo-pijl .elementor-icon{transform:translateX(4px)}
a.fo-dienstlink{transition:background-color var(--es-dur-s) var(--es-ease)}
a.fo-dienstlink:hover,a.fo-dienstlink:focus-visible{background-color:var(--e-global-color-308e809)}
a.fo-dienstlink:hover .elementor-heading-title{color:var(--e-global-color-2d69694)}
a.fo-dienstlink:hover .fo-badge .elementor-icon i,a.fo-dienstlink:focus-visible .fo-badge .elementor-icon i{transform:scale(1.12)}

/* ---------- 6. ingelijste panelen en aflopende foto's ---------- */
.fo-clip{overflow:hidden!important}
/* ronde 4 (#1841 "de overgang is heel hard", globaal): verloop op de fotobanden (desktop). Elementor kent twee kleurstops; lineair van 88 % naar 0 % tekende een rand waar het verloop begon. Nu een S-curve (smoothstep, 11 stops) van --fo-verloop-vol (40 %) over --fo-verloop-loop (60 %, tot de fotorand; een band zonder kaart: 38 % over 42 %, k16_fotoband): vlak vertrek zonder knik, op het einde van de tekstkolom (52 %) nog 79 % (wit op de lichtste fotopixel boven 4,5:1, tools/contrast_fotoband.py), daarna rustig open tot 0. Tekst rechts: .fo-fotoband--l (270 graden). Tablet en gsm: VERLOOP_ZONE in fo_blocks.k16_fotoband. */
@media (min-width:1025px){
  .fo-fotoband::before{background-image:linear-gradient(var(--fo-verloop-hoek,90deg),color-mix(in srgb,var(--e-global-color-secondary) 88%,transparent) 0,color-mix(in srgb,var(--e-global-color-secondary) 88%,transparent) var(--fo-verloop-vol,40%),color-mix(in srgb,var(--e-global-color-secondary) 86%,transparent) calc(var(--fo-verloop-vol,40%) + var(--fo-verloop-loop,60%) * 0.1),color-mix(in srgb,var(--e-global-color-secondary) 79%,transparent) calc(var(--fo-verloop-vol,40%) + var(--fo-verloop-loop,60%) * 0.2),color-mix(in srgb,var(--e-global-color-secondary) 69%,transparent) calc(var(--fo-verloop-vol,40%) + var(--fo-verloop-loop,60%) * 0.3),color-mix(in srgb,var(--e-global-color-secondary) 57%,transparent) calc(var(--fo-verloop-vol,40%) + var(--fo-verloop-loop,60%) * 0.4),color-mix(in srgb,var(--e-global-color-secondary) 44%,transparent) calc(var(--fo-verloop-vol,40%) + var(--fo-verloop-loop,60%) * 0.5),color-mix(in srgb,var(--e-global-color-secondary) 31%,transparent) calc(var(--fo-verloop-vol,40%) + var(--fo-verloop-loop,60%) * 0.6),color-mix(in srgb,var(--e-global-color-secondary) 19%,transparent) calc(var(--fo-verloop-vol,40%) + var(--fo-verloop-loop,60%) * 0.7),color-mix(in srgb,var(--e-global-color-secondary) 9%,transparent) calc(var(--fo-verloop-vol,40%) + var(--fo-verloop-loop,60%) * 0.8),color-mix(in srgb,var(--e-global-color-secondary) 2%,transparent) calc(var(--fo-verloop-vol,40%) + var(--fo-verloop-loop,60%) * 0.9),transparent calc(var(--fo-verloop-vol,40%) + var(--fo-verloop-loop,60%) * 1))!important}
  .fo-fotoband--l{--fo-verloop-hoek:270deg}
}
@media (min-width:768px){
  .fo-vul{position:relative;flex:1 1 auto;align-self:stretch;min-height:100%}
  .fo-vul .elementor-widget-container{height:100%}
  .fo-vul img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover}
}
/* plakkende titelkolom: 3rem onder header en ankerbalk (ronde 3, #1823 Inspiratie: was 24 px, ingelogd 8 px onder de header) */
@media (min-width:1025px){.fo-plak{position:sticky;top:calc(var(--fo-kop) + var(--fo-ankerbalk) + 3rem);align-self:flex-start}}

/* ---------- 7. accordeons, uitklappers en "Toon alle vragen" ---------- */
.fo-acc .elementor-accordion-item,.fo-acc .elementor-toggle-item{border:0!important;border-bottom:1px solid var(--e-global-color-a954db2)!important;margin:0!important}
.fo-acc .elementor-accordion-item:first-child,.fo-acc .elementor-toggle-item:first-child{border-top:1px solid var(--e-global-color-a954db2)!important}
.fo-acc--stip .elementor-accordion-item,.fo-acc--stip .elementor-accordion-item:first-child,.fo-acc--stip .elementor-toggle-item,.fo-acc--stip .elementor-toggle-item:first-child{border-bottom-style:dashed!important;border-top-style:dashed!important}
.fo-acc .elementor-tab-title{border:0!important;display:flex!important;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:1.5rem;min-height:44px;cursor:pointer;transition:color var(--es-dur-s) var(--es-ease)}
.fo-acc--links .elementor-tab-title{flex-direction:row;justify-content:flex-start;gap:1rem}
.fo-acc .elementor-accordion-icon,.fo-acc .elementor-toggle-icon{float:none!important;width:auto!important;flex:0 0 auto;font-size:16px}
.fo-acc .elementor-tab-title a{color:inherit!important;text-decoration:none!important}
.fo-acc .elementor-tab-title:hover{color:var(--e-global-color-2d69694)}
.fo-acc .elementor-tab-content{border:0!important;max-width:44rem}
html.fo-js .fo-faq-lang:not(.is-open) .fo-acc .elementor-accordion-item:nth-child(n+6),html.fo-js .fo-faq-lang:not(.is-open) .fo-acc .elementor-toggle-item:nth-child(n+6){display:none}
html:not(.fo-js) .fo-faq-toon{display:none}
.fo-faq-toon .elementor-button-icon{transition:transform .35s var(--es-ease)}
.fo-faq-lang.is-open .fo-faq-toon .elementor-button-icon{transform:rotate(180deg)}
/* "Lees verder": terug naar de vorm van ronde 1 (ronde 3, SF #1797): uitklapper die als tekstlink oogt, tekst met een gouden
   onderlijn van 1,5 px en de caret erachter; hover en toetsenbordfocus: lijn 3 px en caret 2 px omlaag; open: caret gedraaid.
   Klikdoel 44 px hoog. Op diepe salie witte tekst, de gouden lijn blijft. */
.fo-lees .elementor-toggle-item{border:0!important}
.fo-lees .elementor-tab-title{display:inline-flex!important;align-items:center;gap:.5rem;min-height:44px;padding:.5rem 0!important;border:0!important;border-radius:0;background:transparent!important;cursor:pointer}
.fo-lees .elementor-toggle-icon{order:2;float:none!important;width:auto!important;display:inline-flex;transition:transform .35s var(--es-ease)}
.fo-lees .elementor-tab-title.elementor-active .elementor-toggle-icon{transform:rotate(180deg)}
.fo-lees .elementor-tab-title a{text-decoration:none!important;color:inherit!important;outline:0;background:linear-gradient(var(--e-global-color-accent),var(--e-global-color-accent)) 0 100%/100% 1.5px no-repeat!important;padding:0 0 3px!important;transition:background-size .3s var(--es-ease)}
.fo-lees .elementor-tab-title:hover a,.fo-lees .elementor-tab-title:has(a:focus-visible) a{background-size:100% 3px!important}
.fo-lees .elementor-tab-title:has(a:focus-visible){outline:2px solid var(--e-global-color-secondary);outline-offset:3px}
.fo-lees .elementor-tab-title:not(.elementor-active):hover .elementor-toggle-icon,.fo-lees .elementor-tab-title:not(.elementor-active):has(a:focus-visible) .elementor-toggle-icon{transform:translateY(2px)}
.fo-op-donker .fo-lees .elementor-tab-title a,.fo-op-donker .fo-lees .elementor-toggle-icon i:before{color:var(--e-global-color-308e809)!important}
.fo-op-donker .fo-lees .elementor-tab-title:has(a:focus-visible){outline-color:var(--e-global-color-651faef)}
/* "Lees verder" naast een knop (Mindset, LEES_EN_KNOP: .fo-lees-rij): de paginaregel gaf de pil de maat van een knop (16 / 26 px);
   als tekstlink staat hij op de lijn van de tekst, met 1,5rem tot de knop. Zes klassen: wint van de element-CSS van de pagina. */
.elementor .e-con.fo-lees-rij .fo-lees .elementor-toggle .elementor-tab-title{padding:.5rem 0!important;flex:0 0 auto!important;justify-content:flex-start!important;margin-right:1.5rem}
@media (max-width:767px){.elementor .e-con.fo-lees-rij .fo-lees .elementor-toggle .elementor-tab-title{margin-right:0;align-self:flex-start}}

/* ---------- 8. signatuur: de meetlijn (Totaalscan en "Onze aanpak") ---------- */
.fo-meetlijn{position:relative;padding-left:2.25rem!important}
.fo-meetlijn::before{content:"";position:absolute;left:7px;top:.6rem;bottom:.6rem;width:1px;background:var(--e-global-color-accent);transform-origin:top;transform:scaleY(1)}
html.fo-js .fo-meetlijn:not(.animated)::before{transform:scaleY(0)}
.fo-meetlijn.animated::before{animation:fo-meet 1.8s var(--es-ease-onthul) both}
@keyframes fo-meet{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.fo-meetstap{position:relative}
.fo-meetstap::before{content:"";position:absolute;left:-2.25rem;top:.55em;width:15px;height:15px;border-radius:50%;box-sizing:border-box;background:var(--e-global-color-secondary);border:2px solid var(--e-global-color-accent)}
.fo-meetpunten ul{list-style:none;margin:0;padding:0}
.fo-meetpunten li{position:relative;padding-left:1.5rem;margin:0 0 .75rem}
.fo-meetpunten li::before{content:"";position:absolute;left:0;top:.6em;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--e-global-color-accent)}

/* ---------- 9. ankerbalk op de dienstenpagina's en de FAQ ---------- */
.fo-ankerbalk{position:sticky!important;top:var(--fo-kop);z-index:50;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.fo-pillen .elementor-icon-list-items{display:flex!important;flex-wrap:nowrap!important;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding:0 2.5rem 0 0;margin:0;-webkit-mask-image:linear-gradient(90deg,black 88%,transparent);mask-image:linear-gradient(90deg,black 88%,transparent)}
.fo-pillen .elementor-icon-list-items::-webkit-scrollbar{display:none}
.fo-pillen .elementor-icon-list-item{margin:0!important;padding:0!important;flex:0 0 auto}
.fo-pillen .elementor-icon-list-item>a{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border-radius:999px;border:1px solid var(--e-global-color-fo0b002);background:var(--e-global-color-308e809);white-space:nowrap;transition:background-color var(--es-dur-s) var(--es-ease),border-color var(--es-dur-s) var(--es-ease),color var(--es-dur-s) var(--es-ease)}
.fo-pillen .elementor-icon-list-item>a:hover{background:var(--e-global-color-651faef);border-color:var(--e-global-color-a954db2)}
.fo-pillen .elementor-icon-list-item>a.is-actief{background:var(--e-global-color-secondary);border-color:var(--e-global-color-secondary)}
.fo-pillen .elementor-icon-list-item>a.is-actief .elementor-icon-list-text{color:var(--e-global-color-308e809)!important}
@media (max-width:767px){.fo-ankerbalk{display:none!important}}
/* pillen van tabs (fo-tabs: verhaaltabs, Vacushaper, Bodyshock): op tablet en gsm wrappen, elke pil volledig zichtbaar
   (review kit 3: horizontaal scrollen sneed "Vacushaper wandelba" af en las met een muis als een kapotte knop);
   TABS() zet dezelfde regel ook als element-CSS */
@media (max-width:1024px){
  .fo-tabs .e-n-tabs-heading{flex-wrap:wrap!important;overflow:visible}
  .fo-tabs .e-n-tab-title{flex:0 0 auto!important;white-space:nowrap}
}

/* ---------- 10. rustige onthulling ---------- */
/* Elementor-entrance "Fade In Up" (animatie per sectie, 02-10): Elementors eigen fadeInUp schuift een element 100 % van zijn
   eigen hoogte op (bij een sectie van 600 px dus 600 px) en loopt lineair; hier wordt elke fadeInUp (ook een die later in de
   editor wordt gekozen) een rustige stijging met een zachte uitloop: sectie 40 px in 1,6 s, geneste elementen 20 en 12 px (gsm 28 / 14 / 8 px, 1,3 s).
   Eigen uitloop --es-ease-onthul (ease-out cubic): --es-ease (expo) legde 80 % van de weg af in de eerste 20 % van de tijd
   en voelde daardoor te snel (Dario 02-10); hovers houden --es-ease. Enkel opacity en transform. */
@keyframes fo-rise{from{opacity:0;transform:translate3d(0,var(--es-dist),0)}to{opacity:1;transform:none}}
/* geneste onthulling (02-10, ronde 3: elke sectie en elke titel animeert zelf): de bewegingen tellen op, dus hoe dieper,
   hoe kleiner de stap. Sectie 40 px, element erin 20 px, dieper 12 px (gsm 28 / 14 / 8 px). */
.fo-reveal .fo-reveal{--es-dist:20px}
.fo-reveal .fo-reveal .fo-reveal{--es-dist:12px}
@media (max-width:767px){:root{--es-dist:28px;--es-dur-l:1.3s}.fo-reveal .fo-reveal{--es-dist:14px}.fo-reveal .fo-reveal .fo-reveal{--es-dist:8px}}
/* enkel zonder reduced motion: deze regel woog zwaarder dan .animated{animation:none} in blok 13, de kaart flitste en schoof toch (review hf 3) */
@media (prefers-reduced-motion:no-preference){.fo-reveal.animated,.elementor-element.animated.fadeInUp{animation-name:fo-rise!important;animation-duration:var(--es-dur-l)!important;animation-timing-function:var(--es-ease-onthul)!important}}
/* header (02-10, Dario): enkel Fade In, geen beweging (sticky); 1 s met dezelfde uitloop */
@media (prefers-reduced-motion:no-preference){.fo-kop.animated.fadeIn{animation-duration:1s!important;animation-timing-function:var(--es-ease-onthul)!important}}

/* ---------- 11. klikdoelen op gsm (min. 44 px); de ruimte voor de vaste gsm-balk zit onderaan in de footer (onderbalk 6rem), niet op de body ---------- */
@media (max-width:767px){
  .fo-lijst .elementor-icon-list-item>a,.elementor-location-footer .elementor-icon-list-item>a,.elementor-location-footer .elementor-nav-menu a,.elementor-widget-breadcrumbs a{min-height:44px;display:inline-flex;align-items:center}
  .fo-lijst .elementor-icon-list-item,.elementor-location-footer .elementor-icon-list-item{padding-block:0!important}
}

/* contactrijen (K29): klikbare rij, icoon 12 % groter bij hover en focus (taste 10, review hf 3); reduced motion valt terug via blok 13 */
.fo-contactrijen .elementor-icon-list-item>a .elementor-icon-list-icon{transition:transform var(--es-dur-s) var(--es-ease)}
.fo-contactrijen .elementor-icon-list-item>a:hover .elementor-icon-list-icon,.fo-contactrijen .elementor-icon-list-item>a:focus-visible .elementor-icon-list-icon{transform:scale(1.12)}

/* toestemmingsvinkje in formulieren: 20 px, diepe salie (was 13 px) */
.fo-formulier .elementor-field-type-acceptance input[type=checkbox]{width:20px;height:20px;margin:.15em .75rem 0 0;accent-color:var(--e-global-color-secondary);flex:0 0 auto;cursor:pointer}
.fo-formulier .elementor-field-type-acceptance .elementor-field-option{display:flex;align-items:flex-start}
.fo-formulier .elementor-field-type-acceptance a{color:inherit;text-decoration:underline;text-decoration-color:var(--e-global-color-a954db2);text-underline-offset:3px;text-decoration-thickness:1.5px;transition:color var(--es-dur-s) var(--es-ease)}
.fo-formulier .elementor-field-type-acceptance a:hover,.fo-formulier .elementor-field-type-acceptance a:focus-visible{color:var(--e-global-color-2d69694);text-decoration-thickness:3px}

/* juridische tekst en blog: lucht boven tussenkoppen */
.fo-juridisch h2,.fo-juridisch h3{margin:2.5rem 0 1rem}
.fo-juridisch>*:first-child h2:first-child,.fo-juridisch h2:first-child{margin-top:0}

/* ---------- 12. loop-kaarten (artikels) ---------- */
.fo-artikelkaart{transition:transform .35s var(--es-ease),box-shadow .35s var(--es-ease)}
.fo-artikelkaart:hover{transform:translateY(-4px);box-shadow:var(--fo-schaduw-hover)}

/* ---------- 14. volgorde op smalle schermen (review 01-10) ----------
   De tekstkolom (.fo-volgorde-open) valt open met display:contents, zodat het visuele vak (.fo-vak) of de vragen (.fo-faq-lang)
   tussen de tekst en de acties (.fo-na-vak) komen. K20: op gsm titel, kern, alinea, visueel vak, Lees verder, vragen, knop.
   K15: op tablet en gsm titel, tekst, vragen, Toon alle vragen, knop, kaart. */
@media (max-width:1024px){
  .fo-volgorde--tablet>.fo-volgorde-open{display:contents}
  .fo-volgorde--tablet{--gap:1.5rem!important;--row-gap:1.5rem!important}
  .fo-volgorde--tablet>.fo-faq-lang,.fo-volgorde--tablet>.fo-vak{order:1}
  .fo-volgorde--tablet .fo-na-vak{order:2}
}
@media (max-width:767px){
  .fo-volgorde--gsm>.fo-volgorde-open{display:contents}
  .fo-volgorde--gsm{--gap:1.5rem!important;--row-gap:1.5rem!important}
  .fo-volgorde--gsm>.fo-vak{order:1}
  .fo-volgorde--gsm .fo-na-vak{order:2}
}

/* ---------- 15. vaste knoppen (.fo-float in footer 142) wijken voor de eerste acties (fo-core zet de klassen) ----------
   fo-bol-weg: de bento van de home-hero is in beeld (de WhatsApp-bol lag over het nummer in de belkaart);
   fo-balk-wacht: op gsm staat de knoprij van de hero of paginakop nog in beeld (anders twee gouden Totaalscan-knoppen) */
.fo-float{transition:opacity var(--es-dur-m) var(--es-ease),transform var(--es-dur-m) var(--es-ease),visibility var(--es-dur-m)}
html.fo-bol-weg .fo-float{opacity:0;transform:translateY(12px);visibility:hidden;pointer-events:none}
@media (max-width:767px){html.fo-balk-wacht .fo-float{opacity:0;transform:translateY(calc(100% + 16px));visibility:hidden;pointer-events:none}}

/* ---------- 16. paginakop en vraagkaart (review Ondernemen ronde 2, 01-10) ----------
   H1 van de paginakop (583e54c) is sinds deze review even groot als H2 op 1280 en een stap groter vanaf 1366 (42 / 45 / 48 px
   op 1280 / 1366 / 1440; was 37 / 38 / 39, kleiner dan elke H2). Daarvoor is de tekstkolom 62 % met zijpadding 3 / 2rem
   (was 58 % met 4 / 3rem): de langste regel ("Wij geloven niet in standaardoplossingen.", Over ons) blijft zo op een regel
   van 1265 tot 1710 px (gemeten 13 tot 18 px marge, ook met een scrollbalk van 15 px). Enkel met een foto (.fo-vak). */
@media (min-width:1025px){
  .fo-kop-paneel:has(>.fo-vak)>.e-con:not(.fo-vak){--width:62%!important;width:62%!important;--padding-left:3rem!important;--padding-right:2rem!important;padding-left:3rem!important;padding-right:2rem!important}
  .fo-kop-paneel:has(>.fo-vak)>.fo-vak{--width:38%!important;width:38%!important}
}
/* vraagkaart "Heb je een andere vraag?" (K15): de rand boven van 3 px liep mee in de radius van 20 px en las in beide hoeken
   als een donkere lip; nu een rechte lijn van 3 px met 20 px inspringing links en rechts (achtergrondverloop, geen pseudo-element:
   ::before is bij containers de overlay) */
.fo-vraagkaart{border-top-width:0!important;--border-top-width:0px!important;background-image:linear-gradient(var(--e-global-color-secondary),var(--e-global-color-secondary))!important;background-size:calc(100% - 40px) 3px!important;background-position:50% 0!important;background-repeat:no-repeat!important}

/* ---------- 17. witruimte rond de ingelijste panelen (ronde 3, SF #1793, #1796, #1810) ----------
   Eerste paneel van de pagina (hero, paginakop, kop van de templates): 3 / 2 / 1,5rem onder de header (was 1,5rem op elke breedte).
   Slotblok (.fo-slot: fotoband K16 en slotpaneel K16c): 3 / 2 / 1,5rem erboven, 4 / 3 / 2rem tot de footer (was 1,5 / 1 / 0,75rem,
   bij K16 op tablet en gsm al 3 / 2rem). Hier en niet per pagina; fo_blocks.INGELIJST, k16_fotoband en k16c_slotpaneel zetten
   dezelfde waarden in de data. */
.elementor > .fo-sec--ingelijst:first-child{--padding-top:3rem!important}
.fo-slot{--padding-top:3rem!important;--padding-bottom:4rem!important}
/* de home-hero vult het scherm nog altijd tot de vouw: min-hoogte 100dvh min header (76) en de nieuwe bovenmarge (48) */
@media (min-width:1025px){.fo-hero>.e-con-inner>.e-con{--min-height:clamp(560px, calc(100dvh - 124px), 760px)!important}}
@media (max-width:1024px){
  .elementor > .fo-sec--ingelijst:first-child{--padding-top:2rem!important}
  .fo-slot{--padding-top:2rem!important;--padding-bottom:3rem!important}
}
@media (max-width:767px){
  .elementor > .fo-sec--ingelijst:first-child{--padding-top:1.5rem!important}
  .fo-slot{--padding-top:1.5rem!important;--padding-bottom:2rem!important}
}

/* ---------- 13. reduced motion: alles staat meteen op zijn plaats ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  /* inherit, niet visible: anders schijnt tekst uit een verborgen tabpaneel (K13b) door het actieve paneel (06-10) */
  .elementor-invisible{visibility:inherit!important;opacity:1!important}
  /* de sticky-kopie van de kop (spacer) houdt elementor-invisible: zonder deze regels ligt ze zichtbaar over de echte kop en vangt ze de klikken (06-10) */
  .elementor-sticky__spacer.elementor-invisible,.elementor-sticky__spacer .elementor-invisible{visibility:hidden!important}
  .elementor-sticky__spacer{pointer-events:none!important}
  .animated{animation:none!important}
  .fo-reveal.animated{animation:none!important;opacity:1!important;transform:none!important}
  *,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}
  html.fo-js .fo-meetlijn:not(.animated)::before,.fo-meetlijn::before{transform:none!important;animation:none!important}
  .fo-btn .elementor-button:hover,.fo-btn .elementor-button:hover .elementor-button-icon,a.fo-kaart:hover,.fo-artikelkaart:hover{transform:none!important}
}
/* FO-TOKENS EINDE *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cormorant Garamond Local';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://focus-on.be/wp-content/uploads/2026/09/cormorant-garamond-v21-latin_latin-ext-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Cormorant Garamond Local';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('https://focus-on.be/wp-content/uploads/2026/09/cormorant-garamond-v21-latin_latin-ext-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Cormorant Garamond Local';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('https://focus-on.be/wp-content/uploads/2026/09/cormorant-garamond-v21-latin_latin-ext-700.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DM Sans Local';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://focus-on.be/wp-content/uploads/2026/09/dm-sans-v17-latin_latin-ext-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'DM Sans Local';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://focus-on.be/wp-content/uploads/2026/09/dm-sans-v17-latin_latin-ext-500.woff2') format('woff2');
}
@font-face {
	font-family: 'DM Sans Local';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('https://focus-on.be/wp-content/uploads/2026/09/dm-sans-v17-latin_latin-ext-600.woff2') format('woff2');
}
@font-face {
	font-family: 'DM Sans Local';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('https://focus-on.be/wp-content/uploads/2026/09/dm-sans-v17-latin_latin-ext-700.woff2') format('woff2');
}
/* End Custom Fonts CSS */