@charset "UTF-8"; /* ============================================================================= ONE CLICK ACCESSIBILITY (Pojo) — font-resize repair layer Theme: Givat Bereshit LP | Site: bereshit.lp-efficapital.co.il ----------------------------------------------------------------------------- The plugin only emits two !important rules per step: body.pojo-a11y-resize-font-NN, p, li, label, input, select, textarea, legend, code, pre, dd, dt, span, blockquote { font-size: NN% } body.pojo-a11y-resize-font-NN h1..h6, h1 span.. { font-size: NN*1.33% } On this site that produces, measured at 1440x900, step 200: - consent checkbox label 10.12px -> 2048px (p > span > span > span) - text input 14.4px -> 256px (p > span > input) - validation tip 10.08px -> 256px - .wpcf7-response-output 12.96px -> 12.96px (a
: frozen) - .elementor-button 17.71px -> 17.71px (an : frozen) - .cc-title 16px -> 37.24px (an

in the banner) - .cc-body 14px -> 28px - .cc-root / .cc-btn 14px -> 14px (div/button: frozen) - every vw heading ignores the % entirely and jumps to a % of Everything below is gated behind body[class*="pojo-a11y-resize-font-"], so with nothing selected — and again after Reset — this file contributes zero computed differences. #pojo-a11y-toolbar is never targeted: it is a sibling of the content roots and keeps scaling exactly as the plugin always made it. ============================================================================= */ /* ============================================================================= SECTION 1 — STEP -> MULTIPLIERS (two curves) --a11y-scale body copy, headings, lists, links step 1 +15% ... max +60% --a11y-scale-form inputs, submit, Elementor buttons, response output, validation tips, checkbox labels, cookie title/body/buttons step 1 +30% ... max +75% Form controls and the cookie banner start from the smallest sizes on the page, so they need a bigger first jump to read as "bigger". ============================================================================= */ :root { --a11y-scale: 1; --a11y-scale-form: 1; } body.pojo-a11y-resize-font-120 { --a11y-scale: 1.10; --a11y-scale-form: 1.22; } body.pojo-a11y-resize-font-130 { --a11y-scale: 1.15; --a11y-scale-form: 1.30; } body.pojo-a11y-resize-font-140 { --a11y-scale: 1.22; --a11y-scale-form: 1.40; } body.pojo-a11y-resize-font-150 { --a11y-scale: 1.28; --a11y-scale-form: 1.48; } body.pojo-a11y-resize-font-160 { --a11y-scale: 1.35; --a11y-scale-form: 1.55; } body.pojo-a11y-resize-font-170 { --a11y-scale: 1.42; --a11y-scale-form: 1.62; } body.pojo-a11y-resize-font-180 { --a11y-scale: 1.48; --a11y-scale-form: 1.68; } body.pojo-a11y-resize-font-190 { --a11y-scale: 1.54; --a11y-scale-form: 1.72; } body.pojo-a11y-resize-font-200 { --a11y-scale: 1.60; --a11y-scale-form: 1.75; } /* ============================================================================= SECTION 2 — BASE PIN Measured baseline on every page of this site is 16px (bootstrap `body { font-size: 1rem }`). calc() and NOT a flat px, otherwise the accessibility toolbar popup would stop growing. Deliberately NOT scoped to a content root: it must land on so every unstyled descendant inherits a sane size instead of a compounding percentage. ============================================================================= */ 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 home page (Elementor canvas template) .description-section page.php / single.php / 404.php / search.php .login-section single.php outer wrapper .login-banner single.php banner .gold-card-banner 404.php banner .home-banner search.php banner .users-grid search.php results grid .website-presentation search.php presentation block .faq-accordian-section search.php accordion .breadcrums direct child on 404.php / search.php #lightbox lightbox chrome (direct child) #pojo-a11y-toolbar, #pojo-a11y-skip-content and #cc-banner-root are siblings of these roots and are deliberately NOT covered here (see Rule B / Section 4c). input/select/textarea are excluded — they are handled in Section 4. ============================================================================= */ 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-"] .login-banner blockquote, html body[class*="pojo-a11y-resize-font-"] .login-banner legend, html body[class*="pojo-a11y-resize-font-"] .login-banner code, html body[class*="pojo-a11y-resize-font-"] .login-banner pre, html body[class*="pojo-a11y-resize-font-"] .login-banner dd, html body[class*="pojo-a11y-resize-font-"] .login-banner dt, 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-"] .gold-card-banner blockquote, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner legend, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner code, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner pre, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner dd, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner dt, html body[class*="pojo-a11y-resize-font-"] .home-banner p, html body[class*="pojo-a11y-resize-font-"] .home-banner li, html body[class*="pojo-a11y-resize-font-"] .home-banner span, html body[class*="pojo-a11y-resize-font-"] .home-banner label, html body[class*="pojo-a11y-resize-font-"] .home-banner blockquote, html body[class*="pojo-a11y-resize-font-"] .home-banner legend, html body[class*="pojo-a11y-resize-font-"] .home-banner code, html body[class*="pojo-a11y-resize-font-"] .home-banner pre, html body[class*="pojo-a11y-resize-font-"] .home-banner dd, html body[class*="pojo-a11y-resize-font-"] .home-banner dt, html body[class*="pojo-a11y-resize-font-"] .users-grid p, html body[class*="pojo-a11y-resize-font-"] .users-grid li, html body[class*="pojo-a11y-resize-font-"] .users-grid span, html body[class*="pojo-a11y-resize-font-"] .users-grid label, html body[class*="pojo-a11y-resize-font-"] .users-grid blockquote, html body[class*="pojo-a11y-resize-font-"] .users-grid legend, html body[class*="pojo-a11y-resize-font-"] .users-grid code, html body[class*="pojo-a11y-resize-font-"] .users-grid pre, html body[class*="pojo-a11y-resize-font-"] .users-grid dd, html body[class*="pojo-a11y-resize-font-"] .users-grid dt, html body[class*="pojo-a11y-resize-font-"] .website-presentation p, html body[class*="pojo-a11y-resize-font-"] .website-presentation li, html body[class*="pojo-a11y-resize-font-"] .website-presentation span, html body[class*="pojo-a11y-resize-font-"] .website-presentation label, html body[class*="pojo-a11y-resize-font-"] .website-presentation blockquote, html body[class*="pojo-a11y-resize-font-"] .website-presentation legend, html body[class*="pojo-a11y-resize-font-"] .website-presentation code, html body[class*="pojo-a11y-resize-font-"] .website-presentation pre, html body[class*="pojo-a11y-resize-font-"] .website-presentation dd, html body[class*="pojo-a11y-resize-font-"] .website-presentation dt, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section p, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section li, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section span, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section label, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section blockquote, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section legend, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section code, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section pre, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section dd, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section dt, html body[class*="pojo-a11y-resize-font-"] .breadcrums p, html body[class*="pojo-a11y-resize-font-"] .breadcrums li, html body[class*="pojo-a11y-resize-font-"] .breadcrums span, html body[class*="pojo-a11y-resize-font-"] .breadcrums label, html body[class*="pojo-a11y-resize-font-"] .breadcrums blockquote, html body[class*="pojo-a11y-resize-font-"] .breadcrums legend, html body[class*="pojo-a11y-resize-font-"] .breadcrums code, html body[class*="pojo-a11y-resize-font-"] .breadcrums pre, html body[class*="pojo-a11y-resize-font-"] .breadcrums dd, html body[class*="pojo-a11y-resize-font-"] .breadcrums dt, html body[class*="pojo-a11y-resize-font-"] #lightbox p, html body[class*="pojo-a11y-resize-font-"] #lightbox li, html body[class*="pojo-a11y-resize-font-"] #lightbox span, html body[class*="pojo-a11y-resize-font-"] #lightbox label, html body[class*="pojo-a11y-resize-font-"] #lightbox blockquote, html body[class*="pojo-a11y-resize-font-"] #lightbox legend, html body[class*="pojo-a11y-resize-font-"] #lightbox code, html body[class*="pojo-a11y-resize-font-"] #lightbox pre, html body[class*="pojo-a11y-resize-font-"] #lightbox dd, html body[class*="pojo-a11y-resize-font-"] #lightbox dt { font-size: inherit !important; } /* Lightbox chrome carries its own intentional sizes (lightbox.min.css). */ html body[class*="pojo-a11y-resize-font-"] #lightbox .lb-data .lb-caption { font-size: calc(13px * var(--a11y-scale)) !important; line-height: 1.3 !important; } html body[class*="pojo-a11y-resize-font-"] #lightbox .lb-data .lb-number { font-size: calc(12px * var(--a11y-scale)) !important; } /* ----------------------------------------------------------------------------- SECTION 3b — headings on the theme-template pages (post / 404 / search / page) These pages have no theme typography of their own; their headings come from bootstrap's fluid scale. Left alone, the plugin's h1..h6 rule takes an

from 27.6px to 85px on the post page and pushed documentElement.scrollWidth to 2902px against a 1500px viewport. Mirrors bootstrap 1:1, times the curve. --------------------------------------------------------------------------- */ html body[class*="pojo-a11y-resize-font-"] .description-section h1, html body[class*="pojo-a11y-resize-font-"] .login-section h1, html body[class*="pojo-a11y-resize-font-"] .login-banner h1, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner h1, html body[class*="pojo-a11y-resize-font-"] .home-banner h1, html body[class*="pojo-a11y-resize-font-"] .users-grid h1, html body[class*="pojo-a11y-resize-font-"] .website-presentation h1, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section h1 { font-size: calc((22px + 1.5vw) * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .description-section h2, html body[class*="pojo-a11y-resize-font-"] .login-section h2, html body[class*="pojo-a11y-resize-font-"] .login-banner h2, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner h2, html body[class*="pojo-a11y-resize-font-"] .home-banner h2, html body[class*="pojo-a11y-resize-font-"] .users-grid h2, html body[class*="pojo-a11y-resize-font-"] .website-presentation h2, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section h2 { font-size: calc((21.2px + 0.9vw) * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .description-section h3, html body[class*="pojo-a11y-resize-font-"] .login-section h3, html body[class*="pojo-a11y-resize-font-"] .login-banner h3, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner h3, html body[class*="pojo-a11y-resize-font-"] .home-banner h3, html body[class*="pojo-a11y-resize-font-"] .users-grid h3, html body[class*="pojo-a11y-resize-font-"] .website-presentation h3, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section h3 { font-size: calc((20.8px + 0.6vw) * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .description-section h4, html body[class*="pojo-a11y-resize-font-"] .login-section h4, html body[class*="pojo-a11y-resize-font-"] .login-banner h4, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner h4, html body[class*="pojo-a11y-resize-font-"] .home-banner h4, html body[class*="pojo-a11y-resize-font-"] .users-grid h4, html body[class*="pojo-a11y-resize-font-"] .website-presentation h4, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section h4 { font-size: calc((20.4px + 0.3vw) * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .description-section h5, html body[class*="pojo-a11y-resize-font-"] .login-section h5, html body[class*="pojo-a11y-resize-font-"] .login-banner h5, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner h5, html body[class*="pojo-a11y-resize-font-"] .home-banner h5, html body[class*="pojo-a11y-resize-font-"] .users-grid h5, html body[class*="pojo-a11y-resize-font-"] .website-presentation h5, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section h5 { font-size: calc(20px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .description-section h6, html body[class*="pojo-a11y-resize-font-"] .login-section h6, html body[class*="pojo-a11y-resize-font-"] .login-banner h6, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner h6, html body[class*="pojo-a11y-resize-font-"] .home-banner h6, html body[class*="pojo-a11y-resize-font-"] .users-grid h6, html body[class*="pojo-a11y-resize-font-"] .website-presentation h6, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section h6 { font-size: calc(16px * var(--a11y-scale)) !important; } @media (min-width: 1200px) { html body[class*="pojo-a11y-resize-font-"] .description-section h1, html body[class*="pojo-a11y-resize-font-"] .login-section h1, html body[class*="pojo-a11y-resize-font-"] .login-banner h1, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner h1, html body[class*="pojo-a11y-resize-font-"] .home-banner h1, html body[class*="pojo-a11y-resize-font-"] .users-grid h1, html body[class*="pojo-a11y-resize-font-"] .website-presentation h1, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section h1 { font-size: calc(40px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .description-section h2, html body[class*="pojo-a11y-resize-font-"] .login-section h2, html body[class*="pojo-a11y-resize-font-"] .login-banner h2, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner h2, html body[class*="pojo-a11y-resize-font-"] .home-banner h2, html body[class*="pojo-a11y-resize-font-"] .users-grid h2, html body[class*="pojo-a11y-resize-font-"] .website-presentation h2, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section h2 { font-size: calc(32px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .description-section h3, html body[class*="pojo-a11y-resize-font-"] .login-section h3, html body[class*="pojo-a11y-resize-font-"] .login-banner h3, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner h3, html body[class*="pojo-a11y-resize-font-"] .home-banner h3, html body[class*="pojo-a11y-resize-font-"] .users-grid h3, html body[class*="pojo-a11y-resize-font-"] .website-presentation h3, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section h3 { font-size: calc(28px * var(--a11y-scale)) !important; } html body[class*="pojo-a11y-resize-font-"] .description-section h4, html body[class*="pojo-a11y-resize-font-"] .login-section h4, html body[class*="pojo-a11y-resize-font-"] .login-banner h4, html body[class*="pojo-a11y-resize-font-"] .gold-card-banner h4, html body[class*="pojo-a11y-resize-font-"] .home-banner h4, html body[class*="pojo-a11y-resize-font-"] .users-grid h4, html body[class*="pojo-a11y-resize-font-"] .website-presentation h4, html body[class*="pojo-a11y-resize-font-"] .faq-accordian-section h4 { font-size: calc(24px * var(--a11y-scale)) !important; } } /* 404.php writes the error heading with an inline style="font-size:30px". Restate it so the gate scales the authored size instead of shrinking it. */ html body[class*="pojo-a11y-resize-font-"] .description-section.error-content h3 { font-size: calc(30px * var(--a11y-scale)) !important; } /* search.php accordion triggers are