/* =====================================================================
   Mahut Humanication – One Click Accessibility (Pojo) companion styles
   ---------------------------------------------------------------------
   Font resize: the plugin only adds body.pojo-a11y-resize-font-NN and
   percentage rules that (a) ignore vw-based sizes and (b) compound through
   nested <p>/<span>/<label>. Every resize rule below is gated behind
   body[class*="pojo-a11y-resize-font-"], so with no size chosen (or after
   Reset) this file changes nothing.
   Contrast: restores background images/gradients and the consent checkbox
   in high-contrast / negative-contrast / light-background / grayscale.
   Section 5 and 7a are generated from the Elementor post-2.css and
   post-194.css – regenerate them if those designs change.
   ===================================================================== */

/* Section 1: STEP -> MULTIPLIERS
     --a11y-scale          text / headings / lists   +15% ... +60%
     --a11y-scale-form     inputs, submit, Elementor buttons, messages,
                           checkbox labels, cookie title/body/buttons
                                                     +30% ... +75%
     --a11y-scale-toolbar  the accessibility toolbar itself – grows
                           deliberately less than the page text   */
:root { --a11y-scale: 1; --a11y-scale-form: 1; --a11y-scale-toolbar: 1; }
body.pojo-a11y-resize-font-130 { --a11y-scale: 1.15; --a11y-scale-form: 1.30; --a11y-scale-toolbar: 1.06; }
body.pojo-a11y-resize-font-140 { --a11y-scale: 1.22; --a11y-scale-form: 1.40; --a11y-scale-toolbar: 1.10; }
body.pojo-a11y-resize-font-150 { --a11y-scale: 1.28; --a11y-scale-form: 1.48; --a11y-scale-toolbar: 1.13; }
body.pojo-a11y-resize-font-160 { --a11y-scale: 1.35; --a11y-scale-form: 1.55; --a11y-scale-toolbar: 1.16; }
body.pojo-a11y-resize-font-170 { --a11y-scale: 1.42; --a11y-scale-form: 1.62; --a11y-scale-toolbar: 1.19; }
body.pojo-a11y-resize-font-180 { --a11y-scale: 1.48; --a11y-scale-form: 1.68; --a11y-scale-toolbar: 1.22; }
body.pojo-a11y-resize-font-190 { --a11y-scale: 1.54; --a11y-scale-form: 1.72; --a11y-scale-toolbar: 1.25; }
body.pojo-a11y-resize-font-200 { --a11y-scale: 1.60; --a11y-scale-form: 1.75; --a11y-scale-toolbar: 1.28; }

/* Section 2: Base pin on <body> (measured baseline 16px). Not scoped – the
   toolbar pins its own size (#pojo-a11y-toolbar{font-size:16px!important}). */
html body[class*="pojo-a11y-resize-font-"] {
    font-size: calc(16px * var(--a11y-scale)) !important;
}

/* Section 3: Kill the compounding percentages inside every content root:
   .elementor (Elementor pages + header/footer templates), .footer-modal
   (privacy / accessibility modals from header.php), .description-section
   (page.php template), .cc-root / .cc-modal-wrap (cookie banner + modal). */
html body[class*="pojo-a11y-resize-font-"] .elementor p,
html body[class*="pojo-a11y-resize-font-"] .elementor li,
html body[class*="pojo-a11y-resize-font-"] .elementor span,
html body[class*="pojo-a11y-resize-font-"] .elementor label,
html body[class*="pojo-a11y-resize-font-"] .elementor blockquote,
html body[class*="pojo-a11y-resize-font-"] .elementor legend,
html body[class*="pojo-a11y-resize-font-"] .elementor code,
html body[class*="pojo-a11y-resize-font-"] .elementor pre,
html body[class*="pojo-a11y-resize-font-"] .elementor dd,
html body[class*="pojo-a11y-resize-font-"] .elementor dt,
html body[class*="pojo-a11y-resize-font-"] .footer-modal p,
html body[class*="pojo-a11y-resize-font-"] .footer-modal li,
html body[class*="pojo-a11y-resize-font-"] .footer-modal span,
html body[class*="pojo-a11y-resize-font-"] .footer-modal label,
html body[class*="pojo-a11y-resize-font-"] .footer-modal blockquote,
html body[class*="pojo-a11y-resize-font-"] .footer-modal legend,
html body[class*="pojo-a11y-resize-font-"] .footer-modal code,
html body[class*="pojo-a11y-resize-font-"] .footer-modal pre,
html body[class*="pojo-a11y-resize-font-"] .footer-modal dd,
html body[class*="pojo-a11y-resize-font-"] .footer-modal dt,
html body[class*="pojo-a11y-resize-font-"] .description-section p,
html body[class*="pojo-a11y-resize-font-"] .description-section li,
html body[class*="pojo-a11y-resize-font-"] .description-section span,
html body[class*="pojo-a11y-resize-font-"] .description-section label,
html body[class*="pojo-a11y-resize-font-"] .description-section blockquote,
html body[class*="pojo-a11y-resize-font-"] .description-section legend,
html body[class*="pojo-a11y-resize-font-"] .description-section code,
html body[class*="pojo-a11y-resize-font-"] .description-section pre,
html body[class*="pojo-a11y-resize-font-"] .description-section dd,
html body[class*="pojo-a11y-resize-font-"] .description-section dt,
html body[class*="pojo-a11y-resize-font-"] .cc-root p,
html body[class*="pojo-a11y-resize-font-"] .cc-root li,
html body[class*="pojo-a11y-resize-font-"] .cc-root span,
html body[class*="pojo-a11y-resize-font-"] .cc-root label,
html body[class*="pojo-a11y-resize-font-"] .cc-root a,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap p,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap li,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap span,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap label,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap a {
    font-size: inherit !important;
}

/* Section 3b: headings that carry no Elementor size fall back to Bootstrap's
   h1-h6; the plugin would make them NN*1.33% of an already-scaled parent. */
html body[class*="pojo-a11y-resize-font-"] .elementor h1,
html body[class*="pojo-a11y-resize-font-"] .footer-modal h1,
html body[class*="pojo-a11y-resize-font-"] .description-section h1 {
    font-size: calc(calc(1.375rem + 1.5vw) * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor h2,
html body[class*="pojo-a11y-resize-font-"] .footer-modal h2,
html body[class*="pojo-a11y-resize-font-"] .description-section h2 {
    font-size: calc(calc(1.325rem + .9vw) * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor h3,
html body[class*="pojo-a11y-resize-font-"] .footer-modal h3,
html body[class*="pojo-a11y-resize-font-"] .description-section h3 {
    font-size: calc(calc(1.3rem + .6vw) * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor h4,
html body[class*="pojo-a11y-resize-font-"] .footer-modal h4,
html body[class*="pojo-a11y-resize-font-"] .description-section h4 {
    font-size: calc(calc(1.275rem + .3vw) * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor h5,
html body[class*="pojo-a11y-resize-font-"] .footer-modal h5,
html body[class*="pojo-a11y-resize-font-"] .description-section h5 {
    font-size: calc(1.25rem * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor h6,
html body[class*="pojo-a11y-resize-font-"] .footer-modal h6,
html body[class*="pojo-a11y-resize-font-"] .description-section h6 {
    font-size: calc(1rem * var(--a11y-scale)) !important;
}
@media (min-width: 1200px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor h1,
    html body[class*="pojo-a11y-resize-font-"] .footer-modal h1,
    html body[class*="pojo-a11y-resize-font-"] .description-section h1 {
        font-size: calc(2.5rem * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor h2,
    html body[class*="pojo-a11y-resize-font-"] .footer-modal h2,
    html body[class*="pojo-a11y-resize-font-"] .description-section h2 {
        font-size: calc(2rem * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor h3,
    html body[class*="pojo-a11y-resize-font-"] .footer-modal h3,
    html body[class*="pojo-a11y-resize-font-"] .description-section h3 {
        font-size: calc(1.75rem * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor h4,
    html body[class*="pojo-a11y-resize-font-"] .footer-modal h4,
    html body[class*="pojo-a11y-resize-font-"] .description-section h4 {
        font-size: calc(1.5rem * var(--a11y-scale)) !important;
    }
}

/* Section 4: FORM CONTROLS + messages (theme style.css mirrored 1:1, in the
   theme's media order: base -> 1024 -> 767). Messages get a 14px floor and a
   unitless line-height so they stay legible at every viewport. */
html body[class*="pojo-a11y-resize-font-"] .elementor input,
html body[class*="pojo-a11y-resize-font-"] .elementor textarea,
html body[class*="pojo-a11y-resize-font-"] .elementor select {
    font-size: calc(1.18vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .main-contact-form label span:first-child {
    font-size: calc(1.18vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .submit-col .global-btn,
html body[class*="pojo-a11y-resize-font-"] .elementor .global-btn {
    font-size: calc(1.8vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .privacy-checkbox p,
html body[class*="pojo-a11y-resize-font-"] .checkbox-group .first.last .wpcf7-list-item-label,
html body[class*="pojo-a11y-resize-font-"] .privacy-checkbox .wpcf7-list-item-label {
    font-size: calc(0.9vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .wpcf7-not-valid-tip,
html body[class*="pojo-a11y-resize-font-"] .elementor .wpcf7-not-valid-tip {
    font-size: calc(max(14px, 0.8vw) * var(--a11y-scale-form)) !important;
    line-height: 1.4 !important;
}
html body[class*="pojo-a11y-resize-font-"] .wpcf7 form .wpcf7-response-output {
    font-size: calc(max(14px, 0.8vw) * var(--a11y-scale-form)) !important;
    line-height: 1.5 !important;
}
@media (max-width: 767px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor input,
    html body[class*="pojo-a11y-resize-font-"] .elementor textarea,
    html body[class*="pojo-a11y-resize-font-"] .elementor select {
        font-size: calc(4.4vw * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .main-contact-form label span:first-child {
        font-size: calc(3.4vw * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .submit-col .global-btn,
    html body[class*="pojo-a11y-resize-font-"] .elementor .global-btn {
        font-size: calc(5vw * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .privacy-checkbox .wpcf7-list-item-label {
        font-size: calc(3vw * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .privacy-checkbox p,
    html body[class*="pojo-a11y-resize-font-"] .checkbox-group .first.last .wpcf7-list-item-label {
        font-size: calc(12px * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .wpcf7-not-valid-tip,
    html body[class*="pojo-a11y-resize-font-"] .elementor .wpcf7-not-valid-tip {
        font-size: calc(max(14px, 3vw) * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .wpcf7 form .wpcf7-response-output {
        font-size: calc(12px * var(--a11y-scale-form)) !important;
    }
}

/* Section 4b: elements with an intentional size of their own that Section 3
   would otherwise flatten (incl. the theme's :where() selectors). */
html body[class*="pojo-a11y-resize-font-"] .footer-links a {
    font-size: calc(1.1vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .footer-links .footer-link-divider {
    font-size: calc(0.9vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .footer-modal-body p {
    font-size: calc(1vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h2 {
    font-size: calc(1.4vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h3 {
    font-size: calc(1.1vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content p,
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content li,
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content a,
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content div {
    font-size: calc(max(12px, 0.8vw) * var(--a11y-scale)) !important;
}
@media (max-width: 1024px) {
    html body[class*="pojo-a11y-resize-font-"] .footer-links a,
    html body[class*="pojo-a11y-resize-font-"] .footer-links .footer-link-divider {
        font-size: calc(16px * var(--a11y-scale)) !important;
    }
}
@media (max-width: 767px) {
    html body[class*="pojo-a11y-resize-font-"] .footer-links a,
    html body[class*="pojo-a11y-resize-font-"] .footer-links .footer-link-divider {
        font-size: calc(16px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .footer-modal-body p {
        font-size: calc(14px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h2 {
        font-size: calc(18px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h3 {
        font-size: calc(16px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content p,
    html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content li,
    html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content a {
        font-size: calc(12px * var(--a11y-scale)) !important;
    }
}

/* Section 4c: Cookie banner (#cc-banner-root.cc-root) and its settings modal
   (.cc-modal-wrap, a separate body child). Every pin scales – never flat px. */
html body[class*="pojo-a11y-resize-font-"] .cc-root {
    font-size: calc(14px * var(--a11y-scale)) !important;
    line-height: 1.5 !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-title,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-title,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-title {
    font-size: calc(18px * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-body,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-body,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-body {
    font-size: calc(14px * var(--a11y-scale-form)) !important;
    line-height: 1.5 !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-btn,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-btn,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-btn {
    font-size: calc(15px * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-lang-toggle,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-lang-toggle,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-lang-toggle {
    font-size: calc(12px * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-modal-head h2,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-modal-head h2,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-modal-head h2 {
    font-size: calc(18px * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-modal-close,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-modal-close,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-modal-close {
    font-size: calc(24px * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-cat-desc,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-cat-desc,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-cat-desc {
    font-size: calc(13px * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-required-badge,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-required-badge,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-required-badge {
    font-size: calc(11px * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-cookies-list,
html body[class*="pojo-a11y-resize-font-"] .cc-cookies-list th,
html body[class*="pojo-a11y-resize-font-"] .cc-cookies-list td,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-cookies-list,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-cookies-list th,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-cookies-list td {
    font-size: calc(12px * var(--a11y-scale)) !important;
}

/* Section 5: Elementor per-element sizes (generated from post-2.css = home
   page, post-194.css = footer template). Every breakpoint the source uses is
   re-emitted so px-on-mobile values are not lost. Buttons use the form curve. */
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-bb1e6c0 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-bb1e6c0 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-9e98979 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-9e98979 .elementor-icon-list-item > a {
    font-size: calc(1.054vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-194 .elementor-element.elementor-element-d8c1ed5 .elementor-heading-title {
    font-size: calc(1.2vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-a547287 .elementor-nav-menu .elementor-item {
    font-size: calc(1.3vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-98966a3 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-70cf52c .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-0e51f4a .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-fe8033e .elementor-heading-title {
    font-size: calc(1.405vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-7f27f13 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-c414a11 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-c9a5511 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-4f5b424 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-e1a5762 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-8b66121 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-9f3c364 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-deb53c8 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-3a03818 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-8f11628 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-a5375df .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-9572554 .elementor-heading-title {
    font-size: calc(1.4vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-d2a1267 .elementor-button,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-cc04665 .elementor-button,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-a33a816 .elementor-button {
    font-size: calc(1.522vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-6822078 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-7677a0d .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-f6796d4 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-7feef34 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-cd64378 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-065de24 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-5e13f17 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-194 .elementor-element.elementor-element-2e13032 .elementor-heading-title {
    font-size: calc(1.639vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-508a0b7 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-194 .elementor-element.elementor-element-02ede39 .elementor-heading-title {
    font-size: calc(1.8vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-2a8fa71 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-18feac2 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-82bd31b .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-4a28fec .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-7e97fb6 .elementor-heading-title {
    font-size: calc(1.932vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-a547287 .elementor-nav-menu--dropdown .elementor-item,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-a547287 .elementor-nav-menu--dropdown .elementor-sub-item {
    font-size: calc(1vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-b7282d7 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-b6d25a7 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-da8c740 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-4477a12 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-194 .elementor-element.elementor-element-511b454 .elementor-heading-title {
    font-size: calc(2.108vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-61b3051 .elementor-heading-title {
    font-size: calc(2.3vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-ba72b38 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-6113657 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-1f571cb .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-72797df .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-194 .elementor-element.elementor-element-5f40a9c .elementor-heading-title {
    font-size: calc(2.693vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-44e4b0c .elementor-heading-title {
    font-size: calc(2vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-e6dd741 .elementor-heading-title {
    font-size: calc(4.684vw * var(--a11y-scale)) !important;
}
@media (max-width: 1200px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-a547287 .elementor-nav-menu .elementor-item,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-a547287 .elementor-nav-menu--dropdown .elementor-item,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-a547287 .elementor-nav-menu--dropdown .elementor-sub-item,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-7f27f13 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-c414a11 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-194 .elementor-element.elementor-element-d8c1ed5 .elementor-heading-title {
        font-size: calc(14px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-d2a1267 .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-cc04665 .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-a33a816 .elementor-button {
        font-size: calc(16px * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-6822078 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-98966a3 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-bb1e6c0 .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-bb1e6c0 .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-70cf52c .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-9e98979 .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-9e98979 .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-0e51f4a .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-fe8033e .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-c9a5511 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-4f5b424 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-e1a5762 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-8b66121 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-7677a0d .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-9f3c364 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-deb53c8 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-3a03818 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-f6796d4 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-8f11628 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-a5375df .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-9572554 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-508a0b7 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-7feef34 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-cd64378 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-065de24 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-5e13f17 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-194 .elementor-element.elementor-element-2e13032 .elementor-heading-title {
        font-size: calc(16px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-2a8fa71 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-18feac2 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-82bd31b .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-194 .elementor-element.elementor-element-511b454 .elementor-heading-title {
        font-size: calc(18px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-61b3051 .elementor-heading-title {
        font-size: calc(20px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-b7282d7 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-b6d25a7 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-da8c740 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-ba72b38 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-4477a12 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-6113657 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-44e4b0c .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-72797df .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-194 .elementor-element.elementor-element-5f40a9c .elementor-heading-title {
        font-size: calc(22px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-e6dd741 .elementor-heading-title {
        font-size: calc(40px * var(--a11y-scale)) !important;
    }
}
@media (max-width: 1024px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-d2a1267 .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-cc04665 .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-a33a816 .elementor-button {
        font-size: calc(16px * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-6822078 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-98966a3 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-70cf52c .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-9e98979 .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-9e98979 .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-0e51f4a .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-fe8033e .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-c9a5511 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-4f5b424 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-e1a5762 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-8b66121 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-7677a0d .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-508a0b7 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-194 .elementor-element.elementor-element-2e13032 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-194 .elementor-element.elementor-element-02ede39 .elementor-heading-title {
        font-size: calc(16px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-2a8fa71 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-18feac2 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-194 .elementor-element.elementor-element-511b454 .elementor-heading-title {
        font-size: calc(18px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-ba72b38 .elementor-heading-title {
        font-size: calc(22px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-e6dd741 .elementor-heading-title {
        font-size: calc(40px * var(--a11y-scale)) !important;
    }
}
@media (max-width: 767px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-d2a1267 .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-cc04665 .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-a33a816 .elementor-button {
        font-size: calc(14px * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-61b3051 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-6822078 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-bb1e6c0 .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-bb1e6c0 .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-9e98979 .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-9e98979 .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-0e51f4a .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-fe8033e .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-7f27f13 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-c414a11 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-c9a5511 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-4f5b424 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-e1a5762 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-8b66121 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-7677a0d .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-9f3c364 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-deb53c8 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-3a03818 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-f6796d4 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-8f11628 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-a5375df .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-9572554 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-508a0b7 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-7feef34 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-cd64378 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-065de24 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-5e13f17 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-194 .elementor-element.elementor-element-2e13032 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-194 .elementor-element.elementor-element-d8c1ed5 .elementor-heading-title {
        font-size: calc(14px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-98966a3 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-70cf52c .elementor-heading-title {
        font-size: calc(16px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-b7282d7 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-b6d25a7 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-da8c740 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-4477a12 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-82bd31b .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-4a28fec .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-7e97fb6 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-194 .elementor-element.elementor-element-511b454 .elementor-heading-title {
        font-size: calc(18px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-2a8fa71 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-18feac2 .elementor-heading-title {
        font-size: calc(20px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-ba72b38 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-6113657 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-44e4b0c .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-1f571cb .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-72797df .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-194 .elementor-element.elementor-element-5f40a9c .elementor-heading-title {
        font-size: calc(22px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-e6dd741 .elementor-heading-title {
        font-size: calc(30px * var(--a11y-scale)) !important;
    }
}

/* Section 5b: HERO – the text column has a fixed width (30vw / 41vw / 44% /
   65vw) and the hero is bottom-aligned under a fixed header, so bigger text
   wrapped into more lines and climbed under the header. Widen the column in
   step with the font, and keep the top of the hero clear of the header. */
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-61b3051 {
    --container-widget-width: min(calc(30vw * var(--a11y-scale)), 60vw) !important;
    width: min(calc(30vw * var(--a11y-scale)), 60vw) !important;
    max-width: min(calc(30vw * var(--a11y-scale)), 60vw) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-4359c4b {
    padding-top: calc(6vw + 24px) !important;
}
@media (max-width: 1200px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-4359c4b {
        padding-top: 120px !important;
    }
}
@media (max-width: 1024px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-61b3051 {
        --container-widget-width: min(calc(41vw * var(--a11y-scale)), 80vw) !important;
        width: min(calc(41vw * var(--a11y-scale)), 80vw) !important;
        max-width: min(calc(41vw * var(--a11y-scale)), 80vw) !important;
    }
}
@media (max-width: 880px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-61b3051 {
        --container-widget-width: min(calc(44% * var(--a11y-scale)), 90%) !important;
        width: min(calc(44% * var(--a11y-scale)), 90%) !important;
        max-width: min(calc(44% * var(--a11y-scale)), 90%) !important;
    }
}
@media (max-width: 767px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-61b3051 {
        --container-widget-width: min(calc(65vw * var(--a11y-scale)), 92vw) !important;
        width: min(calc(65vw * var(--a11y-scale)), 92vw) !important;
        max-width: min(calc(65vw * var(--a11y-scale)), 92vw) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-4359c4b {
        padding-top: 110px !important;
    }
}

/* Section 5c: on mobile these headings are "text-align:end" (= LEFT in RTL).
   At normal size they fit on one line so it never shows; once enlarged they
   wrap and the lines hug the left edge. Start them from the right instead. */
@media (max-width: 767px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-2a8fa71,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-2a8fa71 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-98966a3,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-98966a3 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-18feac2,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-18feac2 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-70cf52c,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-70cf52c .elementor-heading-title {
        text-align: start !important;
    }
}
@media (max-width: 767px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-4477a12,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-4477a12 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-da8c740,
    html body[class*="pojo-a11y-resize-font-"] .elementor-2 .elementor-element.elementor-element-da8c740 .elementor-heading-title {
        text-align: center !important;
    }
}

/* Section 6: accessibility toolbar – the item labels grow, but less than the
   page text (12.8px -> ~16.4px at max instead of the plugin's 25.6px). */
html body[class*="pojo-a11y-resize-font-"] #pojo-a11y-toolbar .pojo-a11y-toolbar-items .pojo-a11y-toolbar-link span {
    font-size: calc(12.8px * var(--a11y-scale-toolbar)) !important;
}

/* =====================================================================
   Section 7: CONTRAST MODES – keep background images visible.
   The plugin wipes backgrounds with "background: #000/#fff !important"
   (and background-image:none in high contrast) on every element.
   ===================================================================== */

/* 7a: Elementor section background images (generated from post-*.css).
   The children of those sections are made transparent so the plugin's solid
   black/white fill does not cover the image; elements that have their own
   background in the design (cards, footer panels, form fields, buttons)
   keep the contrast colour so their text stays readable. */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .elementor-2 .elementor-element.elementor-element-4359c4b:not(.elementor-motion-effects-element-type-background),
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .elementor-2 .elementor-element.elementor-element-4359c4b > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image:url("https://mahut.humanication.co.il/wp-content/uploads/sites/62/2026/03/Hero.webp") !important;
    background-position:bottom center !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-color: transparent !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .elementor-2 .elementor-element.elementor-element-54cbe7a:not(.elementor-motion-effects-element-type-background),
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .elementor-2 .elementor-element.elementor-element-54cbe7a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image:url("https://mahut.humanication.co.il/wp-content/uploads/sites/62/2026/03/footer-bg.webp") !important;
    background-position:top center !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-color: transparent !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .elementor-2 .elementor-element.elementor-element-8375696:not(.elementor-motion-effects-element-type-background),
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .elementor-2 .elementor-element.elementor-element-8375696 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image:url("https://mahut.humanication.co.il/wp-content/uploads/sites/62/2026/03/suitable-workshop-background-image.webp") !important;
    background-position:bottom center !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-color: transparent !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .elementor-194 .elementor-element.elementor-element-ec65cf1:not(.elementor-motion-effects-element-type-background),
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .elementor-194 .elementor-element.elementor-element-ec65cf1 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image:url("https://mahut.humanication.co.il/wp-content/uploads/sites/62/2026/03/footer-bg.webp") !important;
    background-position:top center !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-color: transparent !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .elementor-2 .elementor-element-4359c4b *,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .elementor-2 .elementor-element-54cbe7a *,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .elementor-2 .elementor-element-8375696 *,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .elementor-194 .elementor-element-ec65cf1 * {
    background-color: transparent !important;
    background-image: none !important;
}
/* hero text sits on a light sky: in high / negative contrast the plugin
   turns it white/yellow/green, so switch it to black (no text-shadow) */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-2 .elementor-element.elementor-element-4359c4b :is(h1, h2, h3, h4, h5, h6, p, span, a, li, strong, b, em, div) {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    text-shadow: none !important;
}
/* design-background children keep the contrast fill */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-2 .elementor-element-4359c4b .e-con[class*="elementor-element-"]:is(.elementor-element-eea2e58, .elementor-element-c005dce, .elementor-element-7f1aac8, .elementor-element-ad43acd, .elementor-element-904d216, .elementor-element-d6038c0, .elementor-element-0086f75, .elementor-element-6b1c63b, .elementor-element-db6e929),
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-2 .elementor-element-4359c4b input:not([type="checkbox"]),
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-2 .elementor-element-4359c4b textarea,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-2 .elementor-element-4359c4b select,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-2 .elementor-element-54cbe7a .e-con[class*="elementor-element-"]:is(.elementor-element-eea2e58, .elementor-element-c005dce, .elementor-element-7f1aac8, .elementor-element-ad43acd, .elementor-element-904d216, .elementor-element-d6038c0, .elementor-element-0086f75, .elementor-element-6b1c63b, .elementor-element-db6e929),
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-2 .elementor-element-54cbe7a input:not([type="checkbox"]),
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-2 .elementor-element-54cbe7a textarea,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-2 .elementor-element-54cbe7a select,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-2 .elementor-element-8375696 .e-con[class*="elementor-element-"]:is(.elementor-element-eea2e58, .elementor-element-c005dce, .elementor-element-7f1aac8, .elementor-element-ad43acd, .elementor-element-904d216, .elementor-element-d6038c0, .elementor-element-0086f75, .elementor-element-6b1c63b, .elementor-element-db6e929),
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-2 .elementor-element-8375696 input:not([type="checkbox"]),
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-2 .elementor-element-8375696 textarea,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-2 .elementor-element-8375696 select,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-194 .elementor-element-ec65cf1 .e-con[class*="elementor-element-"]:is(.elementor-element-eea2e58, .elementor-element-c005dce, .elementor-element-7f1aac8, .elementor-element-ad43acd, .elementor-element-904d216, .elementor-element-d6038c0, .elementor-element-0086f75, .elementor-element-6b1c63b, .elementor-element-db6e929),
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-194 .elementor-element-ec65cf1 input:not([type="checkbox"]),
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-194 .elementor-element-ec65cf1 textarea,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-194 .elementor-element-ec65cf1 select {
    background-color: #000 !important;
}
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-2 .elementor-element-4359c4b .e-con[class*="elementor-element-"]:is(.elementor-element-eea2e58, .elementor-element-c005dce, .elementor-element-7f1aac8, .elementor-element-ad43acd, .elementor-element-904d216, .elementor-element-d6038c0, .elementor-element-0086f75, .elementor-element-6b1c63b, .elementor-element-db6e929),
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-2 .elementor-element-4359c4b input:not([type="checkbox"]),
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-2 .elementor-element-4359c4b textarea,
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-2 .elementor-element-4359c4b select,
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-2 .elementor-element-54cbe7a .e-con[class*="elementor-element-"]:is(.elementor-element-eea2e58, .elementor-element-c005dce, .elementor-element-7f1aac8, .elementor-element-ad43acd, .elementor-element-904d216, .elementor-element-d6038c0, .elementor-element-0086f75, .elementor-element-6b1c63b, .elementor-element-db6e929),
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-2 .elementor-element-54cbe7a input:not([type="checkbox"]),
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-2 .elementor-element-54cbe7a textarea,
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-2 .elementor-element-54cbe7a select,
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-2 .elementor-element-8375696 .e-con[class*="elementor-element-"]:is(.elementor-element-eea2e58, .elementor-element-c005dce, .elementor-element-7f1aac8, .elementor-element-ad43acd, .elementor-element-904d216, .elementor-element-d6038c0, .elementor-element-0086f75, .elementor-element-6b1c63b, .elementor-element-db6e929),
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-2 .elementor-element-8375696 input:not([type="checkbox"]),
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-2 .elementor-element-8375696 textarea,
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-2 .elementor-element-8375696 select,
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-194 .elementor-element-ec65cf1 .e-con[class*="elementor-element-"]:is(.elementor-element-eea2e58, .elementor-element-c005dce, .elementor-element-7f1aac8, .elementor-element-ad43acd, .elementor-element-904d216, .elementor-element-d6038c0, .elementor-element-0086f75, .elementor-element-6b1c63b, .elementor-element-db6e929),
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-194 .elementor-element-ec65cf1 input:not([type="checkbox"]),
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-194 .elementor-element-ec65cf1 textarea,
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-194 .elementor-element-ec65cf1 select {
    background-color: #fff !important;
}

/* 7b: CSS gradients (they are background images too) – gold buttons and the
   gradient heading. The heading uses background-clip:text with transparent
   text, so without its gradient it would disappear completely. */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .global-btn,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .submit-col .global-btn,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .gradient-btn a.elementor-button {
    background: linear-gradient(90deg, #A87237 0%, #DFAD4D 22.6%, #FCEC89 52.4%, #DCA84B 76.92%, #A87237 100%) !important;
    color: #000 !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .global-btn *,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .gradient-btn a.elementor-button * {
    background: transparent !important;
    color: #000 !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .gradient-title .elementor-heading-title {
    background: linear-gradient(90deg, #A87237 0%, #DFAD4D 22.6%, #DCA84B 76.92%, #A87237 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .gradient-title .elementor-heading-title * {
    background: transparent !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

/* 7b1: light-background mode makes all text black, but the footer / form
   sections sit on the DARK footer photo – use white text there; fields,
   gold buttons and panels with their own (white) fill keep black text. */
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-2 .elementor-element-54cbe7a *,
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-194 .elementor-element-ec65cf1 * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-2 .elementor-element-54cbe7a :is(input, textarea, select, .global-btn, .global-btn *, .elementor-button, .elementor-button *, .e-con:is(.elementor-element-eea2e58, .elementor-element-c005dce), .e-con:is(.elementor-element-eea2e58, .elementor-element-c005dce) *),
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-194 .elementor-element-ec65cf1 :is(input, textarea, select, .global-btn, .global-btn *, .elementor-button, .elementor-button *, .e-con:is(.elementor-element-eea2e58, .elementor-element-c005dce), .e-con:is(.elementor-element-eea2e58, .elementor-element-c005dce) *) {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-2 .elementor-element-54cbe7a :is(input, textarea)::placeholder,
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-194 .elementor-element-ec65cf1 :is(input, textarea)::placeholder {
    color: #555 !important;
    -webkit-text-fill-color: #555 !important;
}

/* 7b2: Dark line icons and the logo become invisible on the black fill of
   high / negative contrast – render them white. (Red cross icons are left as
   they are: red already reads on black.) */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) img[src*="suitable-icon"],
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) img[src*="mehut-icon"] {
    filter: brightness(0) invert(1) !important;
    background: transparent !important;
}
/* hamburger (Elementor menu toggle) icon follows the contrast colour */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-menu-toggle,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-menu-toggle i,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-menu-toggle svg,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-menu-toggle svg * {
    color: #fff !important;
    fill: #fff !important;
    background-color: transparent !important;
}
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-menu-toggle,
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-menu-toggle i,
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-menu-toggle svg,
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor-menu-toggle svg * {
    color: #000 !important;
    fill: #000 !important;
    background-color: transparent !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .elementor-menu-toggle {
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}
/* slider dots: the plugin repaints them black (negative) / white (light),
   so they vanish into the page – outline + filled active dot instead */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .video-tips-slider .swiper-pagination-bullet,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .talent-video-slider .swiper-pagination-bullet {
    background: transparent !important;
    border: 2px solid #fff !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .video-tips-slider .swiper-pagination-bullet.swiper-pagination-bullet-active,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .talent-video-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff !important;
}
html body.pojo-a11y-light-background:not(#a11y-boost) .video-tips-slider .swiper-pagination-bullet,
html body.pojo-a11y-light-background:not(#a11y-boost) .talent-video-slider .swiper-pagination-bullet {
    background: transparent !important;
    border: 2px solid #000 !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
}
html body.pojo-a11y-light-background:not(#a11y-boost) .video-tips-slider .swiper-pagination-bullet.swiper-pagination-bullet-active,
html body.pojo-a11y-light-background:not(#a11y-boost) .talent-video-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000 !important;
}
/* buttons: always a visible outline in the contrast colour */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) button:not(.tv-play):not(.tv-pause):not(.cc-modal-close):not(.pojo-a11y-toolbar-link):not(.elementor-menu-toggle),
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor-button,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .global-btn,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .cc-btn,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) input[type="submit"] {
    border: 2px solid #fff !important;
}
html body:is(.pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) button:not(.tv-play):not(.tv-pause):not(.cc-modal-close):not(.pojo-a11y-toolbar-link):not(.elementor-menu-toggle),
html body:is(.pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .elementor-button,
html body:is(.pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .global-btn,
html body:is(.pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .cc-btn,
html body:is(.pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) input[type="submit"] {
    border: 2px solid #000 !important;
}
/* Elementor container / divider borders (e.g. the near-black rgb(8,0,0)
   grid lines of the "not suitable for" section) follow the contrast colour */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor .e-con,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor .elementor-widget-container,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .elementor .elementor-divider-separator {
    border-color: #fff !important;
    --divider-color: #fff !important;
}
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor .e-con,
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor .elementor-widget-container,
html body.pojo-a11y-light-background:not(#a11y-boost) .elementor .elementor-divider-separator {
    border-color: #000 !important;
    --divider-color: #000 !important;
}
/* video play / pause buttons look exactly as by default in every mode */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .tv-slide button.tv-play,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .tv-slide button.tv-pause,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .tv-slide button.tv-play img,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .tv-slide button.tv-pause img,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .vl-play,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .vl-pause,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .vl-play img,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .vl-pause img {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}
/* "about" block: the photo has a baked-in white corner that the beige
   rounded container hid; clip it to the container's radius */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .elementor-194 .elementor-element.elementor-element-c93acd6,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .elementor-2 .elementor-element.elementor-element-c93acd6 {
    overflow: hidden !important;
}
/* sticky header: style.css paints .header-scrolled white with !important */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .main-header-bg,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .main-header-bg.header-scrolled,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .main-header-bg * {
    background-color: #000 !important;
    background-image: none !important;
    box-shadow: none !important;
}
html body.pojo-a11y-light-background:not(#a11y-boost) .main-header-bg,
html body.pojo-a11y-light-background:not(#a11y-boost) .main-header-bg.header-scrolled,
html body.pojo-a11y-light-background:not(#a11y-boost) .main-header-bg * {
    background-color: #fff !important;
    background-image: none !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .main-header-bg.header-scrolled {
    border-bottom: 1px solid currentColor !important;
}
/* header logo keeps its colours on a white plate in high / negative contrast */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) img[src*="main-header-logo"],
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .main-header-bg img[src*="main-header-logo"] {
    filter: none !important;
    background: #fff !important;
    background-color: #fff !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .elementor img {
    background: transparent !important;
}

/* 7c: Consent checkboxes (.mid-input / .footer-input / .privacy-checkbox).
   The tick is an absolutely-centred ::before; keep box and tick in
   contrasting colours in every mode, and keep the tick centred. */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .mid-input input[type="checkbox"],
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .footer-input input[type="checkbox"],
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .privacy-checkbox input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    padding: 0 !important;
    overflow: visible !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .mid-input input[type="checkbox"]:checked::before,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .footer-input input[type="checkbox"]:checked::before,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .privacy-checkbox input[type="checkbox"]:checked::before {
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    line-height: 1 !important;
    margin: 0 !important;
    background: transparent !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .mid-input input[type="checkbox"],
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .footer-input input[type="checkbox"],
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .privacy-checkbox input[type="checkbox"] {
    background: #000 !important;
    border: 1px solid #fff !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .mid-input input[type="checkbox"]:checked::before,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .footer-input input[type="checkbox"]:checked::before,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .privacy-checkbox input[type="checkbox"]:checked::before {
    color: #fff !important;
}
html body.pojo-a11y-light-background:not(#a11y-boost) .mid-input input[type="checkbox"],
html body.pojo-a11y-light-background:not(#a11y-boost) .footer-input input[type="checkbox"],
html body.pojo-a11y-light-background:not(#a11y-boost) .privacy-checkbox input[type="checkbox"] {
    background: #fff !important;
    border: 1px solid #000 !important;
}
html body.pojo-a11y-light-background:not(#a11y-boost) .mid-input input[type="checkbox"]:checked::before,
html body.pojo-a11y-light-background:not(#a11y-boost) .footer-input input[type="checkbox"]:checked::before,
html body.pojo-a11y-light-background:not(#a11y-boost) .privacy-checkbox input[type="checkbox"]:checked::before {
    color: #000 !important;
}

/* 7c2: Consent checkbox top-aligned with the FIRST line of its label,
   whenever a contrast mode is on or the text is resized. The label becomes a
   flex row (box pinned to the top) and the box is offset by
   (first-line height - box height) / 2, using the label's own size curve. */
html body:is([class*="pojo-a11y-resize-font-"], .pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .checkbox-group .wpcf7-list-item,
html body:is([class*="pojo-a11y-resize-font-"], .pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .privacy-checkbox .wpcf7-list-item {
    --cb-line: calc(0.9vw * var(--a11y-scale-form) * 1) !important;
    --cb-box: 1vw !important;
}
html body:is([class*="pojo-a11y-resize-font-"], .pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .checkbox-group .wpcf7-list-item > label,
html body:is([class*="pojo-a11y-resize-font-"], .pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .privacy-checkbox .wpcf7-list-item > label {
    display: flex !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
}
html body:is([class*="pojo-a11y-resize-font-"], .pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .checkbox-group .wpcf7-list-item > label > input[type="checkbox"],
html body:is([class*="pojo-a11y-resize-font-"], .pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .privacy-checkbox .wpcf7-list-item > label > input[type="checkbox"] {
    flex: 0 0 auto !important;
    align-self: flex-start !important;
    vertical-align: top !important;
    margin-top: calc((var(--cb-line) - var(--cb-box)) / 2) !important;
    margin-bottom: 0 !important;
}
@media (max-width: 767px) {
    html body:is([class*="pojo-a11y-resize-font-"], .pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .checkbox-group .wpcf7-list-item {
        --cb-line: calc(12px * var(--a11y-scale-form) * 1.5) !important;
        --cb-box: 15px !important;
    }
    html body:is([class*="pojo-a11y-resize-font-"], .pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale):not(#a11y-boost) .privacy-checkbox .wpcf7-list-item {
        --cb-line: calc(12px * var(--a11y-scale-form) * 1.5) !important;
        --cb-box: 18px !important;
    }
}

/* 7d: Form field borders – the theme draws inputs with "border:1px solid #fff",
   which disappears on the white field in light-background and grayscale. */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .wpcf7 input:not([type="checkbox"]):not([type="hidden"]):not([type="submit"]),
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .wpcf7 textarea,
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .wpcf7 select {
    border: 2px solid #fff !important;
}
html body.pojo-a11y-light-background:not(#a11y-boost) .wpcf7 input:not([type="checkbox"]):not([type="hidden"]):not([type="submit"]),
html body.pojo-a11y-light-background:not(#a11y-boost) .wpcf7 textarea,
html body.pojo-a11y-light-background:not(#a11y-boost) .wpcf7 select {
    border: 2px solid #000 !important;
}
html body.pojo-a11y-grayscale:not(#a11y-boost) .wpcf7 input:not([type="checkbox"]):not([type="hidden"]):not([type="submit"]),
html body.pojo-a11y-grayscale:not(#a11y-boost) .wpcf7 textarea,
html body.pojo-a11y-grayscale:not(#a11y-boost) .wpcf7 select {
    border: 1px solid #000 !important;
}

/* 7e: Cookie settings toggles (.cc-toggle > input + .cc-slider).
   style.css forces ".cc-slider{background:#ababff!important}" in every state,
   so "on" was only shown by the knob position. Give the checked state its own
   colour (default + every contrast mode) and a visible keyboard focus ring. */
html body:not(#a11y-boost) .cc-toggle input:checked + .cc-slider {
    background: #047857 !important;
    box-shadow: inset 0 0 0 1px #065f46 !important;
}
html body:not(#a11y-boost) .cc-toggle input:focus-visible + .cc-slider {
    outline: 2px solid #1d4ed8 !important;
    outline-offset: 2px !important;
}
html body:not(#a11y-boost) .cc-toggle input + .cc-slider::before {
    box-shadow: 0 0 0 1px rgba(0,0,0,.35) !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .cc-toggle input + .cc-slider {
    background: #000 !important;
    border: 2px solid #fff !important;
    box-shadow: none !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .cc-toggle input + .cc-slider::before {
    background: #fff !important;
    box-shadow: none !important;
    top: 1px !important;
    left: 1px !important;
    height: 18px !important;
    width: 18px !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background):not(#a11y-boost) .cc-rtl .cc-toggle input + .cc-slider::before {
    left: auto !important;
    right: 1px !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .cc-toggle input:checked + .cc-slider {
    background: #ff0 !important;
    border-color: #ff0 !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .cc-toggle input:checked + .cc-slider::before {
    background: #000 !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast):not(#a11y-boost) .cc-toggle input:focus-visible + .cc-slider {
    outline: 2px solid #ff0 !important;
    outline-offset: 2px !important;
}
html body.pojo-a11y-light-background:not(#a11y-boost) .cc-toggle input + .cc-slider {
    background: #fff !important;
    border: 2px solid #000 !important;
    box-shadow: none !important;
}
html body.pojo-a11y-light-background:not(#a11y-boost) .cc-toggle input + .cc-slider::before {
    background: #000 !important;
    box-shadow: none !important;
    top: 1px !important;
    left: 1px !important;
    height: 18px !important;
    width: 18px !important;
}
html body.pojo-a11y-light-background:not(#a11y-boost) .cc-toggle input:checked + .cc-slider {
    background: #000 !important;
}
html body.pojo-a11y-light-background:not(#a11y-boost) .cc-toggle input:checked + .cc-slider::before {
    background: #fff !important;
}
html body.pojo-a11y-grayscale:not(#a11y-boost) .cc-toggle input + .cc-slider {
    background: #9ca3af !important;
}
html body.pojo-a11y-grayscale:not(#a11y-boost) .cc-toggle input:checked + .cc-slider {
    background: #111 !important;
}