/* Apply Admission page overrides. Loaded only for item {5C355B3B-6044-4864-AC52-42F6A9ECF814} via Default.cshtml. These two rules previously came from the inline in the rich text; they must live here now that the nested document has been removed. */ /* html cannot be reached from a body class. These two are safe because the whole file loads only inside the isApplyAdmissionPage conditional in Default.cshtml. */ html { scroll-behavior: smooth; } /* Bootswatch 3.4.1 sets body colour to #555555 and adani-fonts.css does not override colour, so that is what the standalone page renders. Bootstrap 5 uses #212529 instead. Scoped to
so the shared header and footer keep the site colour. */ .apply-admission main { color: #555555; } .apply-admission .signature { text-align: center; margin-top: 20px; font-weight: bold; } /* Align the close button to the right */ .apply-admission #closeButton { float: right; margin-top: 10px; padding: 8px 16px; cursor: pointer; } /* Optional styling for the dialog */ .apply-admission .side-btn { position: fixed; right: 0; background: #7f0606; width: auto; z-index: 9999999; top: 90%; text-align: center; color: #fff; font-weight: 600; cursor: pointer; } .apply-admission dialog#popupDialog { width: 50%; font-weight: 600; } .apply-admission .enq-btn { background: #fcaf17; width: 110px; z-index: 9999999; top: 59%; padding: 8px 5px; text-align: center; color: white; font-weight: 400; font-size: 14px; border-radius: 0px; border-radius: 4px 4px 0 0; cursor: pointer; } .apply-admission .info-bar { background-color: purple; color: white; text-align: center; padding: 7px 0; font-weight: bold; font-size: 1rem; /* responsive font */ } .apply-admission .promo-bar { background-color: #800080; color: white; overflow: hidden; padding: 10px 0; margin-top: 4%; position: relative; z-index: 10; /* Add these */ display: flex; align-items: center; height: 40px; /* Optional: define height to control scroll bar height */ } .apply-admission .scroll-text { display: inline-block; white-space: nowrap; padding-left: 100%; animation: scroll-left 20s linear infinite; font-weight: 600; font-size: 0.875rem; /* responsive font */ } /* Scrolling animation */ @keyframes scroll-left { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } /* RESPONSIVE MEDIA QUERIES */ @media (max-width: 768px) { .apply-admission .info-bar { font-size: 0.9rem; padding: 8px 0; } .apply-admission .promo-bar { padding: 8px 0; } .apply-admission .scroll-text { font-size: 0.8rem; } } @media (max-width: 480px) { .apply-admission .info-bar { font-size: 0.8rem; padding: 6px 0; } .apply-admission .promo-bar { padding: 6px 0; } .apply-admission .scroll-text { font-size: 0.75rem; } } .apply-admission .application-banner { position: fixed; top: 50px; left: 0; width: 100%; background: #702072; color: #fff; padding: 8px 0; overflow: hidden; z-index: 9999; white-space: nowrap; } .apply-admission .banner-text { display: inline-block; white-space: nowrap; animation: marquee 20s linear infinite; } @keyframes marquee { 0% { transform: translateX(100vw); } 100% { transform: translateX(-100%); } } /* --------------------------------------------------------------------------- Rules migrated out of inline style attributes in the Apply Admission rich text, so the page needs no 'unsafe-inline' in the CSP style-src directive. --------------------------------------------------------------------------- */ .apply-admission #apply.features-boxed { background: #eef4f7; } .apply-admission #apply .guidelines-title { color: #702072; font-weight: bold; text-align: center; /* Bootstrap 3 gave h1 margin: 20px 0 10px by default, which is where the gap above this heading came from on the standalone page. The site reset in adani-custom.css zeroes it, so restore it explicitly. */ margin: 20px 0 10px; } .apply-admission #apply .steps-image { width: 479px; } .apply-admission #apply .guidelines-col { font-size: 22px; font-family: 'Source Sans Pro', sans-serif; } .apply-admission #apply .guidelines-list { font-size: 17px; margin-top: 10px; } .apply-admission #apply .guidelines-list > li { margin-bottom: 10px; } /* The site-wide reset in adani-custom.css applies list-style:none and padding:0 to every ul and li, which strips the bullets and indent from the guidelines list. Restore browser-default markers, scoped to this page only. */ .apply-admission #apply .guidelines-list, .apply-admission #apply .guidelines-list ul, .apply-admission .program-card ul { padding-left: 24px; } .apply-admission #apply .guidelines-list, .apply-admission #apply .guidelines-list > li, .apply-admission .program-card ul, .apply-admission .program-card ul > li { list-style: disc outside; } .apply-admission .program-card ul > li { margin-bottom: 8px; } .apply-admission #apply .guidelines-list ul, .apply-admission #apply .guidelines-list ul > li { list-style: circle outside; } .apply-admission #apply .guidelines-list ul { margin-top: 8px; } /* The #eef4f7 page background in styles.min.css is set on body, but two rules sit on top of it: - adani-custom.css sets main { background: #f6f6f3 }, an opaque layer over the whole content area, and the rich text renders inside
. - adani-fonts.css sets html { background-color: #f4efec }; once html has a background, the body background no longer propagates to the canvas. This file loads last, so overriding both here makes #eef4f7 visible. */ html, .apply-admission main { background-color: #eef4f7; } /* --------------------------------------------------------------------------- Bootswatch 3.4.1 base typography. The standalone page loads bootstrap.min.css (Bootswatch v3.4.1 / Bootstrap v3.4.1). This site runs Bootstrap 5.3.3 plus a global reset in adani-custom.css that zeroes margin, padding, and font-weight on every heading, list, and paragraph. The rules below reproduce the Bootstrap 3 base the page was designed against. Note: font-family and font-size are NOT set here. On the standalone page adani-fonts.css loads after bootstrap, so its html/body rule wins and the page renders in Adani-Regular at 16px - identical to this site. Bootswatch's Source Sans Pro never applies to body on either page. Specificity is deliberate: :where() contributes nothing, so "main" plus ":is(h1...)" totals (0,0,2). High enough to beat the reset at (0,0,1), low enough to lose to every class rule in styles.min.css - .section-title, .program-header, .recruiter-title, .hero-content h1, .ph-card h3, .about p - so their sizes and spacing are untouched. Limited to
so the shared header and footer are never affected. --------------------------------------------------------------------------- */ :where(.apply-admission) main :is(h1, h2, h3, h4, h5, h6) { font-family: inherit; font-weight: 400; line-height: 1.1; color: #333333; } :where(.apply-admission) main :is(h1, h2, h3) { margin: 20px 0 10px; } :where(.apply-admission) main :is(h4, h5, h6) { margin: 10px 0; } :where(.apply-admission) main h1 { font-size: 36px; } :where(.apply-admission) main h2 { font-size: 30px; } :where(.apply-admission) main h3 { font-size: 24px; } :where(.apply-admission) main h4 { font-size: 18px; } :where(.apply-admission) main h5 { font-size: 14px; } :where(.apply-admission) main h6 { font-size: 12px; } :where(.apply-admission) main p { margin: 0 0 10px; } :where(.apply-admission) main :is(ul, ol) { margin-top: 0; margin-bottom: 10px; } /* --------------------------------------------------------------------------- Landing-page navbar. Replaces the shared site header on this page. The markup lives in the rich text; these rules carry the inline styles it originally had. Two of those were dropped deliberately: "float: left" is ignored on a fixed-position element, and "background: white" was immediately overridden by "#fff" in the same attribute. --------------------------------------------------------------------------- */ .apply-admission .aidtm-appnav { position: fixed; top: 0; width: 100%; height: 60px; z-index: 21; background: #fff; border: none; border-radius: 0; transition: all 0.4s ease; } .apply-admission .aidtm-appnav .navbar-brand { width: 250px; padding: 0 15px; } .apply-admission .aidtm-appnav .navbar-brand img { height: 60px; } .apply-admission .aidtm-appnav .navbar-nav { padding-top: 6px; } /* Bootstrap 3.4.1 gave navbar links 15px of horizontal padding (.nav > li > a) and 15px vertical at >=768px. Bootstrap 5 uses --bs-navbar-nav-link-padding-x: 0.5rem, which is only 8px a side - 14px less space between each link. Restore the Bootstrap 3 spacing. */ .apply-admission .aidtm-appnav .nav-link { padding: 15px; color: #000; font-weight: bold; } /* The navbar is fixed and the shared site header is switched off on this page, so the content below has nothing holding it clear of the 60px bar. */ .apply-admission main { padding-top: 60px; }