/* Theme Name: Certified True Copy Dubai Child Template: generatepress Version: 2.0.6 Description: Child theme for certifiedtruecopydubai.ae. All site-specific CSS lives here so GeneratePress core updates never touch it. */ /* =================================================================== DESIGN TOKENS, the single source of truth for color, radius, type. =================================================================== */ :root{ --ctc-bg:#ffffff; --ctc-surface:#f3f1fb; --ctc-ink:#1e2333; --ctc-ink-soft:#5b5f74; --ctc-brand:#3b3fa0; --ctc-brand-deep:#23265f; --ctc-coral:#ff5a36; --ctc-coral-ink:#2a1206; --ctc-coral-soft:#fff1ec; --ctc-line:#e4e2f0; --ctc-radius:8px; --ctc-fs-lead:18px; --ctc-fs-body:16.5px; --ctc-fs-small:15px; } /* =================================================================== GeneratePress + Gutenberg group-wrapper fixes (see wp-deploy-loop memory). core/group wraps children in .wp-block-group__inner-container, which breaks CSS grid/flex on the group and carries a 40px padding / 1200px max-width GeneratePress adds by default. Reset once, globally, scoped to this site's body so it never leaks into other themes. =================================================================== */ body.ctc-site .wp-block-group__inner-container{ display:contents; padding:0; margin-inline:0; max-inline-size:none; } body.ctc-site *{box-sizing:border-box;} body.ctc-site img{max-width:100%;} body.ctc-site .ctc-shell{max-width:1180px;margin-inline:auto;padding-inline:20px;} body.ctc-site p{font-size:var(--ctc-fs-body);line-height:1.6;} /* =================================================================== This site is fully custom-built with blocks, page by page. Remove GeneratePress's default page title and right sidebar so a page's own blocks render edge to edge instead of squeezed into an 840px column. =================================================================== */ body.ctc-site.page .entry-header{display:none;} body.ctc-site.page .site-content{display:block;} body.ctc-site.page .content-area{width:100%;max-width:100%;} body.ctc-site.page .sidebar{display:none;} body.ctc-site.page .inside-article{padding:0;max-width:none;} /* GeneratePress's "Separate Containers" layout mode paints its own background-colour behind .inside-article (var(--base-3), a near-white fill from its own colour system) to look like a raised card. That box sits at GeneratePress's own container width, not the real viewport edge, so it read as a white band that stops short of full width. This site paints every section's background itself, so remove GP's card fill entirely rather than trying to widen it. */ body.ctc-site.separate-containers .inside-article{background:none;box-shadow:none;} /* GeneratePress puts a default margin-top on #main and again on .entry-content. Both are empty of border/padding above them, so the larger one (34px) collapses straight through every wrapper up to the very top of the page, showing as blank space above the nav on every page load, logged in or not. Zero both, scoped to this site. */ body.ctc-site.page #main.site-main{margin-top:0;} body.ctc-site.page .entry-content{margin-top:0;} /* =================================================================== FULL-BLEED, WITHOUT VIEWPORT UNITS. The hero, photo CTA and footer previously broke out with `width:100vw; margin-left:calc(50% - 50vw)`. 100vw counts the scrollbar but the visible page does not, so on a 961px window with a 15px scrollbar those bands rendered 961px wide starting at -17px: shifted left, overflowing right, and leaving the hero heading 3px from the screen edge instead of 20px. Invisible on a wide desktop where the content column hits its max-width anyway, obvious between roughly 950px and 1200px. Rather than guess the scrollbar width, remove the two things that made the content column narrower than the window in the first place, so "full width" is simply 100%. Every section still gets its own gutter from .ctc-shell, so nothing ends up flush to the edge. =================================================================== */ body.ctc-site.page #page.site{max-width:100%;} body.ctc-site.page #main.site-main{margin:0;width:100%;} /* GeneratePress's own site header (site title + its own nav) duplicates the custom nav built as the first block on every page, so it is redundant everywhere on this site, not just this page. Same for its default site footer, now that every page carries its own custom footer band as the last block. */ body.ctc-site .site-header{display:none;} body.ctc-site .site-footer{display:none;} /* With the page container uncapped and #main's margin removed above, the content column is exactly as wide as the window, so a full-bleed band is just 100%. GeneratePress's own .alignfull only breaks out by its 40px content padding and sits behind an .entry-content wrapper, so this still has to be written as a descendant override. */ body.ctc-site.page .entry-content .alignfull{ width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; } /* ---------- buttons, one system, reused everywhere ---------- The element that LOOKS like a button is either the inner of a core/button block, or a standalone