are never touched at all, the cookie banner sits outside .elementor, and the form controls end up thousands of pixels tall. Everything below is the repair. RULE A Every rule is gated behind body[class*="pojo-a11y-resize-font-"]. With nothing selected — and again after Reset — this file must contribute ZERO computed differences. The only ungated blocks are the :root / body.pojo-* custom-property declarations (which change nothing on their own) and Section 7, which is gated behind the separate contrast-mode body classes. RULE B #pojo-a11y-toolbar is a SIBLING of .elementor, not a child, so every generic rule is scoped inside a content root and the toolbar is handled explicitly in Section 6. ========================================================================== */ /* ========================================================================== SECTION 1 — STEP -> MULTIPLIERS (three curves) -------------------------------------------------------------------------- --a11y-scale body text, headings, lists, links +15% ... +60% --a11y-scale-form inputs, submit, Elementor buttons, +30% ... +75% response output, validation tips, checkbox labels, cookie title/body/btn (these start from the smallest sizes on the page and need a bigger first jump to read as "bigger") --a11y-scale-toolbar the accessibility toolbar's own menu items — deliberately the GENTLEST curve (+8% ... +30%) so the toolbar text stays smaller than the page text it is resizing, per request. ========================================================================== */ :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.08; } body.pojo-a11y-resize-font-140 { --a11y-scale: 1.22; --a11y-scale-form: 1.40; --a11y-scale-toolbar: 1.12; } body.pojo-a11y-resize-font-150 { --a11y-scale: 1.28; --a11y-scale-form: 1.48; --a11y-scale-toolbar: 1.15; } body.pojo-a11y-resize-font-160 { --a11y-scale: 1.35; --a11y-scale-form: 1.55; --a11y-scale-toolbar: 1.18; } body.pojo-a11y-resize-font-170 { --a11y-scale: 1.42; --a11y-scale-form: 1.62; --a11y-scale-toolbar: 1.21; } body.pojo-a11y-resize-font-180 { --a11y-scale: 1.48; --a11y-scale-form: 1.68; --a11y-scale-toolbar: 1.24; } body.pojo-a11y-resize-font-190 { --a11y-scale: 1.54; --a11y-scale-form: 1.72; --a11y-scale-toolbar: 1.27; } body.pojo-a11y-resize-font-200 { --a11y-scale: 1.60; --a11y-scale-form: 1.75; --a11y-scale-toolbar: 1.30; } /* ========================================================================== SECTION 2 — BASE PIN -------------------------------------------------------------------------- Measured baseline on this site is 16px. calc(), never a flat px, or the toolbar popup (which inherits from body) would freeze. Deliberately NOT scoped to a content root: the toolbar must keep getting a growing body size exactly as the plugin always gave it. ========================================================================== */ html body[class*="pojo-a11y-resize-font-"] { font-size: calc(16px * var(--a11y-scale)) !important; } /* ========================================================================== SECTION 3 — KILL THE COMPOUNDING PERCENTAGES -------------------------------------------------------------------------- One block per content root found on the site: .elementor every Elementor page + the header/footer/popup templates (post-573 / post-589) .description-section page.php, single.php and 404.php .login-section single.php wrapper (breadcrumbs + comments) .login-banner single.php banner .gold-card-banner 404.php banner .container theme-template breadcrumb rows that sit in a bare .container (404.php) .privacy-wrapper the privacy modal rendered by the shortcode input / select / textarea are deliberately excluded — Section 4 pins them. ========================================================================== */ 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-"] .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-"] .login-section p, html body[class*="pojo-a11y-resize-font-"] .login-section li, html body[class*="pojo-a11y-resize-font-"] .login-section span, html body[class*="pojo-a11y-resize-font-"] .login-section label, html body[class*="pojo-a11y-resize-font-"] .login-section blockquote, html body[class*="pojo-a11y-resize-font-"] .login-section legend, html body[class*="pojo-a11y-resize-font-"] .login-section code, html body[class*="pojo-a11y-resize-font-"] .login-section pre, html body[class*="pojo-a11y-resize-font-"] .login-section dd, html body[class*="pojo-a11y-resize-font-"] .login-section dt, html body[class*="pojo-a11y-resize-font-"] .login-banner p, html body[class*="pojo-a11y-resize-font-"] .login-banner li, html body[class*="pojo-a11y-resize-font-"] .login-banner span, html body[class*="pojo-a11y-resize-font-"] .login-banner label, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner p, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner li, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner span, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner label, html body[class*="pojo-a11y-resize-font-"] .container p, html body[class*="pojo-a11y-resize-font-"] .container li, html body[class*="pojo-a11y-resize-font-"] .container span, html body[class*="pojo-a11y-resize-font-"] .container label, html body[class*="pojo-a11y-resize-font-"] .container blockquote, html body[class*="pojo-a11y-resize-font-"] .container legend, html body[class*="pojo-a11y-resize-font-"] .container code, html body[class*="pojo-a11y-resize-font-"] .container pre, html body[class*="pojo-a11y-resize-font-"] .container dd, html body[class*="pojo-a11y-resize-font-"] .container dt, html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper p, html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper li, html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper span, html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper label, html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper blockquote { font-size: inherit !important; } /* Headings inside a content root: the plugin sets `h_ span` to NN*1.33% of an already-scaled heading, which grows spans ~1.7x on top of a size Section 8 has already set. Neutralise it; the heading's own value then governs. */ html body[class*="pojo-a11y-resize-font-"] .elementor h1 span, html body[class*="pojo-a11y-resize-font-"] .elementor h2 span, html body[class*="pojo-a11y-resize-font-"] .elementor h3 span, html body[class*="pojo-a11y-resize-font-"] .elementor h4 span, html body[class*="pojo-a11y-resize-font-"] .elementor h5 span, html body[class*="pojo-a11y-resize-font-"] .elementor h6 span, html body[class*="pojo-a11y-resize-font-"] .description-section h1 span, html body[class*="pojo-a11y-resize-font-"] .description-section h2 span, html body[class*="pojo-a11y-resize-font-"] .description-section h3 span, html body[class*="pojo-a11y-resize-font-"] .description-section h4 span, html body[class*="pojo-a11y-resize-font-"] .description-section h5 span, html body[class*="pojo-a11y-resize-font-"] .description-section h6 span, html body[class*="pojo-a11y-resize-font-"] .login-section h1 span, html body[class*="pojo-a11y-resize-font-"] .login-section h2 span, html body[class*="pojo-a11y-resize-font-"] .login-section h3 span, html body[class*="pojo-a11y-resize-font-"] .login-banner h1 span, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner h1 span, html body[class*="pojo-a11y-resize-font-"] .container h1 span, html body[class*="pojo-a11y-resize-font-"] .container h2 span, html body[class*="pojo-a11y-resize-font-"] .container h3 span, html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper h2 span, html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper h3 span { font-size: inherit !important; } /* Theme-template pages (page.php / single.php / 404.php) have no per-element design rule of their own, so give their headings a scaled px value instead of the plugin's compounding percentage. Measured there plugin-only at max:

16 -> 64px, blockquote p 16 -> 128px. */ html body[class*="pojo-a11y-resize-font-"] .description-section h1, html body[class*="pojo-a11y-resize-font-"] .login-banner h1, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner h1 { font-size: calc(34px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .description-section h2 { font-size: calc(28px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .description-section h3 { font-size: calc(24px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .description-section h4, html body[class*="pojo-a11y-resize-font-"] .description-section h5, html body[class*="pojo-a11y-resize-font-"] .description-section h6 { font-size: calc(20px * var(--a11y-scale)) !important; } /* ========================================================================== SECTION 4 — FORM CONTROLS + RESPONSE / VALIDATION MESSAGES -------------------------------------------------------------------------- Values mirror the theme's own inline stylesheet 1:1, media blocks emitted in that stylesheet's SOURCE ORDER: (min-width:768px) and (max-width:1024px) [no font-size decls] (min-width:768px) and (max-width:1200px) (max-width:600px) px / vw only — never em (the CF7

... nesting compounds it) and never rem (shrinks below the design size on wide screens). READABILITY FLOOR: this theme gives .wpcf7-not-valid-tip (0.7vw), .wpcf7-response-output (0.9vw) and .wpcf7-list-item-label (0.66vw) NO tablet override, so between 601px and 1200px they render at 4-8px with accessibility OFF. Inside the gate they are floored with max(14px, ) so they are legible at every step. The default render is untouched. Several selectors below repeat their class (.foo.foo). That is deliberate: Section 3's `... .elementor span` is (0,2,3) and would otherwise flatten these single-class (0,2,2) pins. ========================================================================== */ /* --- text inputs / selects ------------------------------------------------ */ html body[class*="pojo-a11y-resize-font-"] .field-col label .wpcf7-form-control-wrap, html body[class*="pojo-a11y-resize-font-"] .field-col .wpcf7-form-control-wrap.wpcf7-form-control-wrap, html body[class*="pojo-a11y-resize-font-"] .field-col input, html body[class*="pojo-a11y-resize-font-"] .wpcf7-select, html body[class*="pojo-a11y-resize-font-"] .field-col textarea { font-size: calc(max(14px, 1vw) * var(--a11y-scale-form)) !important; line-height: 1.3 !important; height: calc(2.5vw * var(--a11y-scale-form)) !important; } html body[class*="pojo-a11y-resize-font-"] .field-col label input { font-size: calc(22px * var(--a11y-scale-form)) !important; line-height: 1.3 !important; } html body[class*="pojo-a11y-resize-font-"] .field-col label > span:first-child { font-size: calc(25px * var(--a11y-scale-form)) !important; line-height: 1.2 !important; } html body[class*="pojo-a11y-resize-font-"] .contact-form .form-heading { font-size: calc(30px * var(--a11y-scale)) !important; line-height: 1.2 !important; } /* --- submit ---------------------------------------------------------------- */ html body[class*="pojo-a11y-resize-font-"] .submit-btn input, html body[class*="pojo-a11y-resize-font-"] input.wpcf7-submit, html body[class*="pojo-a11y-resize-font-"] .submit-col .global-btn, html body[class*="pojo-a11y-resize-font-"] .global-btn { font-size: calc(max(16px, 1.5vw) * var(--a11y-scale-form)) !important; line-height: 1.2 !important; } html body[class*="pojo-a11y-resize-font-"] .submit-btn input, html body[class*="pojo-a11y-resize-font-"] input.wpcf7-submit { height: calc(2.5vw * var(--a11y-scale-form)) !important; } /* --- consent checkbox row -------------------------------------------------- */ html body[class*="pojo-a11y-resize-font-"] .wpcf7-checkbox .wpcf7-list-item-label, html body[class*="pojo-a11y-resize-font-"] .custom-check-label, html body[class*="pojo-a11y-resize-font-"] .privacy-checkbox p { font-size: calc(max(14px, 0.66vw) * var(--a11y-scale-form)) !important; line-height: 1.5 !important; /* The theme nudges the label text down by 0.2vw, which the absolutely positioned box does not get — that alone left the box 2.7px high of the first line at 1366px. Zero it so box and text share one top edge. */ margin-top: 0 !important; } /* THE BOX. The theme sizes it with two DIFFERENT viewport units — `width: 1.3vw` but `height: 2.8vh` — and reserves the gutter beside it with a third (`label { padding-right: 2.2vw }`). Between 768 and 1200px it switches to `0.8em`, which would inherit the plugin's runaway input size (measured 2048px at step 200). Scaling those values as written amplifies the mismatch: measured at 1366px, step 160, the box came out 27.5 x 39 (aspect 0.71), 1.2x taller than a line of the label, with a 19px gutter gap — so it read as detached from the text it belongs to and straddled lines 1 and 2. So inside the gate the box is sized from the LABEL'S OWN TEXT instead: `font-size` here is set to the same expression the label text uses, which makes `em` below track the label exactly, at every viewport and every step. 1.25em square box -> always square, always ~one line tall 0.125em top -> (1.5em line-height - 1.25em box) / 2, centres it on the FIRST line however many lines the label wraps to 1.85em gutter -> 1.25em box + 0.6em gap, constant ratio This also supersedes the theme's 768-1200px `0.8em` rule (via !important), so there is one consistent box from 601px up. */ /* Two shared properties so the box, its check mark, the label's gutter and the tip's gutter can never drift apart — change one, all four follow. --a11y-cb-text the label text size (same expression as the rule above) --a11y-cb-size a SQUARE box: 1.25x the label text, but never smaller than the design's own 1.3vw, so the first click always grows the box (at 1920 a plain 1.25em would have shrunk it 25 -> 22.8px). */ html body[class*="pojo-a11y-resize-font-"] { --a11y-cb-text: calc(max(14px, 0.66vw) * var(--a11y-scale-form)); --a11y-cb-size: max(1.3vw, calc(var(--a11y-cb-text) * 1.25)); } /* Size applies to every consent checkbox on the site, styled or not. */ html body[class*="pojo-a11y-resize-font-"] .wpcf7-checkbox input[type="checkbox"] { font-size: var(--a11y-cb-text) !important; min-width: var(--a11y-cb-size) !important; width: var(--a11y-cb-size) !important; height: var(--a11y-cb-size) !important; } /* Positioning, scoped to the consent row. Note the styled checkbox — `appearance:none`, absolutely positioned, with a `::before` mark — comes from Elementor PAGE CSS attached to pages 795 and 6 only. /home-old/ (page 689) has identical `.wpcf7-checkbox`/`.checkbox-group` markup but never loads that CSS, so its input stays a native in-flow 13x13 checkbox: `top` is simply ignored there (static positioning) and the gutter below just indents that row. Verified harmless — see the report note. */ html body[class*="pojo-a11y-resize-font-"] .checkbox-group .wpcf7-checkbox input[type="checkbox"] { /* centre the box on the FIRST line, however many lines the label wraps to */ top: calc((var(--a11y-cb-text) * 1.5 - var(--a11y-cb-size)) / 2) !important; margin-top: 0 !important; flex: 0 0 auto !important; } html body[class*="pojo-a11y-resize-font-"] .checkbox-group .wpcf7-checkbox input[type="checkbox"]:checked::before { width: calc(var(--a11y-cb-size) * 0.5) !important; height: calc(var(--a11y-cb-size) * 0.5) !important; top: 50% !important; left: 50% !important; right: auto !important; transform: translate(-50%, -50%) !important; } html body[class*="pojo-a11y-resize-font-"] .checkbox-group .wpcf7-checkbox label { align-items: flex-start !important; padding-right: calc(var(--a11y-cb-size) + var(--a11y-cb-text) * 0.6) !important; } html body[class*="pojo-a11y-resize-font-"] .checkbox-group .wpcf7-not-valid-tip { padding-right: calc(var(--a11y-cb-size) + var(--a11y-cb-text) * 0.6) !important; } /* --- messages -------------------------------------------------------------- */ html body[class*="pojo-a11y-resize-font-"] .wpcf7-not-valid-tip.wpcf7-not-valid-tip { font-size: calc(max(14px, 0.7vw) * var(--a11y-scale-form)) !important; line-height: 1.4 !important; } html body[class*="pojo-a11y-resize-font-"] .wpcf7-response-output { font-size: calc(max(14px, 0.9vw) * var(--a11y-scale-form)) !important; line-height: 1.4 !important; } /* --- unstyled form controls on the theme-template pages -------------------- single.php's comment form is bare WordPress markup: a and <input size> whose INTRINSIC width is a multiple of their font-size. The plugin scales them, so at step 200 on a 375px screen they push the document to 3367px wide. Pin the size and cap the box. (These pages already overflow slightly at rest with accessibility OFF — 452px on a 387px viewport — which is a pre-existing theme bug this gated file must not touch.) */ html body[class*="pojo-a11y-resize-font-"] .description-section input, html body[class*="pojo-a11y-resize-font-"] .description-section textarea, html body[class*="pojo-a11y-resize-font-"] .description-section select, html body[class*="pojo-a11y-resize-font-"] .login-section input, html body[class*="pojo-a11y-resize-font-"] .login-section textarea, html body[class*="pojo-a11y-resize-font-"] .login-section select, html body[class*="pojo-a11y-resize-font-"] .comment-respond input, html body[class*="pojo-a11y-resize-font-"] .comment-respond textarea, html body[class*="pojo-a11y-resize-font-"] .comment-respond select { font-size: calc(16px * var(--a11y-scale-form)) !important; max-width: 100% !important; box-sizing: border-box !important; } /* --- Section 4b: spans/elements carrying an intentional size of their own --- */ html body[class*="pojo-a11y-resize-font-"] .light-fonts.light-fonts { font-size: calc(1vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .dollar-sign.dollar-sign { font-size: calc(1.5vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .pv-links > span, html body[class*="pojo-a11y-resize-font-"] .pv-link.pv-link, html body[class*="pojo-a11y-resize-font-"] .bottom-small-text.bottom-small-text, html body[class*="pojo-a11y-resize-font-"] .success-title.success-title, html body[class*="pojo-a11y-resize-font-"] .success-subtitle.success-subtitle { font-size: calc(max(14px, 0.9vw) * var(--a11y-scale)) !important; } /* The theme writes these with :where(), which has ZERO specificity — restate them explicitly or Section 3 flattens them. */ 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(max(14px, 0.8vw) * var(--a11y-scale)) !important; line-height: 1.6 !important; } html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h2 { font-size: calc(max(18px, 1.4vw) * var(--a11y-scale)) !important; line-height: 1.3 !important; } /* --- theme source order marker -------------------------------------------- The theme declares @media (min-width:768px) and (max-width:1024px) first; it carries no font-size declaration, so nothing is emitted for it. The two blocks below follow in the theme's own order so overlapping bands resolve identically to the original cascade. */ @media (min-width: 768px) and (max-width: 1200px) { html body[class*="pojo-a11y-resize-font-"] .field-col label .wpcf7-form-control-wrap, html body[class*="pojo-a11y-resize-font-"] .field-col .wpcf7-form-control-wrap.wpcf7-form-control-wrap, html body[class*="pojo-a11y-resize-font-"] .field-col input, html body[class*="pojo-a11y-resize-font-"] .wpcf7-select { height: calc(24px * var(--a11y-scale-form)) !important; } html body[class*="pojo-a11y-resize-font-"] .submit-btn input, html body[class*="pojo-a11y-resize-font-"] input.wpcf7-submit { height: calc(24px * var(--a11y-scale-form)) !important; line-height: 1.2 !important; } /* No checkbox rule here: the em-based box in Section 4 already governs this band and supersedes the theme's 0.8em via !important. */ } @media (max-width: 600px) { html body[class*="pojo-a11y-resize-font-"] .field-col label .wpcf7-form-control-wrap, html body[class*="pojo-a11y-resize-font-"] .field-col .wpcf7-form-control-wrap.wpcf7-form-control-wrap, html body[class*="pojo-a11y-resize-font-"] .field-col input, html body[class*="pojo-a11y-resize-font-"] .wpcf7-select { font-size: calc(14px * var(--a11y-scale-form)) !important; line-height: 1.3 !important; height: calc(40px * var(--a11y-scale-form)) !important; } html body[class*="pojo-a11y-resize-font-"] .form-order form p, html body[class*="pojo-a11y-resize-font-"] .form-order form .wpcf7-list-item-label { font-size: calc(13px * var(--a11y-scale-form)) !important; line-height: 1.4 !important; } html body[class*="pojo-a11y-resize-font-"] .submit-btn input, html body[class*="pojo-a11y-resize-font-"] input.wpcf7-submit, html body[class*="pojo-a11y-resize-font-"] .global-btn { font-size: calc(22px * var(--a11y-scale-form)) !important; line-height: 1.2 !important; } html body[class*="pojo-a11y-resize-font-"] .submit-btn input, html body[class*="pojo-a11y-resize-font-"] input.wpcf7-submit { height: calc(40px * var(--a11y-scale-form)) !important; } html body[class*="pojo-a11y-resize-font-"] .wpcf7-checkbox .wpcf7-list-item-label, html body[class*="pojo-a11y-resize-font-"] .custom-check-label, html body[class*="pojo-a11y-resize-font-"] .privacy-checkbox p { font-size: calc(12px * var(--a11y-scale-form)) !important; line-height: 1.5 !important; } /* Mobile keeps the design's deliberately larger box (22px against 12px text) rather than the desktop 1.25x ratio, so the first click still grows it instead of shrinking it. Redeclaring the two properties is enough — the box, mark and both gutters above all recompute. */ html body[class*="pojo-a11y-resize-font-"] { --a11y-cb-text: calc(12px * var(--a11y-scale-form)); --a11y-cb-size: calc(22px * var(--a11y-scale-form)); } html body[class*="pojo-a11y-resize-font-"] .wpcf7-not-valid-tip.wpcf7-not-valid-tip { font-size: calc(14px * var(--a11y-scale-form)) !important; line-height: 1.4 !important; margin-top: calc(4px * var(--a11y-scale-form)) !important; } html body[class*="pojo-a11y-resize-font-"] .wpcf7-response-output { font-size: calc(14px * var(--a11y-scale-form)) !important; line-height: 1.4 !important; } html body[class*="pojo-a11y-resize-font-"] .price-number p > span { font-size: calc(8vw * 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; line-height: 1.6 !important; } html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h2 { font-size: calc(16px * var(--a11y-scale)) !important; line-height: 1.3 !important; } html body[class*="pojo-a11y-resize-font-"] .light-fonts.light-fonts { font-size: calc(12px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .dollar-sign.dollar-sign { font-size: calc(16px * var(--a11y-scale)) !important; } } /* -------------------------------------------------------------------------- SECTION 4d — VALIDATION TIP POSITIONING -------------------------------------------------------------------------- Audited at 360 / 375 / 900 / 1440 for every field that can show one (the three text fields and the consent checkbox row): `.wpcf7-not-valid-tip` is `position: relative` at base and stays in flow at every breakpoint — there is no absolutely positioned tip with a fixed px `top` on this site, so no auto-tracking anchor has to be restored. What did need fixing is the theme's `margin-top:-5px` under 600px: it pulls the tip up over the field, and the overlap grows once the tip is scaled. It is zeroed above, inside the gate. Below, give the consent row room so a wrapped, scaled consent label can never be covered by the message that follows it. -------------------------------------------------------------------------- */ html body[class*="pojo-a11y-resize-font-"] .checkbox-group > p, html body[class*="pojo-a11y-resize-font-"] .checkbox.checkbox-group > p { margin-bottom: calc(0.7vw * var(--a11y-scale-form)) !important; } /* ========================================================================== SECTION 5 — COOKIE BANNER + COOKIE SETTINGS MODAL -------------------------------------------------------------------------- #cc-banner-root (.cc-root) and .cc-modal-wrap are BOTH direct children of <body>, outside .elementor, so Section 3 cannot reach them. Measured with this file removed, at 1440: .cc-title 16 -> 24.2 -> 37.2px (it is an <h2>: plugin runaway) .cc-body 14 -> 18.2 -> 28px (it is a <p>: plugin runaway) .cc-root 14 -> 14 -> 14px (frozen: explicit 14px) .cc-btn 14 -> 14 -> 14px (frozen: `font: inherit`) Generic inherit rule first, then explicit pins. Every pin is a calc() — a flat px would stop the runaway but freeze the banner. .cc-title / .cc-btn use the FORM curve with bumped baselines (16->18, 14->15) so the very first click is a visible jump. ========================================================================== */ 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; } html body[class*="pojo-a11y-resize-font-"] .cc-root, html body[class*="pojo-a11y-resize-font-"] #cc-banner-root { font-size: calc(14px * var(--a11y-scale)) !important; line-height: 1.5 !important; } /* The settings modal is NOT inside .cc-root, so its own baseline is the inherited body 16px rather than the banner's 14px — pin it from 16 so the first click is a real jump for anything in it that inherits. */ html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap, html body[class*="pojo-a11y-resize-font-"] .cc-modal { font-size: calc(16px * 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 { font-size: calc(18px * var(--a11y-scale-form)) !important; line-height: 1.3 !important; } html body[class*="pojo-a11y-resize-font-"] .cc-body, html body[class*="pojo-a11y-resize-font-"] .cc-root .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; line-height: 1.3 !important; } html body[class*="pojo-a11y-resize-font-"] .cc-lang-toggle, html body[class*="pojo-a11y-resize-font-"] .cc-root .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-modal-wrap .cc-modal-head h2 { font-size: calc(18px * var(--a11y-scale)) !important; line-height: 1.3 !important; } html body[class*="pojo-a11y-resize-font-"] .cc-modal-close, html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-modal-close { font-size: calc(24px * var(--a11y-scale)) !important; line-height: 1 !important; } html body[class*="pojo-a11y-resize-font-"] .cc-cat-name, html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-cat-name { font-size: calc(14px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .cc-cat-desc, html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-cat-desc { font-size: calc(13px * var(--a11y-scale)) !important; line-height: 1.5 !important; } html body[class*="pojo-a11y-resize-font-"] .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 summary, 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 th, html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-cookies-list td { font-size: calc(12px * var(--a11y-scale)) !important; line-height: 1.5 !important; } /* ========================================================================== SECTION 6 — THE ACCESSIBILITY TOOLBAR ITSELF -------------------------------------------------------------------------- #pojo-a11y-toolbar is a sibling of .elementor, so Sections 3-5 never touch it and it keeps growing off the plugin's own body pin. Per request the menu items should grow LESS than the page text they resize, so they run on the gentle --a11y-scale-toolbar curve instead of the plugin's raw NN%. `1em` here resolves against the item's <a>, whose 12.8px the plugin never touches — so this stays viewport-independent and cannot compound. ========================================================================== */ html body[class*="pojo-a11y-resize-font-"] #pojo-a11y-toolbar .pojo-a11y-toolbar-item a span, html body[class*="pojo-a11y-resize-font-"] #pojo-a11y-toolbar ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a span { font-size: calc(1em * var(--a11y-scale-toolbar)) !important; } html body[class*="pojo-a11y-resize-font-"] #pojo-a11y-toolbar p.pojo-a11y-toolbar-title { font-size: calc(16px * var(--a11y-scale-toolbar)) !important; } /* ========================================================================== SECTION 7 — CHECKBOX INDICATOR IN THE CONTRAST MODES -------------------------------------------------------------------------- NOT gated on the font-resize class: these are the plugin's separate colour modes. The consent checkbox is an appearance:none <input> with a white 1px frame and a solid white block drawn by :checked::before. Measured with no override: default box transparent, frame #fff, mark #fff OK high contrast box #000, frame #fff, mark #fff OK negative contrast box #000, frame #fff, mark #fff OK grayscale box transparent, frame #fff, mark #fff OK light background box #fff, frame #fff, mark #fff INVISIBLE Pojo paints the input via body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) which is (1,2,1) — an ID column of 1 — so a plain (0,3,2) override loses. The selectors below mirror that shape to reach (1,3,3) and win. All four modes are stated explicitly so the mark stays centred and contrasting no matter which one is active. ========================================================================== */ html body.pojo-a11y-high-contrast *:not(#pojo-a11y-toolbar) .wpcf7-checkbox input[type="checkbox"], html body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) .wpcf7-checkbox input[type="checkbox"], html body.pojo-a11y-grayscale *:not(#pojo-a11y-toolbar) .wpcf7-checkbox input[type="checkbox"] { background: transparent !important; background-color: transparent !important; border: 2px solid #ffffff !important; border-radius: 2px !important; } html body.pojo-a11y-high-contrast *:not(#pojo-a11y-toolbar) .wpcf7-checkbox input[type="checkbox"]:checked::before, html body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) .wpcf7-checkbox input[type="checkbox"]:checked::before, html body.pojo-a11y-grayscale *:not(#pojo-a11y-toolbar) .wpcf7-checkbox input[type="checkbox"]:checked::before { background: #ffffff !important; background-color: #ffffff !important; opacity: 1 !important; } html body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .wpcf7-checkbox input[type="checkbox"] { background: #ffffff !important; background-color: #ffffff !important; border: 2px solid #000000 !important; border-radius: 2px !important; } html body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .wpcf7-checkbox input[type="checkbox"]:checked::before { background: #000000 !important; background-color: #000000 !important; opacity: 1 !important; } /* -------------------------------------------------------------------------- Light background: give the text fields a visible edge. The theme draws them borderless on a white fill (measured: border-style `none`, border-width 0, background #fff) and relies on the dark section behind them for contrast. Light-background mode paints that section white too, so the fields disappear into the page — see the reported screenshot. High contrast and negative contrast already get `input { border: 1px solid #fff }` from the plugin itself, and grayscale keeps the dark section, so this is the only mode that needs it. The submit button is deliberately NOT touched: every type that acts as a button is excluded, and `.submit-btn` sits outside `.field-col` anyway. `box-sizing: border-box` is already global, so the field height is unchanged. -------------------------------------------------------------------------- */ html body.pojo-a11y-light-background .field-col input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="hidden"]), html body.pojo-a11y-light-background .field-col textarea, html body.pojo-a11y-light-background .field-col select, html body.pojo-a11y-light-background .wpcf7-form input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), html body.pojo-a11y-light-background .wpcf7-form textarea, html body.pojo-a11y-light-background .wpcf7-form select, html body.pojo-a11y-light-background .wpcf7-select { border: 1px solid #000000 !important; } /* Keep the mark centred and comfortably inside the frame in every mode. */ html body.pojo-a11y-high-contrast .wpcf7-checkbox input[type="checkbox"]:checked::before, html body.pojo-a11y-negative-contrast .wpcf7-checkbox input[type="checkbox"]:checked::before, html body.pojo-a11y-light-background .wpcf7-checkbox input[type="checkbox"]:checked::before, html body.pojo-a11y-grayscale .wpcf7-checkbox input[type="checkbox"]:checked::before { top: 50% !important; left: 50% !important; right: auto !important; transform: translate(-50%, -50%) !important; } /* ========================================================================== SECTION 7b — RIGHT-HAND BLUE PANEL HEIGHT (deliberately NOT gated) -------------------------------------------------------------------------- In the `.abc-container` row the slider column paints its blue band with `.slider-col::before { bottom: 0; height: var(--slider-col-before-height) }` and that variable is meant to equal the height of the blue form block in the other column. The site's own Elementor custom-code script writes it from `.form-main-wrapper.offsetHeight`, but only on DOMContentLoaded, load, resize and a single 300ms timeout — never again. Measured at 1366px: at rest -0.4px (offsetHeight rounds 323.6 -> 324) step 130 81.3px short (variable frozen at 324, form now 405) step 200 223.2px short (variable frozen at 324, form now 547) and any late layout change (web font, AOS, a restored font class) leaves it stale the same way — which is the default-view mismatch reported. Fix: the theme script added in functions.php (`a11y-slider-blue-sync`) measures continuously and writes its own property. Using a separate property means the two scripts never overwrite each other. Until it has run, the fallback chain reproduces exactly what the site did before. This rule applies at rest on purpose — the default view was wrong too. ========================================================================== */ html body .slider-col::before { height: var(--a11y-slider-blue-height, var(--slider-col-before-height, 35.7vh)) !important; } /* ========================================================================== SECTION 7c — STICKY SLIDER ON DESKTOP + BAND PAINTED ABOVE THE PHOTO (deliberately NOT gated) -------------------------------------------------------------------------- Measured with Playwright in Chrome on the live front page: - The slider container (.slider-col > .e-con) is 100vh tall, but the space above the blue band is only as tall as the form's top edge. The photo therefore reached 231px (1920x1000), 212px (1366x768) and 118px (1366x657) down INTO the band, and — painted above ::before — hid the top of it. That, not the height variable, is why the right-hand blue still started lower than the form's blue in the default view. - The theme's `.pos-sticky` sits on .slider-col, which stretches to the full row height, so it never has room to move. The inner container does: row height minus 100vh is the page's whole scroll range. So: 1. on desktop the inner container is the sticky element; 2. the photo stays ON TOP of the blue band (chosen explicitly): nothing is added to the stacking order, so the container keeps Elementor's own z-index 9 above the band's `::before`. The photo is never cut off; in the default view it hangs over the top of the band, so the right-hand blue visibly starts lower than the form's blue. The band itself is still sized by Section 7b, so it lines up wherever it isn't covered; 3. grayscale mode: the theme sets `body { overflow-x: hidden }`, which turns <body> into a scroll container and silently disables every sticky element on the page. `clip` keeps the same clipping without creating a scroll container. Scoped to `.slider-col.pos-sticky`, the front page's slider — /home/ has its own position:fixed slider and is left alone. ========================================================================== */ @media (min-width: 1025px) { html body .slider-col.pos-sticky > .e-con { position: sticky !important; top: 0 !important; } /* logged-in editors: keep it clear of the 32px WordPress admin bar */ html body.admin-bar .slider-col.pos-sticky > .e-con { top: 32px !important; } } html body.pojo-a11y-grayscale { overflow-x: clip !important; overflow-y: visible !important; } /* ========================================================================== SECTION 8 — PER-ELEMENT DESIGN SIZES -------------------------------------------------------------------------- Every font-size declaration from every Elementor stylesheet on the site, re-emitted inside the gate and multiplied by the scale: post-573.css footer template 38 decls (19 base + 19 @767) post-589.css header template 24 decls (12 base + 12 @767) post-6.css /home/ 28 decls (11 base + 5 @1200 + 12 @767) post-637.css /home/ inner section 27 decls (11 base + 1 @1200 + 15 @767) post-689.css /home-old/ 18 decls ( 9 base + 9 @767) post-795.css front page 64 decls (24 base + 7 @1200 + 2 @1024 + 31 @767) Media blocks follow the sources' own order: base, 1200, 1024, 767. Elements that switch unit across a breakpoint (vw at base, px under 767) get BOTH values. Buttons, swiper arrows and dialog-close run on --a11y-scale-form. ========================================================================== */ /* --- base --- */ html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-5d3a990 .elementor-button, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-653d337 .elementor-button { font-size: calc(1.23vw * var(--a11y-scale-form)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-af58d1c .elementor-swiper-button.elementor-swiper-button-next, html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-af58d1c .elementor-swiper-button.elementor-swiper-button-prev, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-34f4eea .elementor-swiper-button.elementor-swiper-button-next, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-34f4eea .elementor-swiper-button.elementor-swiper-button-prev, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-031f945 .elementor-swiper-button.elementor-swiper-button-next, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-031f945 .elementor-swiper-button.elementor-swiper-button-prev, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-d66b454 .elementor-swiper-button.elementor-swiper-button-next, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-d66b454 .elementor-swiper-button.elementor-swiper-button-prev { font-size: calc(2.8vw * var(--a11y-scale-form)) !important; } html body[class*="pojo-a11y-resize-font-"] #elementor-popup-modal-573 .dialog-close-button, html body[class*="pojo-a11y-resize-font-"] #elementor-popup-modal-589 .dialog-close-button { font-size: calc(2vw * var(--a11y-scale-form)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-8d65563 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-6360112 .elementor-heading-title { font-size: calc(0.66vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-38979ca .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-56f07a1 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-a24fcb0 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-f654cc6 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-3de4d6c .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-739c835 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-889c059 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-d7fee6e .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-d8bd4e5 .elementor-heading-title { font-size: calc(0.85vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-5ecd85c .elementor-icon-list-item > .elementor-icon-list-text, html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-5ecd85c .elementor-icon-list-item > a, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-e85ace6 .elementor-icon-list-item > .elementor-icon-list-text, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-e85ace6 .elementor-icon-list-item > a, html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-38e5ca6 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-d31e1de .elementor-icon-list-item > .elementor-icon-list-text, html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-d31e1de .elementor-icon-list-item > a, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-05b7069 .elementor-icon-list-item > .elementor-icon-list-text, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-05b7069 .elementor-icon-list-item > a, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-4625aae .elementor-icon-list-item > .elementor-icon-list-text, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-4625aae .elementor-icon-list-item > a { font-size: calc(0.8vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-7a2b5b4 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-0233719 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-21206c0 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-2282b2e .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-6b3ed01 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-d59fdf9 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-fbee924 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-3294b27 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-49dbe7b .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-7dd5386 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-adf6c5a .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-e709c44 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-f195bdc .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-f42fe60 .elementor-heading-title { font-size: calc(0.9vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-043f2c9 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-18403ec .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-98ae2c7 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-9fe4670 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-f3faf0b .elementor-heading-title { font-size: calc(1.1vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-0485079 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-195d82e .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-37d2e75 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-49e1844 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-4ab83be .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-4f2ea4a .elementor-icon-list-item > .elementor-icon-list-text, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-4f2ea4a .elementor-icon-list-item > a, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-5db5b0f .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-81ebc6e .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-89c07b2 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-8e7977b .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-d32f651 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-d3eb82b .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-e3c0c99 .elementor-icon-list-item > .elementor-icon-list-text, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-e3c0c99 .elementor-icon-list-item > a, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-386a843 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-39ffc6c .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-409c904 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-4acafab .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-66e709f .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-7cbdd92 .elementor-icon-list-item > .elementor-icon-list-text, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-7cbdd92 .elementor-icon-list-item > a, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-87b004b .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-d8c90b7 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-ec5c422 .elementor-icon-list-item > .elementor-icon-list-text, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-ec5c422 .elementor-icon-list-item > a, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-f715e2e .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-2eb8c28 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-fa7c118 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-1bb244a .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-f7886e4 .elementor-heading-title { font-size: calc(1.2vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-e9807d8 .elementor-heading-title { font-size: calc(1.4vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-9797a63 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-5987d9a .elementor-heading-title { font-size: calc(1.5vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-3d6ba94 .elementor-heading-title { font-size: calc(1vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-3298377 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-c57bd4c .elementor-heading-title { font-size: calc(2.3vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-95bf003 .elementor-heading-title { font-size: calc(2.48vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-cba5d85 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-45b7cbf .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-c72ec9c .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-7ca2d54 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-965fc09 .elementor-heading-title { font-size: calc(2.5vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-3c527eb .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-76ed112 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-8dc7cee .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-f1057ee .elementor-heading-title { font-size: calc(2vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-92abacd .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-9453b61 .elementor-heading-title { font-size: calc(3.3vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-8c35ae6 .elementor-heading-title { font-size: calc(3.5vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-ee44342 .elementor-heading-title { font-size: calc(3.7vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-c127868 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-b9477c6 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-575bd8f .elementor-heading-title { font-size: calc(3vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-2c14989 .elementor-heading-title { font-size: calc(4vw * var(--a11y-scale)) !important; } @media(max-width:1200px) { html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-38979ca .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-56f07a1 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-a24fcb0 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-f654cc6 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-3de4d6c .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-739c835 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-889c059 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-d7fee6e .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-d8bd4e5 .elementor-heading-title { font-size: calc(1.2vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-cba5d85 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-45b7cbf .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-7ca2d54 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-965fc09 .elementor-heading-title { font-size: calc(2.3vw * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-2c14989 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-ee44342 .elementor-heading-title { font-size: calc(3vw * var(--a11y-scale)) !important; } } @media(max-width:1024px) { html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-5d3a990 .elementor-button, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-653d337 .elementor-button { font-size: calc(2.4vw * var(--a11y-scale-form)) !important; } } @media(max-width:767px) { html body[class*="pojo-a11y-resize-font-"] #elementor-popup-modal-573 .dialog-close-button, html body[class*="pojo-a11y-resize-font-"] #elementor-popup-modal-589 .dialog-close-button { font-size: calc(20px * var(--a11y-scale-form)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-af58d1c .elementor-swiper-button.elementor-swiper-button-next, html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-af58d1c .elementor-swiper-button.elementor-swiper-button-prev, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-031f945 .elementor-swiper-button.elementor-swiper-button-next, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-031f945 .elementor-swiper-button.elementor-swiper-button-prev { font-size: calc(25px * var(--a11y-scale-form)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-5d3a990 .elementor-button, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-653d337 .elementor-button { font-size: calc(4.6vw * var(--a11y-scale-form)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-34f4eea .elementor-swiper-button.elementor-swiper-button-next, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-34f4eea .elementor-swiper-button.elementor-swiper-button-prev, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-d66b454 .elementor-swiper-button.elementor-swiper-button-next, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-d66b454 .elementor-swiper-button.elementor-swiper-button-prev { font-size: calc(45px * var(--a11y-scale-form)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-6b3ed01 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-f195bdc .elementor-heading-title { font-size: calc(10px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-5ecd85c .elementor-icon-list-item > .elementor-icon-list-text, html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-5ecd85c .elementor-icon-list-item > a, html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-8d65563 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-21206c0 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-e85ace6 .elementor-icon-list-item > .elementor-icon-list-text, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-e85ace6 .elementor-icon-list-item > a, html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-38e5ca6 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-d31e1de .elementor-icon-list-item > .elementor-icon-list-text, html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-d31e1de .elementor-icon-list-item > a, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-05b7069 .elementor-icon-list-item > .elementor-icon-list-text, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-05b7069 .elementor-icon-list-item > a, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-4625aae .elementor-icon-list-item > .elementor-icon-list-text, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-4625aae .elementor-icon-list-item > a, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-6360112 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-7dd5386 .elementor-heading-title { font-size: calc(12px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-0485079 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-195d82e .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-37d2e75 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-49e1844 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-4ab83be .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-4f2ea4a .elementor-icon-list-item > .elementor-icon-list-text, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-4f2ea4a .elementor-icon-list-item > a, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-5db5b0f .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-81ebc6e .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-89c07b2 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-8e7977b .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-d32f651 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-d3eb82b .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-e3c0c99 .elementor-icon-list-item > .elementor-icon-list-text, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-e3c0c99 .elementor-icon-list-item > a, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-386a843 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-39ffc6c .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-409c904 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-4acafab .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-66e709f .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-7cbdd92 .elementor-icon-list-item > .elementor-icon-list-text, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-7cbdd92 .elementor-icon-list-item > a, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-87b004b .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-d8c90b7 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-ec5c422 .elementor-icon-list-item > .elementor-icon-list-text, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-ec5c422 .elementor-icon-list-item > a, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-f715e2e .elementor-heading-title { font-size: calc(14px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-38979ca .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-56f07a1 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-a24fcb0 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-f654cc6 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-3de4d6c .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-739c835 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-889c059 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-d7fee6e .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-d8bd4e5 .elementor-heading-title { font-size: calc(16px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-043f2c9 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-9797a63 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-18403ec .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-45b7cbf .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-98ae2c7 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-fa7c118 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-965fc09 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-9fe4670 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-f3faf0b .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-f7886e4 .elementor-heading-title { font-size: calc(17px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-6 .elementor-element.elementor-element-cba5d85 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-2eb8c28 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-5987d9a .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-1bb244a .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-7ca2d54 .elementor-heading-title { font-size: calc(20px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-e9807d8 .elementor-heading-title { font-size: calc(22px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-3298377 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-c57bd4c .elementor-heading-title { font-size: calc(23px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-3c527eb .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-76ed112 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-8dc7cee .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-f1057ee .elementor-heading-title { font-size: calc(24px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-573 .elementor-element.elementor-element-c127868 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-589 .elementor-element.elementor-element-b9477c6 .elementor-heading-title { font-size: calc(27px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-92abacd .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-9453b61 .elementor-heading-title { font-size: calc(30px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-689 .elementor-element.elementor-element-c72ec9c .elementor-heading-title { font-size: calc(34px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-0233719 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-2282b2e .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-d59fdf9 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-637 .elementor-element.elementor-element-fbee924 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-49dbe7b .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-adf6c5a .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-e709c44 .elementor-heading-title, html body[class*="pojo-a11y-resize-font-"] .elementor-795 .elementor-element.elementor-element-f42fe60 .elementor-heading-title { font-size: calc(4.2vw * var(--a11y-scale)) !important; } }