/* Counter Culture Co — Child CSS (NO Woo rules) Theme: Astra Child Template: astra Description: Global layout + typography utilities only. All WooCommerce styles are moved to snippets/files. Version: 2025-09-24-ccc-no-woo */ /* =============================== 0) TOKENS =============================== */ :root{ --ccc-homepad: 72px; /* updated by JS; fallback here */ --ccc-gap-desktop: 80px; --ccc-gap-mobile: 56px; --ccc-gutter-x: 24px; /* horizontal gutter */ --ccc-gutter-x-sm: 16px; /* small gutter (mobile) */ --ccc-gutter-y: 24px; /* vertical gutter */ --ccc-maxw: 1200px; /* content width */ --ccc-border: 1px solid rgba(0,0,0,.12); } /* =============================== 1) LAYOUT CORE / UTIL =============================== */ .wrap-ccc{ max-width: var(--ccc-maxw); margin-inline: auto; padding-inline: var(--ccc-gutter-x); } .full-bleed{ width: 100vw; margin-left: 50%; transform: translateX(-50%); } /* Hide visual breadcrumbs when .no-breadcrumbs is on ; schema (Rank Math) still outputs for SEO */ .no-breadcrumbs .ast-breadcrumbs, .no-breadcrumbs .rank-math-breadcrumb{ display: none !important; } /* iOS safe area padding for homepage (paired with --ccc-homepad JS) */ @supports (padding-top: env(safe-area-inset-top)){ @media (min-width: 601px){ .home .entry-content{ padding-top: calc( clamp(56px, var(--ccc-homepad,72px), 120px) + 6px + env(safe-area-inset-top) ); } } } /* =============================== 2) HOME HEADINGS (centered) =============================== */ .home .entry-content h1{ text-align: center; font-weight: 800; line-height: 1.12; } .home .entry-content h2{ text-align: center; font-weight: 800; line-height: 1.15; margin-bottom: .60rem; } .home .entry-content h3{ text-align: center; font-weight: 700; line-height: 1.2; margin-bottom: .5rem; } /* =============================== 3) PAGE BASICS =============================== */ .home .entry-header, .home .entry-title{ display: none; } .page .entry-header{ padding-top: 24px; } body:not(.home) .site-content{ padding-top: 0; } /* =============================== 4) MISC UI POLISH =============================== */ .ast-above-header, .ast-below-header{ border-bottom: 1px solid rgba(0,0,0,.18); }