/* * The Wholesale Mart (pId 6792) — brand override styles. * Auto-loaded by base.php for this brand. Ports the CI3 * assets/wla_new/wholesale/css/about-us.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. The about view also * references var(--main-bg-color) inline, so the alias must live here. */ :root { --main-bg-color: var(--brand-primary, #d61c5c); } /* ── Layout / shared ────────────────────────────────────────────── */ .common-spacing { padding: 30px 0; } .semibold { font-weight: 600; } .common-para { font-size: 15px; font-weight: 500; color: #201c1d; } /* ── Headings + dotted rule ─────────────────────────────────────── */ .common-heading-tp { font-size: 26px; } .bottom-dots .dot { position: relative; display: block; float: left; width: 3px; height: 2px; border-right: 3px solid var(--main-bg-color); margin-right: 3px; } .bottom-dots .dot.line-dot { border-right: 40px solid var(--main-bg-color); color: var(--main-bg-color); } /* ── Story image ────────────────────────────────────────────────── */ .placeholder-img { border-radius: 12px; overflow: hidden; width: 100%; max-width: 100%; height: 320px; 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; } /* ── Mission / vision / passion cards ───────────────────────────── */ .colored { background-color: #f4f4f4; } .inner-mid-nw { border-radius: 20px; padding: 20px; height: 100%; } /* ── Experience / CTA ───────────────────────────────────────────── */ .experia .colored-heading { font-weight: 700; font-size: 30px; } .order-btn, .order-btn:hover, .order-btn:active { background-color: var(--main-bg-color); display: inline-block; padding: 4px 16px; border-radius: 5px !important; overflow: hidden; color: #fff; } @media (max-width: 767px) { .common-heading-tp { font-size: 22px; } .placeholder-img { height: 260px; } .experia .colored-heading { font-size: 25px; } }