/* * Aasife Biriyani (pId 7057, 49700) — brand override styles. * Auto-loaded by base.php for these brands (identical copy at 49700.css). * Ports the CI3 stylesheets the custom pages link: * - assets/wla_new/assifeBiriyani/css/about_20251106.css (about page) * - assets/wla_new/css/carrer.css (career page) * - assets/wla_new/css/gallery_20251106_1.css (gallery page) * Only the classes those views actually use are kept. * * CI3 used --main-bg-color / --secondary-bg-color; CI4 injects --brand-primary * and --brand-secondary at runtime in , so we alias them here instead of * hardcoding a hex. */ :root { --main-bg-color: var(--brand-primary, #c0392b); --secondary-bg-color: var(--brand-secondary, #c0392b); } /* ── Layout / shared ────────────────────────────────────────────── */ .space-top { margin-top: 24px; } .common-space { padding: 40px 0; } .common-spacing { padding: 25px 0; } .font-weight-semibold { font-weight: 600; } .semibold { font-weight: 600; } .color-primary { color: var(--main-bg-color); } /* ── Shared title (about / career / gallery) ────────────────────── */ .title .span-one { font-size: 22px; } .title .span-two { 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); } .text-center.text-md-left.title::after { left: 0; transform: translate(0%, 0); } /* ── About page ─────────────────────────────────────────────────── */ .about-img img { width: 100%; } .common-para { font-size: 15px; color: #201c1d; } .placeholder-img { border-radius: 12px; overflow: hidden; width: 100%; max-width: 100%; height: 100%; 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; } /* ── Career / Gallery shared chrome ─────────────────────────────── */ .bg-img-tp { background-color: #f1f0f5; } .franchise-page h1 { color: var(--main-bg-color); font-weight: 400; font-size: 42px; margin-bottom: 15px; } /* ── Career form ────────────────────────────────────────────────── */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } .form-dv { padding: 30px; background-color: #fff; border-radius: 10px; box-shadow: 0 0 12px rgb(0 0 0 / 30%); width: 100%; max-width: 650px; margin: 0 auto; } .form-dv .form-control, .form-dv .form-control:focus { border: 1px solid #f4f4f4; background: #f4f4f4; font-size: 15px !important; height: auto; padding: 15px; border-radius: 5px !important; } .form-dv .form-control:focus { color: #282828; border: 1px solid var(--main-bg-color); } .form-dv .form-control::placeholder { color: #282828; } .submit-btn, .submit-btn:focus { border-radius: 12px !important; background: none !important; border: 2px solid var(--main-bg-color) !important; padding: 5px 20px !important; font-weight: 400 !important; color: var(--main-bg-color) !important; font-size: 17px; } .submit-btn:hover { background: var(--main-bg-color) !important; color: #fff !important; } .label-ne { font-size: 15px; color: #000; } .radio-ne { display: flex; flex-wrap: wrap; } .radio-ne .radio-outer { padding: 0 8px; } .radio-ne .radio-outer:first-child { padding: 0; } .radio-ne .radio-outer:last-child { padding-right: 0; } .radio-ne .radio-outer label { display: inline-block; padding-left: 25px !important; } #career_form .radio-outer [type="radio"]:checked + label:before, #career_form .radio-outer [type="radio"]:not(:checked) + label:before { right: auto; left: 0; } #career_form .radio-outer [type="radio"]:checked + label:after, #career_form .radio-outer [type="radio"]:not(:checked) + label:after { right: auto; left: 4px; } #career_form .divide-n:first-child { padding-right: 15px !important; } /* ── Gallery grid ───────────────────────────────────────────────── */ .blog-card { overflow: hidden; height: 100%; } .blog-placeholder img { border-radius: 0 0 50px 0; } .franchise-page-row .col-md-4 { padding: 0 8px; margin-bottom: 25px; } /* ── Responsive ─────────────────────────────────────────────────── */ @media only screen and (max-width: 1199px) { #career_form .divide-n:first-child { padding-right: 0 !important; } } @media only screen and (max-width: 991px) { .franchise-page-row { padding: 0 10px; } .common-space { padding: 40px 0; } } @media only screen and (max-width: 767px) { .common-space, .common-spacing { padding: 20px 0; } .form-dv { padding: 15px; } .franchise-page h1 { font-size: 24px; margin-bottom: 7px; } .franchise-page h1 span { display: block; } .radio-ne .radio-outer { padding: 0; width: 100%; } .placeholder-img { height: 100%; } .title { font-size: 20px; } .title .span-one { font-size: 18px; } .title:after { max-width: 100px; } .title .span-two { font-size: 20px; } .text-center.text-md-left.title::after { left: 50%; transform: translate(-50%, 0); } .franchise-page-row .col-md-4 { padding: 0 5px; margin-bottom: 20px; } .blog-placeholder img { border-radius: 0 0 30px 0; } .blog-card { border-radius: 0; } }