/* * Magadhi (pId 65216) — brand override styles. * Auto-loaded by base.php for this brand. Ports the CI3 * assets/themes/ue_override/css/contact-new.css * (only the classes the contact 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, #8b1f1f); } /* ── Layout / shared ────────────────────────────────────────────── */ .common-spacing { padding: 40px 0; } .font-weight-semibold { font-weight: 600; } .animatebtn { position: relative; overflow: hidden; cursor: pointer; } /* ── Contact 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; } /* ── Heading / title ────────────────────────────────────────────── */ .title .span-two { font-size: 26px; margin: 0 0 1em; line-height: normal; text-transform: uppercase; color: #000; } .text-center.title::after { left: 50%; transform: translate(-50%, 0); } /* ── Contact-info paragraphs ────────────────────────────────────── */ .common-p { font-size: 17px; line-height: 27px; } .common-p b { font-weight: 600; } @media only screen and (max-width: 767px) { .contact-form { padding: 20px 15px; } .title .span-two { font-size: 20px; } .common-p { font-size: 16px; line-height: 26px; margin-top: 10px; } }