/* * 7th Heaven — Pure Veg Bakery Café (pId 67242) — brand override styles. * Auto-loaded by base.php for this brand. Ports the CI3 * assets/themes/ue_override/css/about_style.css * (only the classes the about page uses). * * CI3 used --main-bg-color; CI4 injects --brand-primary at runtime in , * so we alias it here instead of hardcoding a hex. */ :root { --main-bg-color: var(--brand-primary, #c0392b); } /* ── Layout / shared ────────────────────────────────────────────── */ .space-top { margin-top: 24px; } .common-spacing { padding: 25px 0; } .bg-section { background-color: transparent; } .about-img img { width: 100%; } /* ── Body copy ──────────────────────────────────────────────────── */ .common-para { font-size: 15px; color: #201c1d; } /* ── Section headings + underline rule ──────────────────────────── */ .title { position: relative; } .title .span-two { display: block; font-size: 26px; margin: 0 0 1em; line-height: normal; text-transform: uppercase; } .title::after { content: ""; position: absolute; width: 100%; max-width: 130px; height: 1px; bottom: -7px; left: 0; background-color: var(--main-bg-color); } /* ── Two-column bullet lists ────────────────────────────────────── */ .list-styleTwocol { display: flex; flex-wrap: wrap; gap: 20px; } .list-styleTwocol ul { flex: 1 1 45%; } .list-styleTwocol ul li { list-style-type: disc; margin-left: 30px; } /* ── Right-hand image card ──────────────────────────────────────── */ .placeholder-img { border-radius: 12px; overflow: hidden; width: 100%; max-width: 100%; height: 100%; position: relative; box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%); } .placeholder-img img { width: 100%; max-width: 100%; height: 100%; object-fit: cover; } /* ── Responsive ─────────────────────────────────────────────────── */ @media (max-width: 767px) { .common-spacing { padding: 20px 0; } .title { font-size: 20px; } .title::after { max-width: 100px; } .title .span-two { font-size: 20px; } } @media (max-width: 485px) { .list-styleTwocol { flex-direction: column; } }