/* MedNext Academy brand tokens over the mednext template. Loaded last in ; !important beats the scoped [data-v-*]:root token blocks. */ :root { --color-bleu: #2d1b4e !important; --color-bleu-transparent: rgba(45, 27, 78, 0) !important; --color-orange: #f5a623 !important; --color-orange-transparent: rgba(245, 166, 35, 0) !important; --color-bleu-gris: #ddd4ea !important; --color-bleu-gris-transparent: rgba(221, 212, 234, 0) !important; --color-vert: #f8dfa8 !important; --color-vert-transparent: rgba(248, 223, 168, 0) !important; } /* Wordmark: lorem-template.css hides every logo svg and renders "LOREM" as a ::after pseudo. Re-skin that pseudo as the MedNext wordmark. */ .tt-icon.Logo::after, .tt-icon.LogoFr::after, .tt-icon.Logo2::after, .tt-icon.Logo2Fr::after { content: "MedNext" !important; font-family: Louize, Georgia, serif !important; font-size: 24px !important; font-weight: 400 !important; font-style: normal; letter-spacing: -0.01em !important; text-transform: none !important; } /* Hero rotating word (doctor/specialist/clinician/...): saffron so it reads as the accented, animated part of the headline. */ .home-slider-wording .wording, .home-slider-wording .wording span { color: var(--color-orange) !important; } /* Hero intro paragraph: template renders it as small sans body copy; MedNext wants it read as part of the hero statement. */ .home-hero .bottom .right p { font-family: Louize, Georgia, serif !important; font-size: clamp(1.2rem, 1.6vw, 1.5rem) !important; line-height: 1.5 !important; max-width: 34em; } /* Grafted India map states (paths have no fill attrs of their own). */ .home-map .carte .region path { fill: #b4bbc2; stroke: #2d1b4e; stroke-width: 0.7; } /* Funding->Pricing page: the template's partner-logo grid shows third-party organisation logos; MedNext has no announced partners, so hide the grid (the institutions copy lives in partners_intro above it). */ .funding-partners .partners-list, .funding-partners ul, .funding-partners .logos { display: none !important; } /* Hero legibility: the hero headline is white, but the rotating background photos vary from dark to light, so on a light frame the text washed out. A gradient scrim sits above the photo and below the copy (.top is position:relative and later in the DOM, so it paints on top), which keeps white text readable on EVERY image instead of tuning colour per photo. Text-shadow is a second line of defence for very bright frames. */ .home-hero .bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(45, 27, 78, 0.62) 0%, rgba(45, 27, 78, 0.30) 42%, rgba(45, 27, 78, 0.70) 100% ); pointer-events: none; } .home-hero .top, .home-hero .bottom { text-shadow: 0 2px 18px rgba(20, 12, 40, 0.55); } /* Hide the About "teams / people" grid for now (roles list + its heading). Precise :has() selectors -- the team-member
  • boxes exist only on /en/about, so a global rule is safe. Reversible: remove this block. */ ul:has(> li[id^="team-member"]) { display: none !important; } div.top:has(+ ul > li[id^="team-member"]) { display: none !important; }