html{--acad-scale:1;--acad-line-height:1.6;--acad-letter:0em;--acad-word:0em} /* ---- launcher tab (left edge) ---- */ #acad-a11y-launch{position:fixed;left:0;top:50%;z-index:2147483000;transform:translateY(-50%);writing-mode:vertical-rl;background:#c8102e;color:#fff!important;border:0;border-radius:0 8px 8px 0;padding:16px 10px;font:700 13px/1 Poppins,Inter,system-ui,Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:4px 0 18px rgba(0,0,0,.18);transition:background .2s,transform .25s} #acad-a11y-launch:hover{background:#a30d25;transform:translateY(-50%) translateX(2px)} #acad-a11y-launch svg{width:22px;height:22px;transform:none;flex:none} #acad-a11y-launch:focus-visible{outline:3px solid #3280FA;outline-offset:2px} html[data-acad-a11y-open] #acad-a11y-launch{transform:translateY(-50%) translateX(-110%)} @media (max-width:720px){ #acad-a11y-launch{writing-mode:horizontal-tb;top:auto;bottom:16px;left:16px;transform:none;border-radius:999px;padding:12px 18px;gap:8px;font-size:14px!important;box-shadow:0 6px 20px rgba(0,0,0,.25)} #acad-a11y-launch svg{transform:none}#acad-a11y-launch:hover{transform:none} html[data-acad-a11y-open] #acad-a11y-launch{transform:translateY(120%)} } /* ---- panel ---- */ #acad-a11y-scrim{position:fixed;inset:0;z-index:2147483001;background:rgba(11,36,80,.42);opacity:0;pointer-events:none;transition:opacity .26s} html[data-acad-a11y-open] #acad-a11y-scrim{opacity:1;pointer-events:auto} #acad-a11y{position:fixed;top:var(--wp-admin--admin-bar--height,0px);left:0;bottom:0;z-index:2147483002;width:min(440px,100vw);background:#fff;color:#1c2b45;box-shadow:18px 0 50px rgba(15,48,105,.22);display:flex;flex-direction:column;transform:translateX(-102%);visibility:hidden;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility 0s linear .28s;font-family:Poppins,system-ui,Arial,sans-serif!important;font-size:14px!important;line-height:1.5!important} html[data-acad-a11y-open] #acad-a11y{transform:none;visibility:visible;transition-delay:0s} #acad-a11y *{box-sizing:border-box;font-family:inherit!important;text-transform:none!important;letter-spacing:0!important} #acad-a11y h2,#acad-a11y p{margin:0;color:inherit} #acad-a11y .acad-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #DCE4EF} #acad-a11y .acad-head h2{flex:1;font-size:17px!important;font-weight:800!important;color:#0F3069;line-height:1.2!important} #acad-a11y .acad-head .acad-ic-big{width:30px;height:30px;border-radius:50%;background:#c8102e;color:#fff;display:grid;place-items:center} #acad-a11y .acad-head .acad-ic-big svg{width:18px;height:18px} #acad-a11y .acad-x{background:#F5F7FB;border:1px solid #DCE4EF;color:#0F3069;border-radius:8px;padding:6px 10px;font-size:13px!important;font-weight:700!important;cursor:pointer} #acad-a11y .acad-x:hover{border-color:#0F3069} #acad-a11y .acad-body{flex:1;overflow:auto;padding:14px 20px 20px;background:#F5F7FB;scrollbar-width:thin} #acad-a11y .acad-note{font-size:12.5px!important;color:#5B6675;margin:0 0 12px} #acad-a11y .acad-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px} #acad-a11y .acad-ctl{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 13px;border-radius:12px;border:1px solid #DCE4EF;background:#fff;color:#0F3069;cursor:pointer;text-align:left;font:inherit;transition:border-color .15s,background .15s;min-height:84px;position:relative} #acad-a11y .acad-ctl svg{width:22px;height:22px;margin-bottom:3px;stroke-width:1.7} #acad-a11y .acad-ctl:hover{border-color:#0F3069;background:#F5F7FB} #acad-a11y .acad-ctl:focus-visible{outline:3px solid #3280FA;outline-offset:2px} #acad-a11y .acad-ctl[aria-pressed="true"]{border-color:#E43348;background:#FFEEF0} #acad-a11y .acad-ctl[aria-pressed="true"] svg{color:#E43348} #acad-a11y .acad-lbl{font-size:13px!important;font-weight:700!important;line-height:1.25!important} #acad-a11y .acad-state{font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#5B6675} #acad-a11y .acad-ctl[aria-pressed="true"] .acad-state{color:#E43348} #acad-a11y .acad-dots{position:absolute;right:10px;top:12px;display:flex;gap:3px} #acad-a11y .acad-dots i{width:5px;height:5px;border-radius:50%;background:#DCE4EF} #acad-a11y .acad-dots i.on{background:#E43348} #acad-a11y .acad-foot{padding:12px 20px;border-top:1px solid #DCE4EF;display:flex;gap:10px;align-items:center;background:#fff} #acad-a11y .acad-btn{border-radius:9px;padding:10px 14px;font-size:13.5px!important;font-weight:700!important;cursor:pointer;border:1.5px solid #0F3069;background:#fff;color:#0F3069} #acad-a11y .acad-btn.acad-primary{background:#E43348;border-color:#E43348;color:#fff} #acad-a11y .acad-btn:hover{filter:brightness(.95)} #acad-a11y .acad-saved{font-size:12px!important;color:#1b8a44;font-weight:600!important;flex:1} #acad-a11y-tip{position:fixed;z-index:2147483003;background:#1c2b45;color:#fff;font:600 12px/1.4 Poppins,system-ui,Arial,sans-serif;padding:7px 10px;border-radius:8px;max-width:240px;pointer-events:none;opacity:0;transition:opacity .15s;box-shadow:0 8px 24px rgba(0,0,0,.2)} #acad-a11y-tip.on{opacity:1} /* skip link */ #acad-skip{position:absolute;left:-9999px;top:8px;z-index:2147483004;background:#0F3069;color:#fff;padding:10px 14px;border-radius:8px;font:700 14px Poppins,system-ui,Arial,sans-serif} #acad-skip:focus{left:8px} /* =================== SETTINGS – applied to the whole page =================== */ /* bigger text: zoom the page (reaches px-based legacy CSS and rem-based alike); widgets un-zoom */ html[data-acad-text] body{zoom:var(--acad-scale)} /* line height */ html[data-acad-lineheight] body :where(p,li,dd,dt,td,th,blockquote,label,span,a,h1,h2,h3,h4,h5,h6,small,em,strong,div):not(#acad-a11y *):not(#acta *){line-height:var(--acad-line-height)!important} /* text spacing */ html[data-acad-spacing] body :where(p,li,dd,dt,td,th,blockquote,label,span,a,h1,h2,h3,h4,h5,h6,small,em,strong,div,button,input):not(#acad-a11y *):not(#acta *){letter-spacing:var(--acad-letter)!important;word-spacing:var(--acad-word)!important} /* text align – content only, never nav/footers/flex rows */ html[data-acad-align="center"] :where(main,article,.entry-content,.elementor-widget-text-editor,.elementor-widget-heading,#acadame-home section,#acadame-home .sec-head,#acadame-home p,#acadame-home h1,#acadame-home h2,#acadame-home h3){text-align:center!important} html[data-acad-align="justify"] :where(main p,article p,.entry-content p,.elementor-widget-text-editor p,#acadame-home p){text-align:justify!important} /* dyslexia-friendly stack (system faces the research supports – no download) */ html[data-acad-dyslexia] body,html[data-acad-dyslexia] body :not(#acad-a11y):not(#acad-a11y *):not([data-acad-skip]):not([data-acad-skip] *):not(iframe):not(svg):not(svg *){font-family:'Comic Sans MS','Trebuchet MS',Verdana,Tahoma,sans-serif!important;letter-spacing:max(.04em,var(--acad-letter))!important} /* large cursor */ html[data-acad-cursor],html[data-acad-cursor] *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><path d='M8 4l28 17-12 3.2L18 40Z' fill='%23FFFFFF' stroke='%230F3069' stroke-width='3' stroke-linejoin='round'/></svg>") 6 4,auto!important} /* hide images (keeps logos/avatars marked .acad-keep) */ html[data-acad-hide-images] img:not(.acad-keep):not(#acad-a11y img):not(#acta img):not([role="presentation"]){visibility:hidden!important} html[data-acad-hide-images] [style*="background-image"]:not(#acad-a11y *){background-image:none!important} /* highlight links & controls */ html[data-acad-highlight] body a:not(#acad-a11y *):not(#acta *),html[data-acad-highlight] body button:not(#acad-a11y *):not(#acta *):not(#acad-a11y-launch),html[data-acad-highlight] body [role="button"]:not(#acad-a11y *):not(#acta *),html[data-acad-highlight] body input:not(#acad-a11y *):not(#acta *),html[data-acad-highlight] body select:not(#acad-a11y *):not(#acta *){outline:2px solid #E43348!important;outline-offset:2px!important;border-radius:4px} /* pause animations */ html[data-acad-motion] *,html[data-acad-motion] *::before,html[data-acad-motion] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important} html[data-acad-motion] video{display:none!important} /* colour saturation */ html[data-acad-sat="low"]{filter:saturate(.5)}html[data-acad-sat="high"]{filter:saturate(1.75)}html[data-acad-sat="none"]{filter:grayscale(1)} /* contrast modes */ html[data-acad-contrast="invert"]{filter:invert(1) hue-rotate(180deg);background:#fff} html[data-acad-contrast="invert"] img,html[data-acad-contrast="invert"] video,html[data-acad-contrast="invert"] iframe,html[data-acad-contrast="invert"] [data-acad-keep-colour]{filter:invert(1) hue-rotate(180deg)} html[data-acad-contrast="invert"][data-acad-sat="low"]{filter:invert(1) hue-rotate(180deg) saturate(.5)}html[data-acad-contrast="invert"][data-acad-sat="high"]{filter:invert(1) hue-rotate(180deg) saturate(1.75)}html[data-acad-contrast="invert"][data-acad-sat="none"]{filter:invert(1) hue-rotate(180deg) grayscale(1)} /* high contrast (black on white, thick borders, underlined links) */ html[data-acad-contrast="high"] body,html[data-acad-contrast="high"] body :not(#acad-a11y):not(#acad-a11y *):not([data-acad-skip]):not([data-acad-skip] *):not(iframe):not(#acad-a11y-launch):not(#acad-a11y-launch *):not(#acad-a11y-scrim):not(#acad-a11y-tip):not(#acad-skip):not(#acta):not(#acta *):not(svg):not(svg *):not(img){background-color:#fff!important;color:#000!important;border-color:#000!important;box-shadow:none!important;text-shadow:none!important;background-image:none!important} html[data-acad-contrast="high"] body a:not(#acad-a11y *):not([data-acad-skip] *):not(#acta *){text-decoration:underline!important;color:#00184A!important} html[data-acad-contrast="high"] body :where(.btn,button,[role=button],.elementor-button,input[type=submit]):not(#acad-a11y *):not(#acta *){background:#000!important;color:#fff!important;border:2px solid #000!important} html[data-acad-contrast="high"] body :where(.card,.pillar,.finder,.centre,.pop a,.why div,.news a,.grp,.drop,.chip,.mode,.faq-item,.review,.elementor-widget-container):not(#acad-a11y *){border:2px solid #000!important} html[data-acad-contrast="high"] body :where(h1,h2,h3,h4,h5,h6):not(#acad-a11y *):not(#acta *){color:#00184A!important} /* dark contrast (white on black, salmon accents) */ html[data-acad-contrast="dark"] body,html[data-acad-contrast="dark"] body :not(#acad-a11y):not(#acad-a11y *):not([data-acad-skip]):not([data-acad-skip] *):not(iframe):not(#acad-a11y-launch):not(#acad-a11y-launch *):not(#acad-a11y-scrim):not(#acad-a11y-tip):not(#acad-skip):not(#acta):not(#acta *):not(svg):not(svg *):not(img){background-color:#000!important;color:#fff!important;border-color:#fff!important;box-shadow:none!important;background-image:none!important} html[data-acad-contrast="dark"] body a:not(#acad-a11y *):not([data-acad-skip] *):not(#acta *){text-decoration:underline!important;color:#7FB2FF!important} html[data-acad-contrast="dark"] body :where(.btn,button,[role=button],.elementor-button,input[type=submit]):not(#acad-a11y *):not(#acta *){background:#FF8A9B!important;color:#000!important;border:2px solid #fff!important} html[data-acad-contrast="dark"] body :where(h1,h2,h3,h4,h5,h6,strong,b):not(#acad-a11y *):not(#acta *){color:#fff!important} html[data-acad-contrast="dark"] body :where(.card,.pillar,.finder,.centre,.pop a,.why div,.news a,.grp,.drop,.chip,.mode,.faq-item,.review,.elementor-widget-container):not(#acad-a11y *){border:2px solid #fff!important} /* light contrast (calm off-white, no shadows, navy ink) */ html[data-acad-contrast="light"] body,html[data-acad-contrast="light"] body :not(#acad-a11y):not(#acad-a11y *):not([data-acad-skip]):not([data-acad-skip] *):not(iframe):not(#acad-a11y-launch):not(#acad-a11y-launch *):not(#acad-a11y-scrim):not(#acad-a11y-tip):not(#acad-skip):not(#acta):not(#acta *):not(svg):not(svg *):not(img):not(.btn):not(button){background-color:#fff!important;color:#1A1A1A!important;box-shadow:none!important;background-image:none!important} html[data-acad-contrast="light"] body :where(h1,h2,h3,h4,h5,h6,a):not(#acad-a11y *):not(#acta *){color:#0A2350!important} html[data-acad-contrast="light"] body :where(.card,.pillar,.finder,.centre,.pop a,.why div,.news a,.grp,.drop,.chip,.mode,.review,.elementor-widget-container,section):not(#acad-a11y *){border-color:#6B7A93!important} /* dark theme (brand-faithful navy surfaces – token-driven on Acadame-built pages, generic fallback elsewhere) */ html[data-acad-theme="dark"]{color-scheme:dark} html[data-acad-theme="dark"] #acadame-home{--primary:#CFE0FF;--secondary:#CFE0FF;--text:#B4C0D4;--light:#16233D;--lb:#1E3358;--lr:#3A1F2A;--border:#2A3B5C;--sh:0 16px 40px rgba(0,0,0,.45);background:#0C1424!important;color:#B4C0D4!important} html[data-acad-theme="dark"] #acadame-home :where(.hdr,.finder,.card,.pillar,.centre,.pop a,.why div,.news a,.grp,.drop,.chip,.mode,.review,.modes4 div,.courses a,.clients div,.mobile-nav,.results,.search input){background:#16233D!important;color:#CFE0FF!important} html[data-acad-theme="dark"] #acadame-home :where(section.alt,.band){background:#101C33!important} html[data-acad-theme="dark"] #acadame-home :where(.hero,.ftr){background:#08122A!important} html[data-acad-theme="dark"] #acadame-home :where(.card.red,.card.blue){background:#16233D!important} html[data-acad-theme="dark"] #acadame-home :where(.pillar .pi,.pop .pi,.why .wi){background:#1E3358!important;color:#CFE0FF!important} html[data-acad-theme="dark"] #acadame-home :where(.btn-line){color:#CFE0FF!important;border-color:#CFE0FF!important} html[data-acad-theme="dark"] body:not(:has(#acadame-home)),html[data-acad-theme="dark"] body:not(:has(#acadame-home)) :not([data-acad-skip]):not([data-acad-skip] *):where(main,article,section,.elementor-section,.elementor-widget-container,.entry-content,header,footer,.site-header,.site-footer,.card):not(#acad-a11y *):not(#acta *){background-color:#0C1424!important;color:#B4C0D4!important} html[data-acad-theme="dark"] body:not(:has(#acadame-home)) :not([data-acad-skip]):not([data-acad-skip] *):where(h1,h2,h3,h4,h5,h6,a):not(#acad-a11y *):not(#acta *){color:#CFE0FF!important} html[data-acad-theme="dark"] body:not(:has(#acadame-home)) :not([data-acad-skip]):not([data-acad-skip] *):where(.elementor-widget-container,.card,.elementor-column-wrap,.e-con-inner,input,select,textarea):not(#acad-a11y *):not(#acta *){background-color:#16233D!important;border-color:#2A3B5C!important} /* the panel itself follows dark/contrast so it stays readable */ html[data-acad-theme="dark"] #acad-a11y,html[data-acad-contrast="dark"] #acad-a11y{background:#16233D;color:#CFE0FF} html[data-acad-theme="dark"] #acad-a11y .acad-body,html[data-acad-contrast="dark"] #acad-a11y .acad-body{background:#0C1424} html[data-acad-theme="dark"] #acad-a11y .acad-ctl,html[data-acad-contrast="dark"] #acad-a11y .acad-ctl,html[data-acad-theme="dark"] #acad-a11y .acad-foot,html[data-acad-contrast="dark"] #acad-a11y .acad-foot,html[data-acad-theme="dark"] #acad-a11y .acad-x,html[data-acad-contrast="dark"] #acad-a11y .acad-x{background:#16233D;color:#CFE0FF;border-color:#2A3B5C} html[data-acad-theme="dark"] #acad-a11y .acad-head h2,html[data-acad-contrast="dark"] #acad-a11y .acad-head h2,html[data-acad-theme="dark"] #acad-a11y .acad-ctl[aria-pressed="true"],html[data-acad-contrast="dark"] #acad-a11y .acad-ctl[aria-pressed="true"]{color:#fff} html[data-acad-theme="dark"] #acad-a11y .acad-ctl[aria-pressed="true"],html[data-acad-contrast="dark"] #acad-a11y .acad-ctl[aria-pressed="true"]{background:#3A1F2A;border-color:#FF8A9B} html[data-acad-theme="dark"] #acad-a11y .acad-btn,html[data-acad-contrast="dark"] #acad-a11y .acad-btn{background:#16233D;color:#CFE0FF;border-color:#CFE0FF} html[data-acad-theme="dark"] #acad-a11y .acad-btn.acad-primary,html[data-acad-contrast="dark"] #acad-a11y .acad-btn.acad-primary{background:#E43348;border-color:#E43348;color:#fff} html[data-acad-theme="dark"] #acad-a11y .acad-note,html[data-acad-theme="dark"] #acad-a11y .acad-state,html[data-acad-contrast="dark"] #acad-a11y .acad-note,html[data-acad-contrast="dark"] #acad-a11y .acad-state{color:#93A0BA} @media (prefers-reduced-motion:reduce){#acad-a11y,#acad-a11y-scrim,#acad-a11y-launch{transition:none!important}}