/* Theme Name: ICPA 2026 Theme URI: https://www.icpainc.org/ Author: Heather Tschirhart Description: The 2026 ICPA design as a WordPress theme. Carries the design system the overhaul was built on - the colour, type and spacing tokens, the shared page shell, the primary navigation and mobile drawer, and the eight-column footer sitemap - so that ported pages stop having to re-establish all of it inline. Classic theme, no block templates, no parent. Version: 1.0.0 Requires at least: 6.0 Tested up to: 6.8 Requires PHP: 7.4 License: Proprietary - all rights reserved, International Compliance Professionals Association Text Domain: icpa-2026 Tags: one-column, full-width-template, custom-menu, accessibility-ready */ /* This file is the WordPress layer only. The 2026 design itself is NOT here. It lives in css/tokens/*.css and css/site.css, copied from the static site untouched by wordpress/build-theme.js and enqueued ahead of this file, so that the two stay one design rather than two that drift. Everything below is the part the static site never needed: admin bar clearance, block editor alignment classes, and a plain shell for the pages WordPress renders that were never designed by us - posts, archives, search results, 404, and the plugin screens WP-Members and Gravity Forms put inside a page. ------------------------------------------------------------------ */ /* ---------- admin bar ---------- The nav sits position:absolute at the top of .shell, so the admin bar pushing down carries it along and needs no help. The drawer and the section rail are fixed, and do. */ .admin-bar .mobile-menu { top: 32px; } .admin-bar .rail { margin-top: 32px; } @media screen and (max-width: 782px) { .admin-bar .mobile-menu { top: 46px; } .admin-bar .rail { margin-top: 46px; } } /* ---------- hero clearance ---------- Every ported block ends with a "WordPress placement adjustments" section that cuts its hero's top padding from the standalone 148px down to 56px. That adjustment is right under the client's 3clicks theme, where the header is a real element sitting above the content and the reservation would render as a large empty band. It is wrong here: this theme puts the nav back where the design has it, position:absolute across the top of the page, so 56px lands the nav on the hero's own eyebrow. Blocks built from 2026-08-23 scope their adjustment to body:not(.icpa-2026) and need nothing from this rule. It exists for the ones already deployed that do not, so that a page renders correctly here whether or not it has been rebuilt since. !important is unavoidable, not laziness. The block's rule is `#icpa-x.icpa-x .phero` - one id and two classes - inside a