/* * Vijay Stores (pId 66642) — brand override styles. * Auto-loaded by base.php for this brand. Ports the CI3 * assets/themes/ue_override/vijaystores/vijaystores-style.css plus the shared * wla_new classes the custom pages (about / contact / bulk-order) rely on. * * CI3 used --main-bg-color for the brand colour; CI4 injects --brand-primary * at runtime in , so we alias it here instead of hardcoding a hex. */ :root { --main-bg-color: var(--brand-primary, #b99249); } /* ── Layout / shared (ported from wla_new common) ───────────────── */ .space-top { margin-top: 24px; } .common-spacing { padding: 30px 0; } .common-para { font-size: 16px; line-height: 27px; color: #222; margin-bottom: 1rem; } .title { font-size: 30px; margin-bottom: 24px; } .title .span-two { display: block; } .animatebtn { position: relative; overflow: hidden; cursor: pointer; } /* ── Headings / copy ────────────────────────────────────────────── */ .common-heading { font-size: 24px; font-weight: 600; position: relative; margin-bottom: 25px; } .common-heading:after { position: absolute; content: ""; bottom: -16px; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 3px; background-color: var(--main-bg-color); } .common-p { font-size: 17px; line-height: 27px; } .common-p b { font-weight: 600; } /* ── Contact / bulk-order form ──────────────────────────────────── */ .contact-form { background-color: #fff; width: 100%; max-width: 550px; padding: 20px; border-radius: 20px; margin: 20px auto 0; box-shadow: 0 0 10px #00000029; border: 1px solid #cccccc; } .contact-form p { font-size: 14px; max-width: 410px; margin: 0 auto; } .contact-form form label { font-weight: 600; color: #000; font-size: 16px; } .contact-form-bg .form-group { margin-bottom: 20px; } .contact-form-bg .form-control { color: #000; padding: 10px 15px; border-radius: 5px !important; height: auto; font-size: 15px !important; font-weight: 500; } .contact-form-bg .form-control:focus, .contact-form-bg .form-control:active, .contact-form-bg .form-control:focus-visible { border: 1px solid var(--main-bg-color); box-shadow: none; outline: none; } .contact-form form .primary-button { background: var(--main-bg-color); box-shadow: 0 0 20px #00000029; border-radius: 5px; color: #fff; padding: 14px 25px; display: inline-block; border: none; font-size: 15px; margin-top: 10px; } /* form status messages (replaces the CI3 inline alert toggles) */ .form-status { display: none; width: fit-content; margin: 0 auto 1em; padding: 10px 16px; border-radius: 8px; font-size: 14px; } .form-status--ok { display: block; background: #e6f5ea; color: #1c6b34; } .form-status--err { display: block; background: #fdeaea; color: #b3261e; } /* ── Service select (bulk order) ────────────────────────────────── */ .select-wrapper { position: relative; } .select-wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; background-color: #fff; border: 1px solid #ccc; padding: 10px; border-radius: 4px; } .select-wrapper::after { content: "\25BC"; position: absolute; right: 12px; top: 50%; pointer-events: none; transform: translate(0, -50%); } @media only screen and (max-width: 767px) { .common-spacing { padding: 25px 0; } .title { font-size: 22px; } .common-heading { font-size: 22px; } .common-p { font-size: 16px; line-height: 26px; margin-top: 10px; } .contact-form { padding: 20px 15px; } }