/* * Harajuku (pId 66362) — brand override styles. * Auto-loaded by base.php for this brand. Ports the CI3 * assets/themes/ue_override/harajuku/css/about-us.css * (only the classes the about page actually uses). * * CI3 used --main-bg-color / --secondary-bg-color; CI4 injects * --brand-primary / --brand-secondary at runtime in , so we * alias them here instead of hardcoding a hex. */ :root { --main-bg-color: var(--brand-primary, #e0245e); --secondary-bg-color: var(--brand-secondary, #201c1d); } /* ── Layout ─────────────────────────────────────────────────────── */ .common-spacing { padding: 25px 0; } .about-img img { width: 100%; } /* ── Body copy ──────────────────────────────────────────────────── */ .common-para { font-size: 15px; color: #201c1d; } /* ── About title + underline ────────────────────────────────────── */ .title .span-two { font-size: 26px; margin: 0 0 1em; line-height: normal; text-transform: uppercase; } .title:after { content: ""; position: absolute; width: 100%; max-width: 130px; background-color: var(--main-bg-color); height: 1px; bottom: -7px; left: 0; } .text-center.title::after { left: 50%; transform: translate(-50%, 0); } .text-center.text-md-left.title::after { left: 0; transform: translate(0, 0); } @media only screen and (max-width: 767px) { .common-spacing { padding: 20px 0; } .title { font-size: 20px; } .title:after { max-width: 100px; } .title .span-two { font-size: 20px; } .text-center.text-md-left.title::after { left: 50%; transform: translate(-50%, 0); } }