/* * Samosa Party (pId 31763) — brand override styles. * Auto-loaded by base.php for this brand. Ports the CI3 * assets/wla_new/css/samosa-party-20231020.css + assets/wla_new/css/contact-new.css * (only the classes the about / bulkOrder / contact pages use). * * 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, #e63946); } /* ── Layout / shared ────────────────────────────────────────────── */ .common-spacing { padding: 30px 0; } .common-heading { font-size: 30px; font-weight: 600; } .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; } .font-weight-semibold { font-weight: 600; } /* ── Team / party box cards ─────────────────────────────────────── */ .menu-img { width: 100%; height: 220px; max-width: 220px; border-radius: 50% !important; overflow: hidden; margin: 0 auto 20px; } .menu-div h4 { font-size: 20px; } .cc .menu-div h4, .cc .menu-div p { color: #fff; } .cc .common-heading { color: #fff; } .cc .common-heading:after { background-color: #fff; } .price-p { font-weight: 700; font-size: 18px; color: #000; } .ourteam .common-p { width: 100%; max-width: 500px; margin: 0 auto 1em; } /* ── Bulk-order terms ───────────────────────────────────────────── */ .terms-condition { font-size: 22px; font-weight: 600; } .terms-points { list-style-type: disc; color: #000; padding-left: 20px; } .terms-points p { margin: 0; } .terms-points li { margin-bottom: 2px; } /* ── 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-bg .common-heading { font-size: 24px; position: relative; margin-bottom: 25px; } .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; } .animatebtn { position: relative; overflow: hidden; cursor: pointer; } /* ── Contact page title (contact-new.css) ───────────────────────── */ .title .span-two { display: block; font-size: 26px; margin: 0 0 1em; line-height: normal; text-transform: uppercase; color: #000; } .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); } @media only screen and (max-width: 767px) { .common-spacing { padding: 25px 0; } .common-heading { font-size: 22px; } .common-p { font-size: 16px; line-height: 26px; margin-top: 10px; } .swiperow > div:first-child { order: 1; } .menu-img { width: 160px; height: 160px; } .menu-div h4 { font-size: 18px; } .menu-section .row > div { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #ffff; } .menu-section .row > div:last-child { margin-bottom: 0; border-bottom: none; } .ourteam .row > div { border-bottom: 2px solid #f1f1f1; } .contact-form { padding: 20px 15px; } .title .span-two { font-size: 20px; } .title:after { max-width: 100px; } }