/* * Anthara (pId 67908) — brand override styles. * Auto-loaded by base.php for this brand on every page. * CI4 injects --brand-primary at runtime in ; alias CI3's colour var to it. * * About page design mirrors https://aasifebiriyani.com/about. */ :root { --main-bg-color: var(--brand-primary, #801321); --an-brand: var(--brand-primary, #801321); --an-cream: var(--brand-secondary, #dfd1ba); --an-ink: #241a1c; --an-body: #4a4243; } /* ── About Us ───────────────────────────────────────────────────── */ .an-about { color: var(--an-body); } .space-top { margin-top: 24px; } .an-section { padding: 56px 0; } .an-section--alt { background: #faf6ef; /* soft cream tint to set "Our Story" apart */ } /* Headings */ .an-title { position: relative; font-size: 34px; font-weight: 800; line-height: 1.15; color: var(--an-brand); margin: 0 0 22px; padding-bottom: 14px; } .an-title span { display: block; } .an-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 66px; height: 4px; border-radius: 4px; background: var(--an-brand); } .an-title--center { text-align: center; } .an-title--center::after { left: 50%; transform: translateX(-50%); } /* Copy */ .an-para { font-size: 16px; line-height: 29px; text-align: justify; margin: 0; color: var(--an-body); } .an-para--center { max-width: 900px; margin: 0 auto; } /* Image */ .an-media { overflow: hidden; border-radius: 14px; box-shadow: 0 14px 34px rgba(128, 19, 33, .16); } .an-media img { display: block; width: 100%; height: auto; } @media (max-width: 767px) { .an-section { padding: 36px 0; } .an-title { font-size: 27px; } .an-media { margin-top: 26px; } .an-para { text-align: left; } }