/* Merged EDU front-end stack — source order matches former wp_enqueue_style deps. Do not edit individual v11/v12/v13 sheets for live CSS; edit this file (or re-merge). */ /* ===== begin v11.css ===== */ /** * Integra EDU — v11 design system * Typography + colour tokens from the Sep 2026 mock-ups, applied to existing markup. * Scoped to body.integra-edu so PT is untouched. * * Type: Raleway 400 / 500 / 700 / 800 / 900 * Large type scales with viewport; small type is fixed. */ /* Raleway 500 + 900 are enqueued from Google in functions.php (400/700/800 already local). */ /* -------------------------------------------------------------------------- */ /* Tokens */ /* -------------------------------------------------------------------------- */ body.integra-edu.redesign:not(.checkout) { --v11-orange: #F7790B; --v11-ink: #2a2d3a; --v11-grey: #9a9ca5; --v11-body: #4a4d5a; --v11-muted: #6b6e7a; --v11-soft: #f6f6f6; --v11-hairline: #e3e3e6; color: var(--v11-ink); font-family: Raleway, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.65; -webkit-font-smoothing: antialiased; } /* -------------------------------------------------------------------------- */ /* Base type + colour */ /* -------------------------------------------------------------------------- */ body.integra-edu.redesign, body.integra-edu.redesign #page, body.integra-edu.redesign .fl-builder-content { color: var(--v11-ink); } body.integra-edu.redesign h1, body.integra-edu.redesign h2, body.integra-edu.redesign h3, body.integra-edu.redesign h4, body.integra-edu.redesign h5, body.integra-edu.redesign h6 { font-family: Raleway, sans-serif; color: var(--v11-ink); letter-spacing: -0.02em; font-weight: 800; } body.integra-edu.redesign a { color: var(--v11-orange); } body.integra-edu.redesign .fl-builder-content .fl-rich-text strong, body.integra-edu.redesign .fl-module h2 span, body.integra-edu.redesign .ChooseYourJourneySection strong { font-weight: 800 !important; } /* Body copy — Regular 400, 18px / 1.65 */ body.integra-edu.redesign.how-we-work .fl-rich-text > p, body.integra-edu.redesign .fl-rich-text > p, body.integra-edu.redesign .fl-node-q1gpinxbrd4e p, body.integra-edu.redesign .fl-builder-content .fl-node-74lmpebo3k5h p, body.integra-edu.redesign .fl-node-ix7hrvw0su4f p, body.integra-edu.redesign .ChooseYourJourneySection p, body.integra-edu.redesign .fl-node-iyzrumkgq2ex p, body.integra-edu.redesign .WhatSetsUsApart .fl-col-group-nested > .fl-col-small:nth-child(2) .fl-rich-text p, body.integra-edu.redesign .fl-node-yhqkoljs07md p, body.integra-edu.redesign .fl-node-3evmpy9xqszg p, body.integra-edu.redesign #field_75_2 legend, body.integra-edu.redesign .fl-node-cgh0ensrbvj3 p, body.integra-edu.redesign .fl-node-38wcd6vm7fn5.LHSText p, body.integra-edu.redesign .HowWeWorkTitleSection p, body.integra-edu.redesign .HowWeWorkBoxesSection p, body.integra-edu.redesign.performance .fl-rich-text > p { font-size: 18px !important; line-height: 1.65 !important; font-weight: 400 !important; color: var(--v11-ink); } body.integra-edu.redesign .HowWeWorkBoxesSection p del, .redesign-price-section p{ color:white!important; } body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-enrol-price-type-buttons .footnote-button.Integra{ font-size:0!important; padding:0!important; } body.integra-edu.redesign .ChooseYourJourneySection p, body.integra-edu.redesign .WhatSetsUsApart .fl-col-group-nested > .fl-col-small:nth-child(2) .fl-rich-text p { color: var(--v11-body); line-height: 1.6 !important; font-size: 16px !important; } /* Open orange circle bullets */ body.integra-edu:not(.library):not(.resources):not(.courses):not(.enrolment) #page ul li:not(.gfield)::before { border-color: var(--v11-orange) !important; width: 12px; height: 12px; top: 8px; border-width: 2px; box-sizing: border-box; } body.integra-edu:not(.library):not(.resources):not(.courses):not(.enrolment) #page ul li:not(.gfield) { font-size: 18px; line-height: 1.5; padding-left: 30px; } /* Soft section backgrounds where the mock uses #f6f6f6 */ body.integra-edu.redesign .fl-row-bg-color.IntegraTrustedBy .fl-row-content-wrap, body.integra-edu.redesign .fl-row.voice-soft { background-color: var(--v11-soft); } /* -------------------------------------------------------------------------- */ /* Hero */ /* -------------------------------------------------------------------------- */ body.integra-edu.redesign header#customHeader { background-color: #000 !important; color: #fff; position: relative; } /* Mock .hero::after — left-weighted dark wash over the photo */ body.integra-edu.redesign header#customHeader::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0.02) 100%); pointer-events: none; } body.integra-edu.redesign header#customHeader > section, body.integra-edu.redesign header#customHeader #headerButtonContainer, body.integra-edu.redesign header#customHeader .TextContainer, body.integra-edu.redesign header#customHeader #desktopContainer { position: relative; z-index: 2; } /* Eyebrow above headline — mock .eyebrow: 15px / 700 (NOT the subtitle h2) */ body.integra-edu.redesign header#customHeader > section > section.TextContainer .eyebrow, body.integra-edu.redesign header#customHeader .TextContainer > p.eyebrow, body.integra-edu.redesign header#customHeader #desktopContainer > h2:not(.Subtitle2), body.integra-edu.redesign header#customHeader:has(h2.Subtitle2) #desktopContainer > h2:first-of-type, html body.integra-edu.redesign header#customHeader:has(h2:nth-of-type(2)) h2:nth-of-type(1) { color: #fff !important; font-weight: 700 !important; font-size: 15px !important; line-height: 1.4 !important; letter-spacing: 0.02em !important; margin-top: 0 !important; margin-bottom: 22px !important; max-width: none; } /* When eyebrow is the first of two h2s, it carries the hero top inset (~mock 170px + bar) */ /*html body.integra-edu.redesign header#customHeader:has(h2:nth-of-type(2)) h2:nth-of-type(1), html body.integra-edu.redesign header#customHeader:has(h2.Subtitle2) #desktopContainer > h2:not(.Subtitle2) { padding-top: 194px !important; }*/ /* Hero subtitle — mock .hero p.sub (h2.Subtitle2 on this build) */ body.integra-edu.redesign header#customHeader > section > section.TextContainer h2.Subtitle2, body.integra-edu.redesign #desktopContainer h2.Subtitle2, body.integra-edu.redesign header#customHeader:has(h2.Subtitle2) #desktopContainer > h2.Subtitle2 { color: #fff !important; font-weight: 400 !important; font-size: clamp(18px, 1.7vw, 24px) !important; line-height: 1.5 !important; letter-spacing: 0 !important; max-width: 700px; margin-top: 28px !important; padding-top: 0 !important; } body.integra-edu.redesign header#customHeader > section > section.TextContainer h2.Subtitle2 strong, body.integra-edu.redesign #desktopContainer h2.Subtitle2 strong { font-weight: 700 !important; } /* Hero headline — ExtraBold 800, fluid ~54–156px (mock .hero h1.l) */ body.integra-edu.redesign header#customHeader > section > section.TextContainer h1, body.integra-edu.redesign #desktopContainer h1 { font-weight: 800 !important; font-size: clamp(54px, 9.6vw, 156px) !important; line-height: 0.98 !important; letter-spacing: -0.02em !important; padding-top: 0; margin: 0; max-width: 1200px; color: #fff !important; } @media (max-width: 900px) { body.integra-edu.redesign header#customHeader > section > section.TextContainer h1, body.integra-edu.redesign #desktopContainer h1 { font-size: clamp(44px, 12vw, 80px) !important; } } /* Hero CTA only — not #headerButtonContainer (menu / cart chrome) */ body.integra-edu.home.redesign #desktopContainer .ButtonContainer, body.integra-edu.redesign.home #desktopContainer .ButtonContainer { display: flex !important; flex-direction: column; align-items: flex-start; margin-top: 0 !important; } body.integra-edu.redesign header#customHeader > section > section.TextContainer button, body.integra-edu.redesign #desktopContainer .ButtonContainer button { background: var(--v11-orange) !important; color: #fff !important; border: none !important; border-radius: 0 !important; font-weight: 700 !important; font-size: 16px !important; line-height: 1.2 !important; padding: 22px 24px !important; min-height: 0 !important; max-height: none !important; width: auto !important; margin-top: 38px !important; display: inline-flex !important; align-items: center; gap: 26px; align-self: flex-start; } body.integra-edu.redesign header#customHeader a, body.integra-edu.redesign header#customHeader a i.icon-Icons-Integra-website_Shopping-cart { color: #fff; } /* -------------------------------------------------------------------------- */ /* Orange promo strip */ /* -------------------------------------------------------------------------- */ body.integra-edu.redesign .PromoSection, body.integra-edu.redesign .PromoSection .fl-row-content-wrap { background: var(--v11-orange) !important; color: #fff !important; padding-top:0!important; padding-bottom:0!important; } body.integra-edu.redesign .PromoSection p, body.integra-edu.redesign .PromoSection a, body.integra-edu.redesign .PromoSection .fl-rich-text, body.integra-edu.redesign .PromoSection .fl-rich-text * { color: #fff !important; font-weight: 800 !important; font-size: 20px !important; line-height: 1.4 !important; text-align: center; } /* -------------------------------------------------------------------------- */ /* Headings — Large / Medium / Tagline */ /* -------------------------------------------------------------------------- */ /* Tagline middles stay grey (e.g. “Elevate every rep - …”) */ body.integra-edu.redesign .fl-node-hgun1ei5cdt4.LargeHeader .fl-heading-text span, body.integra-edu.redesign .fl-node-4qguln3mscho .fl-heading-text span, body.integra-edu.redesign .LargeHeader.Tagline .fl-heading-text span { color: var(--v11-grey) !important; font-size: 1em !important; } body.integra-edu.redesign .LargeHeader.Tagline .fl-heading-text, body.integra-edu.redesign .LargeHeader.Tagline h2 { font-weight: 800 !important; font-size: clamp(32px, 5vw, 74px) !important; line-height: 1.08 !important; letter-spacing: -0.02em !important; color: var(--v11-ink) !important; } /* * Two-tone statement row (.beat in the mock): * base = statement grey, / = ink. * Must follow generic LargeHeader colour rules. */ body.integra-edu.redesign .LargeHeader.VerticalMerge .fl-heading-text, body.integra-edu.redesign .fl-node-s5dexj8a0i1b .fl-heading-text, body.integra-edu.redesign .LargeHeader.VerticalMerge h2 .fl-heading-text { font-weight: 800 !important; font-size: clamp(32px, 5vw, 74px) !important; line-height: 1.08 !important; letter-spacing: -0.02em !important; color: var(--v11-grey) !important; max-width: 1250px; } body.integra-edu.redesign .LargeHeader.VerticalMerge .fl-heading-text span, body.integra-edu.redesign .LargeHeader.VerticalMerge .fl-heading-text em, body.integra-edu.redesign .fl-node-s5dexj8a0i1b .fl-heading-text span, body.integra-edu.redesign .fl-node-s5dexj8a0i1b .fl-heading-text em { color: var(--v11-ink) !important; font-style: normal !important; } /* Row / section headings — ExtraBold 800, ~38–72px */ body.integra-edu.redesign .LargeHeader h2.fl-heading span, body.integra-edu.redesign .LargeHeader h3.fl-heading span, body.integra-edu.redesign:not(.project):not(.about) .LargeHeader:not(.VerticalMerge):not(.Tagline) .fl-heading-text, body.integra-edu.redesign h2.LargeHeader:not(.VerticalMerge):not(.Tagline) { font-weight: 800 !important; font-size: clamp(38px, 4.8vw, 72px) !important; line-height: 1 !important; letter-spacing: -0.02em !important; color: var(--v11-ink) !important; } /* Pathway title */ body.integra-edu.redesign .ChooseYourJourneySection .fl-module-heading .fl-heading-text, body.integra-edu.redesign .fl-node-rqgn2baucxs3 .fl-heading-text { font-weight: 800 !important; font-size: clamp(34px, 4.4vw, 62px) !important; line-height: 1 !important; letter-spacing: -0.02em !important; text-align: center; color: var(--v11-ink) !important; } /* -------------------------------------------------------------------------- */ /* Intro band — “Start with a day.” (.ib in the mock) */ /* -------------------------------------------------------------------------- */ body.integra-edu.redesign .IntroBand .fl-row-content-wrap, body.integra-edu.redesign .fl-node-p6hs02aegzq5 > .fl-row-content-wrap { background: var(--v11-soft) !important; border-top: 1px solid var(--v11-hairline); border-bottom: 1px solid var(--v11-hairline); padding-top: clamp(44px, 5vw, 72px) !important; padding-bottom: clamp(44px, 5vw, 72px) !important; } body.integra-edu.redesign .fl-node-izw039axg728 .fl-heading-text, body.integra-edu.redesign .IntroBand .fl-module-heading .fl-heading-text { font-weight: 800 !important; font-size: clamp(30px, 3.6vw, 52px) !important; line-height: 1.02 !important; letter-spacing: -0.02em !important; color: var(--v11-ink) !important; } body.integra-edu.redesign .v11-k, body.integra-edu.redesign .IntroBand .v11-k, body.integra-edu.redesign .fl-node-kpof4a96hew5 .v11-k, body.integra-edu.redesign .fl-rich-text > p.v11-k, body.integra-edu.redesign .IntroBand .fl-rich-text > p.v11-k, body.integra-edu.redesign .fl-node-kpof4a96hew5.fl-module-rich-text .fl-rich-text > p.v11-k { display: block; font-size: 12.5px !important; font-weight: 800 !important; letter-spacing: 0.14em; text-transform: uppercase; color: var(--v11-orange) !important; margin: 0 0 12px !important; line-height: 1.4 !important; } body.integra-edu.redesign .fl-node-kpof4a96hew5.fl-module-rich-text .fl-rich-text > p:not(.v11-k), body.integra-edu.redesign .IntroBand .fl-rich-text > p:not(.v11-k), body.integra-edu.redesign .fl-node-p4huiate6kzj .fl-rich-text > p { font-size: 18px !important; line-height: 1.55 !important; font-weight: 400 !important; color: #3a3d4a !important; margin-bottom: 18px !important; } /* Intro band columns — mock .ib is 1.4fr / 1fr */ body.integra-edu.home.redesign .IntroBand .fl-col-group.fl-node-ewc517dqasg9, body.integra-edu.home.redesign .fl-node-p6hs02aegzq5 .fl-col-group.fl-node-ewc517dqasg9 { display: flex !important; align-items: center !important; gap: 40px; } body.integra-edu.home.redesign .IntroBand .fl-col.fl-node-bjsmri40ucta { flex: 1.4 1 0 !important; width: auto !important; max-width: none !important; } body.integra-edu.home.redesign .IntroBand .fl-col.fl-node-1mlh2aye4cs5 { flex: 1 1 0 !important; width: auto !important; max-width: none !important; } body.integra-edu.redesign .v11-ink-btn, body.integra-edu.redesign .fl-node-kpof4a96hew5 a.v11-ink-btn { display: inline-flex !important; align-items: center; gap: 16px; background: var(--v11-ink) !important; color: #fff !important; font-weight: 800 !important; font-size: 15px !important; padding: 16px 20px !important; text-decoration: none !important; border: none !important; line-height: 1.2 !important; } body.integra-edu.redesign .v11-ink-btn::after { content: "\2197"; font-weight: 400; } /* Hide old icon-bullet chrome inside the intro band body */ body.integra-edu.redesign .fl-node-kpof4a96hew5.IconBulletPoints ul li::before, body.integra-edu.redesign .IntroBand .IconBulletPoints ul li::before { display: none !important; } body.integra-edu.redesign .fl-node-kpof4a96hew5.IconBulletPoints ul li { padding-left: 0 !important; list-style: none !important; margin-bottom: 0 !important; } /* Pathway / “What They're Saying” / “We Train the Trainers” — ~34–64px */ body.integra-edu.redesign .MediumHeader h2 span.fl-heading-text, body.integra-edu.redesign .MediumHeader h3 span.fl-heading-text, body.integra-edu.redesign .MediumHeader .fl-heading-text, body.integra-edu.redesign .IntegraTrustedBy h2, body.integra-edu.redesign .ChooseYourJourneySection .fl-module-heading .fl-heading-text, body.integra-edu.redesign .fl-node-50sg3ndh9m7i .fl-heading-text, body.integra-edu.redesign .integra-featured-in h3 span, body.integra-edu.redesign .fl-node-rqgn2baucxs3 .fl-heading-text, body.integra-edu.redesign .fl-node-54wiz0c8nxly.LargeHeader .fl-heading-text, body.integra-edu.redesign .StartYourJourneyWithIntegraSection .LargeHeader .fl-heading-text, body.integra-edu.redesign .fl-node-i8o31stchvfa.MediumHeader .fl-heading-text, body.integra-edu.redesign.testimonials h2 .fl-heading-text, body.integra-edu.redesign .fl-node-tf02sc6kxvig.MediumHeader h2 span.fl-heading-text, body.integra-edu.redesign .fl-node-tkowqy3dp1h2 h2 span.fl-heading-text { font-weight: 800 !important; font-size: clamp(34px, 4.4vw, 64px) !important; line-height: 1 !important; letter-spacing: -0.02em !important; color: var(--v11-ink) !important; } body.integra-edu.redesign .IntegraTrustedBy h2 { color: var(--v11-ink) !important; } /* Extra-large display (closing / “what comes after”) — ~44–110px */ body.integra-edu.redesign .TransformYourDailyLife .LargeHeader:not(.VerticalMerge) .fl-heading-text, body.integra-edu.redesign .TransformYourDailyLife h2.LargeHeader:not(.VerticalMerge), body.integra-edu.redesign .StartYourJourneyWithIntegraSection .LargeHeader .fl-heading-text, body.integra-edu.redesign .fl-node-4iofxhprswk2.LargeHeader .fl-heading-text, body.integra-edu.redesign .fl-node-skvhn52zpexi.LargeHeader .fl-heading-text, body.integra-edu.redesign .fl-node-ynv732bdjpkz.LargeHeader .fl-heading-text, body.integra-edu.redesign .fl-node-9xi5qtocgsep.LargeHeader .fl-heading-text, body.integra-edu.redesign .fl-node-qgs9kbhu43pz.LargeHeader .fl-heading-text, body.integra-edu.redesign .fl-node-i80xq29wdjnt.LargeHeader .fl-heading-text, body.integra-edu.redesign .fl-node-lf9qcgvowzde.LargeHeader .fl-heading-text { font-weight: 800 !important; font-size: clamp(44px, 7vw, 110px) !important; line-height: 1 !important; letter-spacing: -0.02em !important; color: var(--v11-ink) !important; } /* Sub-heading inside a row — ExtraBold 800, ~22–28px */ body.integra-edu.redesign .fl-node-4qguln3mscho .fl-heading-text, body.integra-edu.redesign .fl-node-tb4fnrw6l078 .fl-heading-text, body.integra-edu.redesign .LHSBulletPointsImageRow .fl-heading-text, body.integra-edu.redesign .WhatSetsUsApart .fl-col-group-nested > .fl-col-small:nth-child(2) h2 .fl-heading-text, body.integra-edu.redesign h3.TickIconTitle, body.integra-edu.redesign .integra-edu .TopicScheduleColumns h3 span { font-weight: 800 !important; font-size: clamp(22px, 2vw, 28px) !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; } /* -------------------------------------------------------------------------- */ /* Pathway row (.ChooseYourJourneySection) */ /* -------------------------------------------------------------------------- */ body.integra-edu.redesign .ChooseYourJourneySection strong { font-size: 22px !important; line-height: 1.25 !important; font-weight: 800 !important; color: var(--v11-ink); } body.integra-edu.redesign .ChooseYourJourneySection .fl-photo button, body.integra-edu.redesign .ChooseYourJourneySection a.more, body.integra-edu.redesign .ChooseYourJourneySection .fl-module-button .fl-button { color: var(--v11-orange) !important; font-weight: 800 !important; font-size: 15px !important; background: transparent !important; } /* -------------------------------------------------------------------------- */ /* Buttons / CTAs */ /* -------------------------------------------------------------------------- */ /* Primary orange CTA */ body.integra-edu.redesign:not(.courses) .fl-module-button:not(.Black) .fl-button, body.integra-edu.redesign:not(.courses) .IntegraPTButton.Orange, body.integra-edu.redesign:not(.courses) .BlogNewContainer.LabTime form .edd-add-to-cart, body.integra-edu.redesign:not(.courses) .BlogNewContainer .edd-add-to-cart.button { background: var(--v11-orange) !important; color: #fff !important; border: none !important; border-radius: 0 !important; font-weight: 800 !important; font-size: 16px !important; padding: 16px 24px !important; } /* Ink / black buttons — Outcomes, Format, FAQ style */ body.integra-edu.redesign .fl-module-button.Black .fl-button, body.integra-edu.redesign .Black.ExploreHowWeWorkButton .fl-button, body.integra-edu.redesign .DetailsSection button, body.integra-edu.redesign .DetailsSection .IntegraPTButton, body.integra-edu.redesign .footnote-button.Integra { background: var(--v11-ink) !important; color: #fff !important; border: none !important; border-radius: 0 !important; font-weight: 700 !important; font-size: 20px !important; padding: 14px 20px !important; } body.integra-edu.redesign .fl-node-zg3bk0cn2vds.Black .fl-button-text, body.integra-edu.redesign .Black.ExploreHowWeWorkButton .fl-button-text { font-size: 20px !important; font-weight: 800 !important; } body.integra-edu.redesign button[type="submit"].gform_button.button, body.integra-edu.redesign .ChooseYourJourneySection .fl-photo button { background-color: var(--v11-ink) !important; color: #fff !important; font-weight: 700 !important; } /* Orange hover accents */ body.integra-edu.redesign .fl-module-button.Black .fl-button:hover, body.integra-edu.redesign .Black.ExploreHowWeWorkButton .fl-button:hover, body.integra-edu.redesign .IntegraPTButton:hover, body.integra-edu.redesign .BlogNewContainer .grey_btn:hover { background-color: var(--v11-orange) !important; color: #fff !important; border-color: transparent !important; } /* -------------------------------------------------------------------------- */ /* Enrol widgets */ /* -------------------------------------------------------------------------- */ body.integra-edu.redesign .BlogNewContainer.LabTime, body.integra-edu.redesign .EnrolSection1 .BlogNewContainer, body.integra-edu.redesign .EnrolSection2 .BlogNewContainer { background: var(--v11-ink); color: #fff; } body.integra-edu.redesign .BlogNewContainer.LabTime h3, body.integra-edu.redesign .BlogNewContainer h3 { font-weight: 700 !important; font-size: 19px !important; color: #fff !important; } body.integra-edu.redesign:not(.courses) .BlogNewContainer.LabTime .LabtimePrice, body.integra-edu.redesign:not(.courses) .BlogNewContainer .big, body.integra-edu.redesign:not(.courses) .BlogNewContainer .SoldOut, body.integra-edu.redesign:not(.courses) .BlogNewContainer .price { font-weight: 900 !important; font-size: 40px !important; line-height: 1.1; color: #fff; } body.integra-edu.redesign .BlogNewContainer.LabTime > p, body.integra-edu.redesign .BlogNewContainer.LabTime .wp { font-size: 20px !important; font-weight: 800 !important; color: #fff; } body.integra-edu.redesign .BlogNewContainer.LabTime > p > span, body.integra-edu.redesign .BlogNewContainer.LabTime b, body.integra-edu.redesign .BlogNewContainer.LabTime strong { font-weight: 700 !important; } body.integra-edu.redesign .BlogNewContainer.LabTime form .edd-add-to-cart-label, body.integra-edu.redesign .BlogNewContainer.LabTime form .edd-add-to-cart { font-weight: 800 !important; font-size: 20px !important; } /* Details label + rows */ body.integra-edu.redesign .DetailsSection h3, body.integra-edu.redesign .DetailsSection .fl-heading-text, body.integra-edu.redesign .DetailsSection label, body.integra-edu.redesign .EnrolSection1 h4, body.integra-edu.redesign .EnrolSection2 h4 { font-weight: 800 !important; font-size: 12.5px !important; letter-spacing: 0.14em; text-transform: uppercase; color: var(--v11-orange) !important; } body.integra-edu.redesign .DetailsSection p, body.integra-edu.redesign .DetailsSection li, body.integra-edu.redesign .EnrolSection1 p, body.integra-edu.redesign .EnrolSection2 p { font-size: 16.5px !important; line-height: 1.5 !important; } /* Enrol row heading */ body.integra-edu.redesign .EnrolSection1 .LargeHeader .fl-heading-text, body.integra-edu.redesign .EnrolSection2 .LargeHeader .fl-heading-text, body.integra-edu.redesign .EnrolSection1 .MediumHeader .fl-heading-text, body.integra-edu.redesign .EnrolSection2 .MediumHeader .fl-heading-text { font-weight: 800 !important; font-size: clamp(32px, 3.6vw, 52px) !important; line-height: 1.05 !important; letter-spacing: -0.02em !important; } /* -------------------------------------------------------------------------- */ /* Testimonials */ /* -------------------------------------------------------------------------- */ body.integra-edu.redesign .IntegraTestimonialsSliderPT .TextContainer, body.integra-edu.redesign #eduTestiminalsSlider .TextContainer { background: var(--v11-ink); } body.integra-edu.redesign .IntegraTestimonialsSliderPT quote, body.integra-edu.redesign .IntegraTestimonialsSliderPT .quote, body.integra-edu.redesign .IntegraTestimonialsSliderPT p, body.integra-edu.redesign #integraModal quote { font-weight: 800 !important; font-size: clamp(22px, 2.3vw, 32px) !important; line-height: 1.3 !important; letter-spacing: -0.01em; } body.integra-edu.redesign .IntegraTestimonialsSliderPT .slick-arrow, body.integra-edu.redesign #chooseYourJourneySectionClone .slick-arrow, body.integra-edu.redesign #whatSetsUsApartSectionClone .slick-arrow { background-color: var(--v11-ink); } /* -------------------------------------------------------------------------- */ /* Menu drawer */ /* -------------------------------------------------------------------------- */ body.integra-edu.redesign .cbp-spmenu ul#menu-education-header-menu li a, body.integra-edu.redesign .cbp-spmenu ul#menu-education-header-menu li a:hover, body.integra-edu.redesign .cbp-spmenu ul#menu-education-header-menu-part-2 li a, body.integra-edu.redesign .cbp-spmenu ul#menu-education-header-menu-part-2 li a:hover { font-size: clamp(24px, 2.2vw, 32px) !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.02em; color: var(--v11-ink) !important; } body.integra-edu.redesign #menu-education-header-menu li > ul > li > a { font-weight: 800 !important; font-size: clamp(22px, 1.9vw, 28px) !important; line-height: 1.2 !important; color: var(--v11-ink) !important; } body.integra-edu.redesign #mainMenuIntroContainer { font-weight: 800; color: var(--v11-ink); } body.integra-edu.redesign .cbp-spmenu a.menu-login-btn { font-weight: 700 !important; font-size: 17px !important; color: var(--v11-ink) !important; } body.integra-edu.redesign .cbp-spmenu h3 { font-weight: 800; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--v11-muted) !important; } @media (max-width: 900px) { body.integra-edu.redesign .cbp-spmenu ul#menu-education-header-menu li a, body.integra-edu.redesign .cbp-spmenu ul#menu-education-header-menu-part-2 li a { font-size: 25px !important; } body.integra-edu.redesign #menu-education-header-menu li > ul > li > a { font-size: 23px !important; } } /* -------------------------------------------------------------------------- */ /* Numbers / stats band */ /* -------------------------------------------------------------------------- */ body.integra-edu.redesign .NumbersBand b, body.integra-edu.redesign .stats b, body.integra-edu.redesign .WhatSetsUsApart .fl-col-group-nested > .fl-col-small:nth-child(1) p strong { color: var(--v11-orange) !important; font-weight: 900 !important; font-size: clamp(30px, 3vw, 44px) !important; line-height: 1 !important; } body.integra-edu.redesign .NumbersBand span, body.integra-edu.redesign .stats span { font-weight: 700 !important; font-size: 16px !important; line-height: 1.35 !important; } /* -------------------------------------------------------------------------- */ /* Modals / FAQ pop-ups */ /* -------------------------------------------------------------------------- */ body.integra-edu.redesign .uabb-modal .uabb-modal-title, body.integra-edu.redesign .DetailsModal .uabb-modal-title, body.integra-edu.redesign .footnote-main-wrapper h2, body.integra-edu.redesign .footnote-main-wrapper h3 { font-weight: 800 !important; font-size: clamp(28px, 3vw, 42px) !important; line-height: 1.04 !important; letter-spacing: -0.02em; color: var(--v11-ink) !important; } body.integra-edu.redesign .uabb-modal .uabb-modal-content-data p, body.integra-edu.redesign .DetailsModal p, body.integra-edu.redesign .footnote-main-wrapper p, body.integra-edu.redesign .footnote-main-wrapper li { font-size: 16px !important; line-height: 1.65 !important; font-weight: 400 !important; color: var(--v11-body); } body.integra-edu.redesign .uabb-modal .uabb-modal-content-data h4, body.integra-edu.redesign .DetailsModal h4, body.integra-edu.redesign .footnote-main-wrapper h4 { font-weight: 800 !important; font-size: 13px !important; letter-spacing: 0.12em; text-transform: uppercase; color: var(--v11-orange) !important; } body.integra-edu.redesign .FAQQuestion, body.integra-edu.redesign .faq-question, body.integra-edu.redesign .uabb-faq-questions { font-weight: 800 !important; font-size: 17.5px !important; color: var(--v11-orange) !important; } /* -------------------------------------------------------------------------- */ /* Brand orange + ink swaps (replace legacy #f77908 / rgb(43,47,60)) */ /* -------------------------------------------------------------------------- */ body.integra-edu.redesign { --brand-orange: var(--v11-orange); --brand-ink: var(--v11-ink); } body.integra-edu.redesign .lwa-links-remember-cancel.button, body.integra-edu.redesign .lwa-bones .pixelbones .button.lwa-links-remember-cancel:hover, body.integra-edu.redesign.library ul.blog_ovrvw_outer li figure .grey_btn, body.integra-edu.redesign .RevealButton { background-color: var(--v11-ink) !important; } body.integra-edu.redesign .slick-dots li.slick-active button { background: var(--v11-grey); } body.integra-edu.redesign .slick-dots li button { background: var(--v11-ink); } /* Closing band on dark */ body.integra-edu.redesign .StartYourJourneyWithIntegraSection .fl-row-content-wrap, body.integra-edu.redesign .StartYourJourneyWithIntegraSection { color: #fff; } body.integra-edu.redesign .StartYourJourneyWithIntegraSection .LargeHeader .fl-heading-text { color: #fff !important; } body.integra-edu.redesign .StartYourJourneyWithIntegraSection .Black a.fl-button { background: var(--v11-orange) !important; color: #fff !important; } body.integra-edu.redesign.integra-edu .StartYourJourneyWithIntegraSection .Black a.fl-button { background: var(--v11-orange) !important; color: #fff !important; } /* -------------------------------------------------------------------------- */ /* Homepage layout — beat, path, hours, said, split, logos, close */ /* -------------------------------------------------------------------------- */ /* Statement (.beat) — left-aligned like the mock, not centred */ body.integra-edu.home.redesign .fl-node-s5dexj8a0i1b.fl-module-heading .fl-heading, body.integra-edu.home.redesign .fl-node-s5dexj8a0i1b .fl-heading-text, body.integra-edu.home.redesign .TransformYourDailyLife .LargeHeader.VerticalMerge .fl-heading, body.integra-edu.home.redesign .TransformYourDailyLife .LargeHeader.VerticalMerge .fl-heading-text { margin-left: 0 !important; margin-right: 0 !important; text-align: left !important; } /* Kill BB spacing that stacks on mock's 120px pad (row mt 80 + module ml 35 + module mt 20) */ body.integra-edu.home.redesign .fl-node-iekjglbs47hc.TransformYourDailyLife, body.integra-edu.home.redesign .fl-node-iekjglbs47hc { margin-top: 0 !important; margin-bottom: 0 !important; height: auto !important; min-height: 0 !important; } body.integra-edu.home.redesign .fl-node-s5dexj8a0i1b, body.integra-edu.home.redesign .fl-node-s5dexj8a0i1b > .fl-module-content { margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; max-width: 1250px; } body.integra-edu.home.redesign .TransformYourDailyLife > .fl-row-content-wrap, body.integra-edu.home.redesign .fl-node-iekjglbs47hc > .fl-row-content-wrap { padding-top: clamp(64px, 9vw, 120px) !important; padding-bottom: clamp(64px, 9vw, 120px) !important; padding-left: 6vw !important; padding-right: 6vw !important; background: #fff !important; height: auto !important; min-height: 0 !important; } body.integra-edu.home.redesign .fl-node-rqgn2baucxs3 .fl-heading, body.integra-edu.home.redesign .fl-node-rqgn2baucxs3 .fl-heading-text { text-align: center !important; } /* Pathway (.path) */ body.integra-edu.home.redesign .ChooseYourJourneySection > .fl-row-content-wrap, body.integra-edu.home.redesign .fl-node-fe9r7xcjmp41 > .fl-row-content-wrap { padding: clamp(64px, 8vw, 110px) 6vw !important; background: #fff !important; } body.integra-edu.home.redesign .ChooseYourJourneySection .fl-node-rqgn2baucxs3 { margin-bottom: 46px !important; } /* Hairline above the three columns (levels sit under it) */ body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col-group.fl-node-53rekzx9uig1 { border-top: 1px solid var(--v11-ink); } body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col-group.fl-node-53rekzx9uig1 > .fl-col { border: 0 !important; padding-left: 20px !important; padding-right: 20px !important; } /* Level 1 / 2 / 3 labels */ body.integra-edu.home.redesign .ChooseYourJourneySection .fl-node-d8i536h1v9rt .fl-rich-text > p, body.integra-edu.home.redesign .ChooseYourJourneySection .fl-node-w1qheo72l4r3 .fl-rich-text > p, body.integra-edu.home.redesign .ChooseYourJourneySection .fl-node-08p2wxbltaoz .fl-rich-text > p { text-align: center !important; font-weight: 800 !important; font-size: 15px !important; line-height: 1.2 !important; color: var(--v11-ink) !important; padding: 14px 0 30px !important; margin: 0 !important; } /* Square course art */ body.integra-edu.home.redesign .ChooseYourJourneySection .fl-photo img, body.integra-edu.home.redesign .ChooseYourJourneySection .fl-photo-content { width: 100% !important; aspect-ratio: 1 / 1; object-fit: cover; display: block; } body.integra-edu.home.redesign .ChooseYourJourneySection .fl-module-photo { margin: 0 !important; } /* Title + tagline + body + link */ body.integra-edu.home.redesign .ChooseYourJourneySection .fl-node-mud19ynz4tae .fl-rich-text > p:nth-child(1) strong, body.integra-edu.home.redesign .ChooseYourJourneySection .fl-node-l0gfujwi8em9 .fl-rich-text > p:nth-child(1) strong, body.integra-edu.home.redesign .ChooseYourJourneySection .fl-node-0vzn4m8qj5iy .fl-rich-text > p:nth-child(1) strong, body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col .fl-module-rich-text:last-child .fl-rich-text > p:nth-child(1) strong { font-size: 28px !important; font-weight: 800 !important; line-height: 1.25 !important; color: var(--v11-ink) !important; } body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col .fl-module-rich-text:last-child .fl-rich-text > p:nth-child(1) { margin: 22px 0 6px !important; } body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col .fl-module-rich-text:last-child .fl-rich-text > p:nth-child(2) strong { font-size: clamp(24px, 2.4vw, 34px) !important; font-weight: 800 !important; letter-spacing: -0.01em !important; line-height: 1.1 !important; color: var(--v11-ink) !important; } body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col .fl-module-rich-text:last-child .fl-rich-text > p:nth-child(2) { margin: 0 0 10px !important; } body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col .fl-module-rich-text:last-child .fl-rich-text > p:nth-child(3) { font-size: 20px !important; line-height: 1.4 !important; font-weight: 400 !important; color: #4a4d5a !important; margin: 0 0 14px !important; } body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col .fl-module-rich-text:last-child .fl-rich-text > p:nth-child(4) a, body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col .fl-module-rich-text:last-child a { display: inline-block; margin-top: 0; color: var(--v11-orange) !important; font-weight: 800 !important; font-size: 20px !important; text-decoration: none !important; background: transparent !important; } /* Hours band */ body.integra-edu.home.redesign .HoursBand > .fl-row-content-wrap, body.integra-edu.home.redesign .fl-node-1jglbrna2qd6 > .fl-row-content-wrap { position: relative; padding: clamp(80px, 10vw, 150px) 6vw !important; overflow: hidden; background-color: #000 !important; } body.integra-edu.home.redesign .HoursBand > .fl-row-content-wrap::before, body.integra-edu.home.redesign .fl-node-1jglbrna2qd6 > .fl-row-content-wrap::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); pointer-events: none; z-index: 0; } body.integra-edu.home.redesign .HoursBand .fl-row-content, body.integra-edu.home.redesign .fl-node-1jglbrna2qd6 .fl-row-content, body.integra-edu.home.redesign .HoursBand .fl-module, body.integra-edu.home.redesign .fl-node-toi2lg4jv09m { position: relative; z-index: 1; color: #fff !important; } body.integra-edu.home.redesign .v11-hours-num, body.integra-edu.home.redesign .HoursBand .v11-hours-num, body.integra-edu.home.redesign .fl-node-toi2lg4jv09m .v11-hours-num, body.integra-edu.home.redesign .fl-node-toi2lg4jv09m p.v11-hours-num { font-weight: 900 !important; font-size: clamp(64px, 15vw, 250px) !important; line-height: 0.9 !important; letter-spacing: -0.03em !important; color: #fff !important; margin: 0 0 34px !important; } body.integra-edu.home.redesign .v11-hours-num span, body.integra-edu.home.redesign .fl-node-toi2lg4jv09m .v11-hours-num span { color: var(--v11-orange) !important; } body.integra-edu.home.redesign .HoursBand .fl-rich-text > p:not(.v11-hours-num):not(.v11-hours-q), body.integra-edu.home.redesign .fl-node-toi2lg4jv09m.fl-rich-text > p:not(.v11-hours-num):not(.v11-hours-q), body.integra-edu.home.redesign .fl-node-toi2lg4jv09m p:not(.v11-hours-num):not(.v11-hours-q) { font-size: clamp(19px, 1.9vw, 27px) !important; line-height: 1.5 !important; font-weight: 400 !important; color: #fff !important; max-width: 760px; margin: 0 0 18px !important; } body.integra-edu.home.redesign .v11-hours-q, body.integra-edu.home.redesign .HoursBand .v11-hours-q, body.integra-edu.home.redesign .fl-node-toi2lg4jv09m .v11-hours-q, body.integra-edu.home.redesign .fl-node-toi2lg4jv09m p.v11-hours-q { font-weight: 800 !important; font-size: clamp(19px, 1.9vw, 27px) !important; color: #fff !important; margin-top: 18px !important; } /* Said / testimonials — white band, large quote (mock .said) */ body.integra-edu.home.redesign .SaidBand > .fl-row-content-wrap, body.integra-edu.home.redesign .fl-node-pej46cm3zv5q > .fl-row-content-wrap { background: #fff !important; padding: clamp(60px, 7vw, 110px) 6vw !important; } body.integra-edu.home.redesign .SaidBand .fl-heading-text, body.integra-edu.home.redesign .fl-node-btwgj7sim4u9 .fl-heading-text { font-weight: 800 !important; font-size: clamp(36px, 4.4vw, 64px) !important; line-height: 1 !important; letter-spacing: -0.02em !important; color: var(--v11-ink) !important; } body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT .TextContainer, body.integra-edu.home.redesign .SaidBand #eduTestiminalsSlider .TextContainer { background: transparent !important; padding: 0 !important; } body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT quote, body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT .quote, body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT p, body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT .TextContainer p, body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT .TextContainer { font-weight: 800 !important; font-size: clamp(22px, 2.3vw, 32px) !important; line-height: 1.3 !important; letter-spacing: -0.01em; color: var(--v11-ink) !important; } body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT .Author, body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT .author, body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT cite, body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT .name, body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT .TextContainer + *, body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT h3, body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT h4 { margin-top: 22px; font-weight: 800 !important; font-size: 17px !important; color: #6b6e7a !important; line-height: 1.5; } body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT img, body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT .Avatar, body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT .avatar, body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT .ImageContainer, body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT figure { display: none !important; } body.integra-edu.home.redesign .SaidBand .slick-arrow, body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT .slick-arrow { background-color: var(--v11-ink) !important; border-radius: 50% !important; width: 40px !important; height: 40px !important; } /* Split — Still on the gym floor (.split) */ body.integra-edu.home.redesign .LHSBulletPointsImageRow > .fl-row-content-wrap, body.integra-edu.home.redesign .fl-node-bnghczes4v1w > .fl-row-content-wrap { background: var(--v11-soft) !important; padding: 0 !important; } body.integra-edu.home.redesign .LHSBulletPointsImageRow .fl-col-content, body.integra-edu.home.redesign .fl-node-bnghczes4v1w .fl-col-content { padding: 0 !important; } body.integra-edu.home.redesign .LHSBulletPointsImageRow .fl-module-heading, body.integra-edu.home.redesign .LHSBulletPointsImageRow .fl-module-rich-text, body.integra-edu.home.redesign .fl-node-qb2zj6l1skm4, body.integra-edu.home.redesign .fl-node-pyvsqc24a81m { padding-left: 0vw; padding-right: 0vw; } .fl-node-qb2zj6l1skm4 > .fl-module-content, .fl-node-pyvsqc24a81m > .fl-module-content{ margin-left: 0!important; } .fl-node-2ziu9sm0gba3{ display:none!important; } html:not(.fl-builder-edit) body.redesign.integra-edu.page-id-32431 .IntegraTrustedBy .fl-row-content-wrap{ margin-top:0!important; } body.integra-edu.home.redesign .fl-node-qb2zj6l1skm4 .fl-heading-text { font-weight: 800 !important; font-size: clamp(36px, 4.6vw, 68px) !important; line-height: 1 !important; letter-spacing: -0.02em !important; margin-bottom: 26px !important; color: var(--v11-ink) !important; } body.integra-edu.home.redesign .fl-node-pyvsqc24a81m .fl-rich-text > p { font-size: 18px !important; line-height: 1.6 !important; max-width: 560px; margin-bottom: 14px !important; color: var(--v11-ink) !important; } body.integra-edu.home.redesign .fl-node-pyvsqc24a81m a { display: inline-block; margin-top: 14px; font-weight: 800 !important; text-decoration: none !important; font-size: 16px !important; } html body.integra-edu.home.redesign .fl-node-pyvsqc24a81m a:hover{ color:white!important; } body.integra-edu.home.redesign .LHSBulletPointsImageRow .fl-photo img, body.integra-edu.home.redesign .LHSBulletPointsImageRow .fl-col:last-child img { width: 100%; height: 100%; object-fit: cover; min-height: 420px; } body.integra-edu.home.redesign .LHSBulletPointsImageRow .fl-col-group { align-items: stretch !important; } body.integra-edu.home.redesign .LHSBulletPointsImageRow .fl-col:first-child .fl-col-content { display: flex; flex-direction: column; justify-content: center; padding: clamp(56px, 7vw, 110px) 0 !important; } /* Logos — We Train the Trainers (.logos) */ body.integra-edu.home.redesign .IntegraTrustedBy > .fl-row-content-wrap, body.integra-edu.home.redesign .fl-node-leuy7841jh92 > .fl-row-content-wrap { background: #fff !important; padding: 70px 6vw !important; } body.integra-edu.home.redesign .IntegraTrustedBy h2, body.integra-edu.home.redesign .IntegraTrustedBy .fl-heading-text, body.integra-edu.home.redesign .fl-node-elfouabm6d1q { font-weight: 800 !important; font-size: clamp(34px, 4.4vw, 62px) !important; line-height: 1 !important; letter-spacing: -0.02em !important; color: var(--v11-ink) !important; } body.integra-edu.home.redesign .IntegraTrustedBy img, body.integra-edu.home.redesign .IntegraTrustedBy .uabb-image-carousel img { height: 96px !important; width: auto !important; opacity: 0.6; object-fit: contain; } /* Close — Is there more? (.close) */ body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection > .fl-row-content-wrap, body.integra-edu.home.redesign .fl-node-90jumd73yakn > .fl-row-content-wrap { padding: clamp(70px, 9vw, 130px) 6vw !important; } body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection:not(.fl-node-hlga0r9wux54) .LargeHeader .fl-heading-text, body.integra-edu.home.redesign .fl-node-54wiz0c8nxly .fl-heading-text { font-weight: 800 !important; font-size: clamp(38px, 6vw, 92px) !important; line-height: 1 !important; letter-spacing: -0.02em !important; color: #fff !important; max-width: 1100px; } /* Mock .close is headline + CTA only — do not hide newsletter body copy */ body.integra-edu.home.redesign .fl-node-38wcd6vm7fn5.LHSText, body.integra-edu.home.redesign .fl-node-38wcd6vm7fn5 { display: none !important; } body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection .fl-module-button .fl-button, body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection .Black a.fl-button, body.integra-edu.home.redesign.integra-edu .StartYourJourneyWithIntegraSection .Black a.fl-button { background: var(--v11-orange) !important; color: #fff !important; border: none !important; border-radius: 0 !important; font-weight: 700 !important; font-size: 16px !important; padding: 22px 24px !important; margin-top: 40px !important; display: inline-flex !important; align-items: center; gap: 26px; } /* Backup hide for retired rows (BB visibility also set) */ body.integra-edu.home.redesign .fl-node-jq7y0re3xg6d, body.integra-edu.home.redesign .fl-node-j2yt5qd91acv, body.integra-edu.home.redesign .fl-node-1hopmkjn4brt { display: none !important; } header#customHeader h1, header#customHeader h1 + h2+ h2{order:1} header#customHeader h1 + h2 {order:0!important;} body.redesign header#customHeader:has(h2:nth-of-type(2)) > section > section.TextContainer h1 { padding-top:0!important; } /* Eyebrow is first h2 in DOM (flex order:0) — hero top inset lives here */ html body.redesign header#customHeader:has(h2:nth-of-type(2)) h2:nth-of-type(1){ padding-top:94px!important; font-size:15px!important; font-weight:700!important; line-height:1.4!important; letter-spacing:0.02em!important; margin-top:0!important; margin-bottom:22px!important; } /* -------------------------------------------------------------------------- */ /* 1920 gutters — match mock 6vw side padding (not BB 1400px centred well) */ /* -------------------------------------------------------------------------- */ @media (min-width: 1400px) { /* Drop the 1400px content cage so 6vw padding is the only horizontal inset */ body.integra-edu.home.redesign .fl-builder-content .fl-row-content.fl-row-fixed-width, body.integra-edu.home.redesign .fl-builder-content .fl-row-fixed-width { max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } body.integra-edu.home.redesign .fl-builder-content .fl-row > .fl-row-content-wrap { padding-left: 6vw !important; padding-right: 6vw !important; } /* Hero: unwrap the 1400px outer section, one 6vw inset only */ body.integra-edu.home.redesign header#customHeader > section { max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } body.integra-edu.home.redesign header#customHeader > section > section.TextContainer { max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box; } body.integra-edu.home.redesign header#customHeader #desktopContainer { max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box; } /* Statement / pathway — avoid double inset from fixed width + 6vw */ body.integra-edu.home.redesign .TransformYourDailyLife .fl-row-content, body.integra-edu.home.redesign .ChooseYourJourneySection .fl-row-content, body.integra-edu.home.redesign .SaidBand .fl-row-content, body.integra-edu.home.redesign .IntegraTrustedBy .fl-row-content, body.integra-edu.home.redesign .HoursBand .fl-row-content, body.integra-edu.home.redesign .IntroBand .fl-row-content, body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection .fl-row-content, body.integra-edu.home.redesign .LHSBulletPointsImageRow .fl-row-content { max-width: none !important; width: 100% !important; } } /* Vertical section rhythm at large viewports (mock clamp ceilings) */ @media (min-width: 1600px) { body.integra-edu.home.redesign .TransformYourDailyLife > .fl-row-content-wrap { padding-top: 120px !important; padding-bottom: 120px !important; } body.integra-edu.home.redesign .IntroBand .fl-row-content-wrap, body.integra-edu.home.redesign .fl-node-p6hs02aegzq5 > .fl-row-content-wrap { padding-top: 72px !important; padding-bottom: 72px !important; } body.integra-edu.home.redesign .ChooseYourJourneySection > .fl-row-content-wrap { padding-top: 110px !important; padding-bottom: 110px !important; } body.integra-edu.home.redesign .HoursBand > .fl-row-content-wrap, body.integra-edu.home.redesign .fl-node-1jglbrna2qd6 > .fl-row-content-wrap { padding-top: 150px !important; padding-bottom: 150px !important; } body.integra-edu.home.redesign .SaidBand > .fl-row-content-wrap { padding-top: 110px !important; padding-bottom: 110px !important; } body.integra-edu.home.redesign .IntegraTrustedBy > .fl-row-content-wrap { padding-top: 70px !important; padding-bottom: 70px !important; } body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection > .fl-row-content-wrap { padding-top: 130px !important; padding-bottom: 130px !important; } } /* -------------------------------------------------------------------------- */ /* Footer newsletter — mock .ft .news + form (gform_68 on staging) */ /* -------------------------------------------------------------------------- */ body.integra-edu.home.redesign .fl-node-hlga0r9wux54.StartYourJourneyWithIntegraSection > .fl-row-content-wrap, body.integra-edu.redesign .fl-node-hlga0r9wux54 > .fl-row-content-wrap { background: var(--v11-ink) !important; color: #fff; padding-top: 64px !important; padding-bottom: 54px !important; border-bottom: 1px solid #474a58; } body.integra-edu.home.redesign .fl-node-hlga0r9wux54 .fl-node-1lsn48mtw9iu .fl-heading-text, body.integra-edu.redesign .fl-node-hlga0r9wux54 .LargeHeader .fl-heading-text { font-weight: 800 !important; font-size: clamp(28px, 3vw, 44px) !important; line-height: 1.05 !important; letter-spacing: -0.02em !important; color: #fff !important; max-width: none; } body.integra-edu.home.redesign .fl-node-hlga0r9wux54 .fl-node-gefn5cvlwrbx, body.integra-edu.home.redesign .fl-node-hlga0r9wux54 .fl-node-gefn5cvlwrbx.LHSText { display: block !important; } body.integra-edu.home.redesign .fl-node-hlga0r9wux54 .fl-node-gefn5cvlwrbx .fl-rich-text > p, body.integra-edu.redesign .fl-node-hlga0r9wux54 .LHSText .fl-rich-text > p { color: #c9cad0 !important; font-size: 17px !important; line-height: 1.5 !important; font-weight: 400 !important; margin-top: 12px !important; max-width: 520px; } /* Two-column news band: copy | form */ body.integra-edu.home.redesign .fl-node-hlga0r9wux54 .fl-col-group.fl-node-rdbn9yefl13i { display: flex !important; align-items: center !important; gap: 40px; width: 100%; } body.integra-edu.home.redesign .fl-node-hlga0r9wux54 .fl-col.fl-node-xkz95ct8vj7p { flex: 1.2 1 0 !important; width: auto !important; max-width: none !important; } body.integra-edu.home.redesign .fl-node-hlga0r9wux54 .fl-col.fl-node-jtmxz4aiys3k { flex: 1 1 0 !important; width: auto !important; max-width: none !important; } /* Gravity Form 58 — First name / Last name / Email / Subscribe */ body.integra-edu.redesign #gform_wrapper_68, body.integra-edu.home.redesign .fl-node-eirnvgq82sfc #gform_wrapper_68 { margin: 0 !important; max-width: none !important; } body.integra-edu.redesign #gform_wrapper_68 .gform_heading, body.integra-edu.redesign #gform_wrapper_68 .gform_required_legend, body.integra-edu.redesign #gform_wrapper_68 .gform_title, body.integra-edu.redesign #gform_wrapper_68 .gfield_label, body.integra-edu.redesign #gform_wrapper_68 .gform_validation_container, body.integra-edu.redesign #gform_wrapper_68 .gfield--type-honeypot, body.integra-edu.redesign #gform_wrapper_68 .gfield--type-captcha, body.integra-edu.redesign #gform_wrapper_68 #field_68_9, body.integra-edu.redesign #gform_wrapper_68 #field_68_7 { display: none !important; } body.integra-edu.redesign #gform_68 { margin: 0 !important; align-items: stretch; } body.integra-edu.redesign footer #gform_fields_68{display:flex!important} body.integra-edu.redesign footer #gform_fields_68 { display: flex !important; margin: 0 !important; } body.integra-edu.redesign footer #gform_wrapper_68 .gfield { padding: 0 !important; margin: 0 !important; } body.integra-edu.redesign footer #gform_wrapper_68 #field_68_3, body.integra-edu.redesign footer #gform_wrapper_68 #field_68_4, body.integra-edu.redesign footer #gform_wrapper_68 #field_68_6 { display: block !important; } body.integra-edu.redesign footer #gform_wrapper_68 .ginput_container, body.integra-edu.redesign footer #gform_wrapper_68 .ginput_container input { margin: 0 !important; width: 100% !important; } body.integra-edu.redesign footer #gform_wrapper_68 input[type="text"], body.integra-edu.redesign footer #gform_wrapper_68 input[type="email"] { font-family: Raleway, sans-serif !important; font-size: 16px !important; font-weight: 400 !important; padding: 16px 14px !important; border: 0 !important; border-radius: 0 !important; background: #3a3d4b !important; color: #fff !important; min-height: 51px !important; height: 51px !important; box-shadow: none !important; box-sizing: border-box !important; } body.integra-edu.redesign footer #gform_wrapper_68 input::placeholder { color: #9a9ca5 !important; opacity: 1 !important; } body.integra-edu.redesign #gform_wrapper_68 .gform_footer, body.integra-edu.redesign #gform_wrapper_68 .gform_page_footer { display: contents !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; } body.integra-edu.redesign #gform_wrapper_68 #gform_submit_button_68, body.integra-edu.redesign #gform_wrapper_68 .gform_button { font-family: Raleway, sans-serif !important; border: 0 !important; border-radius: 0 !important; background: var(--v11-orange) !important; color: #fff !important; font-weight: 800 !important; font-size: 15px !important; padding: 0 22px !important; min-height: 51px !important; height: 51px !important; margin: 0 !important; width: auto !important; cursor: pointer; white-space: nowrap; grid-column: 4; justify-self: stretch; } body.integra-edu.redesign #gform_wrapper_68 #gform_submit_button_68:hover, body.integra-edu.redesign #gform_wrapper_68 .gform_button:hover{ background: #2B2F3C!important; } @media (max-width: 900px) { body.integra-edu.home.redesign .fl-node-hlga0r9wux54 .fl-col-group.fl-node-rdbn9yefl13i { flex-direction: column; align-items: stretch !important; } body.integra-edu.redesign footer #gform_68 { grid-template-columns: 1fr !important; } body.integra-edu.redesign #gform_wrapper_68 #gform_submit_button_68 { width: 100% !important; grid-column: 1 !important; } } html body.integra-edu .ChooseYourJourneySection > div.fl-row-content-wrap::before{ display:none!important; } footer #gform_68{display:flex;gap:10px;justify-content: flex-end} body.integra-edu.redesign footer #gform_wrapper_68 #field_68_4{display:none!important} body.redesign .LHSText .fl-rich-text{ max-width: unset!important; } .fl-node-u24lf6qwrmks > .fl-col-content{padding-top:0!important;padding-bottom:0!important} .fl-node-bjsmri40ucta > .fl-col-content{margin-left:0!important} .VideoContainer:after{ content:none!important; } body.integra-edu.redesign.page-id-35013 header#customHeader{background-size: contain!important;background-repeat: no-repeat!important; background-position: center right!important;} /* -------------------------------------------------------------------------- */ /* About page (#35013) — match v11 About.html */ /* -------------------------------------------------------------------------- */ /* Curiosity row — large section title (module lacks LargeHeader) */ body.integra-edu.about.redesign .fl-node-fzirg83h9qdy .fl-heading, body.integra-edu.about.redesign .fl-node-fzirg83h9qdy .fl-heading-text { font-weight: 800 !important; font-size: clamp(38px, 4.8vw, 72px) !important; line-height: 1 !important; letter-spacing: -0.02em !important; color: var(--v11-ink) !important; margin-bottom: 30px !important; } /* “We teach how to think…” — mock .row h3 */ body.integra-edu.about.redesign .fl-node-yhtcvzxi35wu .fl-heading, body.integra-edu.about.redesign .fl-node-yhtcvzxi35wu .fl-heading-text { font-weight: 800 !important; font-size: clamp(22px, 2vw, 28px) !important; line-height: 1.2 !important; letter-spacing: 0 !important; color: var(--v11-ink) !important; margin-bottom: 22px !important; } /* Bullet lists + closer lines in split rows */ body.integra-edu.about.redesign .fl-node-1sj0vhgut2f5 .fl-rich-text li, body.integra-edu.about.redesign .fl-node-rpz9s1an8k67 .fl-rich-text li { font-size: 18px !important; position: relative; list-style: none !important; color: var(--v11-ink) !important; } body.redesign .IconBulletPoints ul li{margin-top:0!important} body.integra-edu.about.redesign .fl-node-1sj0vhgut2f5 .fl-rich-text ul, body.integra-edu.about.redesign .fl-node-rpz9s1an8k67 .fl-rich-text ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } body.integra-edu.about.redesign .fl-node-1sj0vhgut2f5 .fl-rich-text li::before, body.integra-edu.about.redesign .fl-node-rpz9s1an8k67 .fl-rich-text li::before { content: '' !important; position: absolute !important; left: 0 !important; top: 10px !important; width: 12px !important; height: 12px !important; border: 2px solid var(--v11-orange) !important; border-radius: 50% !important; background: transparent !important; box-sizing: border-box!important; } body.integra-edu.about.redesign .fl-node-1sj0vhgut2f5 .fl-rich-text > p:last-child, body.integra-edu.about.redesign .fl-node-1sj0vhgut2f5 .fl-rich-text > p:last-child *, body.integra-edu.about.redesign .fl-node-rpz9s1an8k67 .fl-rich-text > p:last-child, body.integra-edu.about.redesign .fl-node-rpz9s1an8k67 .fl-rich-text > p:last-child * { font-size: 20px !important; font-weight: 800 !important; line-height: 1.4 !important; color: var(--v11-ink) !important; } body.integra-edu.about.redesign .fl-node-y7zqbs8kji6g .fl-rich-text p { font-size: 18px !important; line-height: 1.65 !important; max-width: 620px; } /* Biography CTA — mock .row .btn */ body.integra-edu.about.redesign .fl-node-xwcdpkhugy39 .uabb-creative-button, body.integra-edu.about.redesign .fl-node-xwcdpkhugy39 a.uabb-button, body.integra-edu.about.redesign .fl-node-xwcdpkhugy39 .fl-button { display: inline-block !important; background: var(--v11-ink) !important; color: #fff !important; font-weight: 700 !important; font-size: 16px !important; padding: 14px 20px !important; border: 0 !important; border-radius: 0 !important; margin-top: 10px !important; text-decoration: none !important; } /* Mission band (.mission) — reused StartYourJourneyWithIntegraSection shell */ body.integra-edu.about.redesign .fl-node-8ok7fdlus6zw.StartYourJourneyWithIntegraSection > .fl-row-content-wrap { padding: clamp(80px, 9vw, 140px) 6vw !important; background: var(--v11-ink) !important; color: #fff !important; } /* Beat astra-child style.css 1360px cage on this about mission row */ html body.redesign.integra-edu.about .StartYourJourneyWithIntegraSection.fl-row.fl-node-8ok7fdlus6zw > .fl-row-content-wrap > .fl-row-content, html body.integra-edu.about.redesign .fl-node-8ok7fdlus6zw.StartYourJourneyWithIntegraSection > .fl-row-content-wrap > .fl-row-content.fl-row-fixed-width { max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } body.integra-edu.about.redesign .fl-node-8ok7fdlus6zw .fl-node-mleywpc713zt .fl-heading, body.integra-edu.about.redesign .fl-node-8ok7fdlus6zw .fl-node-mleywpc713zt .fl-heading-text, body.integra-edu.about.redesign .fl-node-8ok7fdlus6zw .LargeHeader .fl-heading-text, body.integra-edu.about.redesign .fl-node-8ok7fdlus6zw .LargeHeader h2.fl-heading { font-weight: 800 !important; font-size: clamp(36px, 5.4vw, 84px) !important; line-height: 1.04 !important; letter-spacing: -0.02em !important; color: #fff !important; max-width: 1200px; } body.integra-edu.about.redesign .fl-node-8ok7fdlus6zw .fl-node-m9i540gob8tl .fl-rich-text, body.integra-edu.about.redesign .fl-node-8ok7fdlus6zw .fl-node-m9i540gob8tl .fl-rich-text p { font-size: clamp(18px, 1.6vw, 22px) !important; line-height: 1.6 !important; color: #d5d6da !important; max-width: 760px; margin-top: 34px !important; } body.integra-edu.about.redesign .fl-node-8ok7fdlus6zw .fl-node-m9i540gob8tl .fl-rich-text p + p { margin-top: 16px !important; } /* “How we teach” / “Founded by” — already LargeHeader @ 72px; tighten letter-spacing */ body.integra-edu.about.redesign .fl-node-tq075yvsp81i .fl-heading-text, body.integra-edu.about.redesign .fl-node-fazwrsp9g16m .fl-heading-text { letter-spacing: -0.02em !important; } /* What They're Saying */ html body.integra-edu.about.redesign .fl-node-x0qy41ijkw7d.LargeHeader .fl-heading, html body.integra-edu.about.redesign .fl-node-x0qy41ijkw7d.LargeHeader .fl-heading-text { font-weight: 800 !important; font-size: clamp(36px, 4.4vw, 64px) !important; line-height: 1 !important; letter-spacing: -0.02em !important; color: var(--v11-ink) !important; } /* Pathway title + section pad */ body.integra-edu.about.redesign .fl-node-la6xt8km2bgn.ChooseYourJourneySection > .fl-row-content-wrap { padding: clamp(64px, 8vw, 110px) 6vw !important; background: #fff !important; } body.integra-edu.about.redesign .fl-node-phsxnetw6g2l .fl-heading, body.integra-edu.about.redesign .fl-node-phsxnetw6g2l .fl-heading-text { font-weight: 800 !important; font-size: clamp(34px, 4.4vw, 62px) !important; line-height: 1 !important; letter-spacing: -0.02em !important; text-align: center !important; color: var(--v11-ink) !important; margin-bottom: 46px !important; } /* Pathway level labels + card type */ body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-63pq8zbodvhx .fl-rich-text, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-bx9m3vti4fsq .fl-rich-text, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2xyfiazbp56l .fl-rich-text { text-align: center !important; font-weight: 800 !important; font-size: 15px !important; padding: 14px 0 30px !important; } body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p .fl-rich-text > p:nth-child(1), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01 .fl-rich-text > p:nth-child(1), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt .fl-rich-text > p:nth-child(1) { font-size: 22px !important; font-weight: 800 !important; margin: 22px 0 6px !important; color: var(--v11-ink) !important; } body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p .fl-rich-text > p:nth-child(2), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01 .fl-rich-text > p:nth-child(2), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt .fl-rich-text > p:nth-child(2) { font-size: clamp(24px, 2.4vw, 34px) !important; font-weight: 800 !important; letter-spacing: -0.01em !important; line-height: 1.1 !important; margin-bottom: 10px !important; color: var(--v11-ink) !important; } body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p .fl-rich-text > p:nth-child(3), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01 .fl-rich-text > p:nth-child(3), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt .fl-rich-text > p:nth-child(3) { font-size: 16px !important; line-height: 1.6 !important; color: #4a4d5a !important; } body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p .fl-rich-text a, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01 .fl-rich-text a, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt .fl-rich-text a { display: inline-block !important; margin-top: 14px !important; color: var(--v11-orange) !important; font-weight: 800 !important; font-size: 15px !important; text-decoration: none !important; } body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p .fl-rich-text a:hover, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01 .fl-rich-text a:hover, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt .fl-rich-text a:hover{ color:#2B2F3C!important; } /* Logos */ body.integra-edu.about.redesign .fl-node-e3b2jy09igfa.IntegraTrustedBy > .fl-row-content-wrap { padding: 70px 6vw !important; background: #fff !important; } html body.integra-edu.about.redesign .IntegraTrustedBy .fl-heading-text, html body.integra-edu.about.redesign .fl-node-elfouabm6d1q.LargeHeader .fl-heading-text, html body.integra-edu.about.redesign .fl-node-elfouabm6d1q .fl-heading-text { font-weight: 800 !important; font-size: clamp(34px, 4.4vw, 62px) !important; line-height: 1 !important; letter-spacing: -0.02em !important; color: var(--v11-ink) !important; } /* 6vw gutters — About was still in the 1400px BB cage */ @media (min-width: 1400px) { body.integra-edu.about.redesign .fl-builder-content .fl-row-content.fl-row-fixed-width, body.integra-edu.about.redesign .fl-builder-content .fl-row-fixed-width, html body.integra-edu.about.redesign .fl-node-8ok7fdlus6zw .fl-row-content.fl-row-fixed-width, html body.integra-edu.about.redesign .fl-node-tr2jli07u9ek .fl-row-content.fl-row-fixed-width, html body.integra-edu.about.redesign .fl-node-la6xt8km2bgn .fl-row-content.fl-row-fixed-width, html body.integra-edu.about.redesign .fl-node-e3b2jy09igfa .fl-row-content.fl-row-fixed-width { max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } body.integra-edu.about.redesign .fl-builder-content .fl-row > .fl-row-content-wrap { padding-left: 6vw !important; padding-right: 6vw !important; } /* Full-bleed split photo rows — beat the general 6vw wrap pad */ html body.integra-edu.about.redesign .fl-builder-content .fl-row.fl-node-aejkhi726zm0 > .fl-row-content-wrap, html body.integra-edu.about.redesign .fl-builder-content .fl-row.fl-node-m1cwe6d8r3j2 > .fl-row-content-wrap, html body.integra-edu.about.redesign .fl-builder-content .fl-row.fl-node-g8t0sf1c6kpq > .fl-row-content-wrap { padding-left: 0 !important; padding-right: 0 !important; } body.integra-edu.about.redesign header#customHeader > section { max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } body.integra-edu.about.redesign header#customHeader #desktopContainer { max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box; } } html:not(.fl-builder-edit) body.redesign.about .LargeHeader.Overlap{ margin-bottom: 0!important; } body.integra-edu.redesign:not(.project):not(.about) .LargeHeader h3.fl-heading span, body.integra-edu.redesign:not(.project):not(.about) .LargeHeader:not(.VerticalMerge):not(.Tagline) .fl-heading-text, .fl-node-c18mnofzlvud h3 > span, .fl-node-ltifqma8h7jc.LHSText p, .fl-node-0usyirjv9pqb.LHSText p, .LHSText p{ color:white!important; } .fl-node-y21uin3ahrq7 > .fl-col-content, .NewsletterSection .fl-col-group > .fl-col:nth-of-type(2) .fl-col-content{ justify-content: flex-end!important; padding-top: 90px; padding-bottom: 90px; } .fl-node-ltifqma8h7jc > .fl-module-content{margin-right: 0; } .fl-node-tr2jli07u9ek > .fl-row-content-wrap{ margin-bottom: 0!important; padding-bottom: 0!important; } .SecondSubtitle{ display:none!important; } body.redesign .PromoSection a:after{content:none!important} body.redesign .PromoSection a{padding-right: 0!important} .EmblemTitleSection.Timeline .fl-row-content > .fl-col-group:nth-of-type(2){ display:flex; column-gap:20px; } .EmblemTitleSection.Timeline .fl-row-content > .fl-col-group:nth-of-type(2):before, .EmblemTitleSection.Timeline .fl-row-content > .fl-col-group:nth-of-type(2):after{ content:none } .EmblemTitleSection.Timeline .fl-row-content > .fl-col-group:nth-of-type(2) > .fl-col{ background-color: white; border-top: 4px #F7790B solid; } body.intro .EmblemTitleSection.Timeline .fl-row-content > .fl-col-group:nth-of-type(2) > .fl-col{ border-top-color: #f9c12a; } body.rts .EmblemTitleSection.Timeline .fl-row-content > .fl-col-group:nth-of-type(2) > .fl-col{ border-top-color: #0f70b7ff; } .EmblemTitleSection.Timeline .fl-row-content > .fl-col-group:nth-of-type(2) > .fl-col span{ color:#F7790B; text-transform: uppercase; font-weight: 800; font-size:13px; letter-spacing: 1.5px; } .ef h4, h3.v11-outcomes__label{ color:#F7790B!important; text-transform: uppercase; font-weight: 800; font-size:13px!important; letter-spacing: 1.5px!important;} .ef > p{display:flex; flex-direction: column;} .ef > p > span{ border-top: 1px solid #dcdce0; padding-top: 10px; padding-bottom:10px } .ef > p > span:not(:last-of-type){ border-bottom: none!important; } .ef > p > span:last-of-type{ border-bottom: 1px solid #dcdce0; } .ef > p > span b{font-weight: 800} .eb{display:flex;} .eb{ column-gap:10px } .eb > a{ background-color: #2B2F3C; color:white!important; font-weight: 700; width:33.33%; text-align: center; height:47px; display:inline-flex; justify-content: center; align-items: center } .eb > a:hover{ background-color: #F7790B!important; } .Stats strong{ color:#F7790B!important; font-size: 43.2px; font-weight: 900; line-height:43.2px; margin-bottom:8px; } .Stats div {color:white;font-weight: 700} body.redesign #desktopContainer .ButtonContainer{ display:inline-flex!important; } body.redesign #desktopContainer .ButtonContainer a, header#customHeader section.TextContainer .ButtonContainer> a:not(#headerLink){ display:inline-flex!important; background-color:#F7790B!important; width:auto!important; min-width: unset; white-space: nowrap; column-gap: 20px; max-width: unset!important; padding: 22px 24px; margin-top:40px } body.redesign #desktopContainer .ButtonContainer a:after{ color: white; content:"→"; font-size:20px; font-weight:400; } .NewsletterSection .fl-col-group h3 span, body.integra-edu.redesign .LargeHeader h3.fl-heading span, body.integra-edu.redesign .NewsletterSection .LargeHeader:not(.VerticalMerge):not(.Tagline) .fl-heading-text{ font-size: 44px!important; } body.integra-edu.redesign .IntroBand .LargeHeader:not(.VerticalMerge):not(.Tagline) .fl-heading-text, body.integra-edu.redesign .fl-node-qb2zj6l1skm4 .fl-heading-text, body.integra-edu.redesign .LargeHeader:not(.VerticalMerge):not(.Tagline).fl-node-qb2zj6l1skm4 h2 > span.fl-heading-text{color:#2B2F3C!important} body.integra-edu button.edd-submit.sold-out-subscription-form-button .edd-add-to-cart-label{ background-color: #F7790B!important; color:white!important; font-weight: 800; font-size: 16px!important } .fl-node-yht5mxf2vdi1 > .fl-module-content{ margin-left: 20px; } .fl-node-apusde9ng7h1 > .fl-module-content{ margin-left:20px; } .v11-modal-body{ margin:0!important; } .WhoIsInTheRoom .fl-node-m9jzk3gfxr2u{ display:flex; column-gap: 40px; } .WhoIsInTheRoom .fl-node-m9jzk3gfxr2u:before, .WhoIsInTheRoom .fl-node-m9jzk3gfxr2u:after{ content:none } .WhoIsInTheRoom{ background-color: #f7f7f7f7; padding-bottom: 120px; } .WhoIsInTheRoom small{ display:block; } .WhoIsInTheRoom .c > p:first-child { font-weight: 700; font-size: 24px; line-height: 1.4; } .WhoIsInTheRoom .fl-node-m9jzk3gfxr2u > .fl-col{ background-color: white; border-top: 4px #F7790B solid;} .fl-node-o8adyc53t71i{ display:block!important; } body.integra-edu.about.redesign .fl-builder-content .fl-row.v11-about-bio > .fl-row-content-wrap{ padding-left:0!important; padding-right: 0!important; } .fl-node-e0d6acy6c7td{display:none} /* -------------------------------------------------------------------------- */ /* Hero — full-bleed, grayscale photo, mock inset */ /* -------------------------------------------------------------------------- */ body.integra-edu.redesign:not(.learndash-template-ld30) header#customHeader { background-color: #000 !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: 70% center !important; } body.integra-edu.redesign header#customHeader { height: auto !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; padding-top:40px; padding-bottom:40px; padding-left:6vw; padding-right:6vw; overflow: hidden !important; position: relative !important; box-sizing: border-box; } /* * Greyscale the photo without fighting inline background-size:!important. * Grey + mix-blend-mode:saturation desaturates the image underneath. */ body.integra-edu.redesign.rts header#customHeader::before, body.integra-edu.redesign.exercise-mechanics-lab header#customHeader::before, body.integra-edu.redesign.contact header#customHeader::before, body.integra-edu.redesign.about header#customHeader::before, body.integra-edu.redesign.project header#customHeader::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; background: #808080 !important; background-image: none !important; mix-blend-mode: saturation; opacity: 1 !important; pointer-events: none !important; filter: none !important; } body.integra-edu.redesign header#customHeader::after { z-index: 1 !important; /* darken photo (~mock opacity .55) + left-weighted wash */ background: linear-gradient( 90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 100% ), rgba(0, 0, 0, 0.2) !important; } body.integra-edu.redesign header#customHeader > section, body.integra-edu.redesign header#customHeader #headerButtonContainer, body.integra-edu.redesign header#customHeader .TextContainer, body.integra-edu.redesign header#customHeader #desktopContainer { z-index: 2 !important; } /* Kill the short 94px eyebrow inset — hero padding owns the top space */ html body.integra-edu.redesign header#customHeader:has(h2:nth-of-type(2)) h2:nth-of-type(1), html body.integra-edu.redesign header#customHeader:has(h2.Subtitle2) #desktopContainer > h2:not(.Subtitle2) { margin-top: 0 !important; margin-bottom: 22px !important; } body.integra-edu.redesign header#customHeader #desktopContainer { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; max-width: none !important; } body.integra-edu.redesign header#customHeader > section, body.integra-edu.redesign header#customHeader > section > section.TextContainer { width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box; } /* Hero CTA — mock .cta */ body.integra-edu.redesign #desktopContainer .ButtonContainer, body.integra-edu.redesign header#customHeader .ButtonContainer { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-top: 0 !important; } body.integra-edu.redesign #desktopContainer .ButtonContainer a:not(#headerLink), body.integra-edu.redesign header#customHeader .ButtonContainer a:not(#headerLink) { display: inline-flex !important; align-items: center !important; gap: 26px !important; background: var(--v11-orange, #F7790B) !important; color: #fff !important; font-weight: 700 !important; font-size: 16px !important; line-height: 1.2 !important; padding: 22px 24px !important; margin-top: 38px !important; border: 0 !important; border-radius: 0 !important; text-decoration: none !important; width: auto !important; max-width: none !important; min-width: 0 !important; } body.integra-edu.redesign #desktopContainer .ButtonContainer a:not(#headerLink):hover, body.integra-edu.redesign header#customHeader .ButtonContainer a:not(#headerLink):hover{ background: #2B2F3C!important; } body.integra-edu.redesign #desktopContainer .ButtonContainer a:not(#headerLink)::after, body.integra-edu.redesign header#customHeader .ButtonContainer a:not(#headerLink)::after { content: "\2192" !important; font-weight: 400 !important; font-size: 20px !important; color: #fff !important; margin: 0 !important; } body.redesign .HowWeWorkBoxesSection .fl-row-content-wrap, .EmblemTitleSection, html:not(.fl-builder-edit) body.redesign .HowWeWorkBoxesSection{ margin-top:0!important; margin-bottom: 0!important; } html:not(.fl-builder-edit) body.redesign footer{ margin-top:0!important; } .HowWeWorkBoxesSection > .fl-row-content-wrap > div > .fl-col-group{ max-width: unset!important; padding: clamp(44px, 5vw, 72px) var(--v11-gutter) !important; } html body.redesign.integra-edu .StartYourJourneyWithIntegraSection.fl-row > .fl-row-content-wrap > .fl-row-content{ max-width: unset!important; } body.redesign.integra-edu .StartYourJourneyWithIntegraSection:has(input) .fl-col-group-equal-height.fl-col-group-align-top .fl-col-content{ padding-top:0!important; padding-bottom:0!important; } @media (max-width: 900px){ header#customHeader > section > section > div{ padding-left: 0!important; padding-right: 0!important; } } .fl-node-cj9kgadf537r, .fl-node-je4p3p7imtc9, .fl-node-onpa3qepv7rb{ position: relative; } .fl-node-cj9kgadf537r:after, .fl-node-je4p3p7imtc9:after, .fl-node-onpa3qepv7rb:after{ content:""; background:black; opacity:.5; position: absolute; width:100%; height:100%; top:0; z-index: 0 } @media(max-width: 900px){ header .ImageContainer{display:none!important} .StartYourJourneyWithIntegraSection .fl-col-content { min-height: unset!important; } } body.redesign.integra-edu .fl-row:not(.DetailsSection) .fl-node-2keq6fbun4aj a.uabb-button.ast-button.uabb-creative-button {background-color: transparent!important; color:#2B2F3C!important; border: 0px solid #2B2F3C!important; border-radius:4px; } body.redesign.integra-edu .fl-row:not(.DetailsSection) .fl-node-2keq6fbun4aj a.uabb-button.ast-button.uabb-creative-button:hover{ background-color: #2B2F3C!important; } body.redesign.integra-edu .fl-row:not(.DetailsSection) .fl-node-2keq6fbun4aj a.uabb-button.ast-button.uabb-creative-button span{ color:#2B2F3C!important; font-weight: 700 } body.redesign.integra-edu .fl-row:not(.DetailsSection) .fl-node-2keq6fbun4aj a.uabb-button.ast-button.uabb-creative-button:hover span{ color:#fff!important; font-weight: 700 } .fl-node-3j05ug5s609t > .fl-col-content{ padding-top: 0!important; padding-bottom: 0!important; } @media (min-width: 901px){ .fl-node-3j05ug5s609t{width:70%} .fl-node-mleywpc713zt h2{min-width: 66vw} } .fl-node-9exoea0yy3nu, .NewsletterSection{ display: none; } .IntegraTrustedBy .fl-col-group > .fl-col:first-of-type{ width:37%; } .Weekday + br, .Weekday + br + strong + br{display:none;} .fl-node-dhtc1z058ge2 p{ font-weight: 700!important; font-size: 15px!important; margin-bottom: 18px; color: #d5d6da; } body.intro.redesign .MadeToMeasure .Black a.fl-button, body.intro.redesign .fl-node-apusde9ng7h1.Black a.fl-button, body.intro.redesign .fl-node-cj9kgadf537r a.fl-button{ margin-top:0!important; } body.exercise-mechanics-lab .fl-module:has(.Weekday), body.rts .fl-module:has(.Weekday){ margin-top:0!important; margin-bottom:0!important; } .v11-modal__footer{ background-color: #f6f6f6; } .uabb-modal.uabb-modal-scroll .uabb-modal-content-data{ margin-bottom: 0!important; } .v11-modal__footer{ position: relative; border-top:none!important } .v11-modal__footer:before{ content:""; position: absolute; background-color: #f6f6f6; width: 170%; height: 150%; z-index: -1; left:-20%; top:0; } .fl-module-content:has(.v11-k){ margin-bottom: -20px; } html:not(.fl-builder-edit) .HowWeWorkBoxesSection .fl-col-group > .fl-col:first-of-type .fl-module-content{margin-top:15px!important} html:not(.fl-builder-edit) .HowWeWorkBoxesSection .fl-col-group:nth-of-type(2){ padding-top:0!important; position: absolute!important; } /*@media (min-width: 901px){ .MadeToMeasure h3{ width:140% } header.Version3#customHeader #desktopContainer h1{ width:calc(88vw - 80px); } }*/ body.integra-edu.redesign .fl-builder-content .Stats .fl-rich-text strong{ font-weight:900!important; } .StartYourJourneyWithIntegraSection.MadeToMeasure .fl-col-content > .fl-module:first-of-type, .StartYourJourneyWithIntegraSection.MadeToMeasure .fl-col-content > .fl-module:nth-of-type(3){margin-bottom:0!important;margin-top: 0!important} body.project.redesign .MadeToMeasure .Black a.fl-button, body.project.redesign .fl-node-onpa3qepv7rb .Black a.fl-button, body.project.redesign .fl-node-onpa3qepv7rb a.fl-button{ margin-top:16px; } #field_68_3, #field_68_6{ width:50%; } footer #gform_68 .gform-body{ width:100%; } .eb > a{width:100%} @media (max-width: 1000px){ body.integra-edu.redesign .v11-ft__news{ display:flex!important; flex-direction: column; justify-content: flex-start!important; align-items: flex-start!important; } } @media (max-width: 800px){ body.integra-edu.redesign footer #gform_68 .gform-body, body.integra-edu.redesign .v11-ft__news-form #gform_68{ display:flex!important; flex-direction: column; justify-content: flex-start!important; align-items: flex-start!important; min-width: 100%; } .v11-ft__news-form{ min-width: 100%; } body.integra-edu.redesign footer #gform_68 .gform-body div, body.integra-edu.redesign .v11-ft__news-form #gform_68 input{ min-width: 100%; } } body.integra-edu.home.redesign .fl-node-zg3bk0cn2vds.Black a.fl-button:hover, body.integra-edu.home.redesign .fl-node-90jumd73yakn .Black a.fl-button:hover, body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection:not(.fl-node-hlga0r9wux54) .Black a.fl-button:hover{ background-color: white!important; color:#F7790B!important; } html body.integra-edu.redesign .v11-ft__news-form #gform_wrapper_68 #gform_submit_button_68:hover, body.integra-edu.redesign .v11-ft__news-form #gform_wrapper_68 .gform_button:hover{ color:#2B2F3C!important; } html body.integra-edu.redesign .v11-ft__news-form #gform_wrapper_68 #gform_submit_button_68, body.integra-edu.redesign .v11-ft__news-form #gform_wrapper_68 .gform_button, body.integra-edu.home.redesign .fl-node-zg3bk0cn2vds.Black a.fl-button, body.integra-edu.home.redesign .fl-node-90jumd73yakn .Black a.fl-button, body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection:not(.fl-node-hlga0r9wux54) .Black a.fl-button{ white-space: nowrap; } body.integra-edu.home.redesign .fl-node-zg3bk0cn2vds.Black a.fl-button:hover span, body.integra-edu.home.redesign .fl-node-90jumd73yakn .Black a.fl-button:hover span, body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection:not(.fl-node-hlga0r9wux54) .Black a.fl-button:hover span, body.integra-edu.home.redesign .fl-node-zg3bk0cn2vds.Black a.fl-button:hover span:after, body.integra-edu.home.redesign .fl-node-90jumd73yakn .Black a.fl-button:hover span:after, body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection:not(.fl-node-hlga0r9wux54) .Black a.fl-button:hover span:after, body.integra-edu.home.redesign .fl-node-zg3bk0cn2vds.Black a.fl-button::after, body.integra-edu.home.redesign .fl-node-90jumd73yakn .Black a.fl-button::after, body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection:not(.fl-node-hlga0r9wux54) .Black:hover a.fl-button::after{ color:#F7790B!important; } body.integra-edu.home.redesign .fl-node-zg3bk0cn2vds.Black a.fl-button::after, body.integra-edu.home.redesign .fl-node-90jumd73yakn .Black a.fl-button::after, body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection:not(.fl-node-hlga0r9wux54) .Black:hover a.fl-button::after{} body.library header#customHeader h1 + h2{order:2!important} .uabb-modal #field_68_4 {display:none!important} body.integra-edu.redesign .uabb-modal #gform_wrapper_68 #gform_submit_button_68{ margin-top:20px!important; } @media (max-width: 1100px){ body.redesign .HowWeWorkBoxesSection .fl-col-content.fl-node-content{ margin-left: 0!important; margin-right: 0!important; } } body.integra-edu.redesign .v11-ft__col > a:hover{ color:#F7790B!important; } body.rts.redesign .fl-node-7lry6t2a8mzv .IntegraTestimonialsSliderPT .slick-arrow, body.rts.redesign .fl-node-7lry6t2a8mzv .slick-arrow:hover{ background-color:#F7790B!important; } body.exercise-mechanics-lab.redesign .fl-node-re3woj8dmlxq a.v11-ink-btn:hover{ background: #F7790B!important; } body.redesign header#customHeader > section > section #desktopContainer > div > div .ButtonContainer a:not(#headerLink){ white-space: pre-wrap; } #headerButtonContainer{ position: absolute!important; } body.redesign.integra-edu .fl-row:not(.DetailsSection) .uabb-button span{ white-space: pre-wrap!important; } body.redesign.integra-edu .fl-row:not(.DetailsSection) .fl-node-2keq6fbun4aj a.uabb-button.ast-button.uabb-creative-button{ height:auto!important; } .uabb-modal .fl-rich-text ul li{ font-size:16px!important; } @media (max-width: 900px){ .v11-outcomes__timeline{flex-direction: column;} .v11-outcomes__timeline > .v11-outcomes__step{ width:100%!important; } } html body.redesign .v11-outcomes__step h3 { font-size:13px!important; } body.exercise-mechanics-lab [data-new-h2], body.rts [data-new-h2], body.home [data-new-h2], body.project [data-new-h2], body.about [data-new-h2], body.intro [data-new-h2], body.private-tutoring [data-new-h2], body.private-workshops [data-new-h2], body.contact [data-new-h2]{order:1!important;} html body.integra-edu.redesign header#customHeader > section > section.TextContainer h1[data-new-h1], html body.integra-edu.redesign header#customHeader #desktopContainer h1[data-new-h1], html body.integra-edu.redesign #desktopContainer h1[data-new-h1] {order:0!important;margin-top:40px!important} header#customHeader h1 + h2.Subtitle2{order:2!important} .fl-node-1mlh2aye4cs5 > .fl-col-content{ margin-left:0!important; margin-right:0!important; } .fl-node-xk0njoxbr7bp, .fl-node-m9wckcbqjfit, .fl-node-s5i33b43twi6, .fl-node-cznhuh5gwsdv, .fl-node-d2fl66h4t66u{ display:none!important; } .fl-node-euf3k9pbr7x3{ width:100%!important; } .EmblemTitleSection.Timeline .slick-navigation{justify-content: center;margin-left:0} .EmblemTitleSection.Timeline .slick-arrow{border-radius:100%} .EmblemTitleSection.Timeline ul.slick-dots{ margin-bottom: 0; } .EmblemTitleSection.Timeline ul.slick-dots li{ display: flex; } body.redesign .fl-builder-content #integraTimelineClone .fl-module{ padding:20px } #gform_68_validation_container{ display:none!important; } body.integra-edu.redesign.page-id-35013 header#customHeader { background-size: contain !important; background-repeat: no-repeat !important; background-position: center right !important; } @media (max-width: 900px){ body.integra-edu.redesign.page-id-35013 header#customHeader { background-position: center !important; } } html body.rts .Price del + em{font-size:44px!important;font-weight: 900!important;white-space: nowrap;} html:not(.fl-builder-edit) body.rts .Price del + em{max-width: unset!important;} html body.integra-edu.redesign.library ul.blog_ovrvw_outer li figure .grey_btn:hover{ background-color: #F7790B!important; color:white!important; } body.integra-edu.redesign header#customHeader a{ color:#2B2F3C!important; } /* ===== end v11.css ===== */ /* ===== begin v11-fonts.css ===== */ /** * Integra EDU v11 — typography only (sizes / weights / leading / tracking). * Loaded after v11.css. Do not put layout, colour, or spacing here unless * it is strictly required for type rendering. * * Source: v11 About + Home mocks (Raleway scale). */ /* Ensure the full weight set is available even if the Google Fonts URL is thin */ body.integra-edu.redesign { font-family: 'Raleway', sans-serif; } /* -------------------------------------------------------------------------- */ /* Hero (header) — all redesign pages */ /* -------------------------------------------------------------------------- */ /* Eyebrow — mock .eyebrow */ body.integra-edu.redesign header#customHeader #desktopContainer > h2:not(.Subtitle2), html body.integra-edu.redesign header#customHeader:has(h2:nth-of-type(2)) h2:nth-of-type(1), html body.redesign header#customHeader:has(h2:nth-of-type(2)) h2:nth-of-type(1) { font-size: 15px !important; font-weight: 700 !important; line-height: 1.4 !important; letter-spacing: 0.02em !important; } /* Headline — mock .hero h1.l */ body.integra-edu.redesign header#customHeader > section > section.TextContainer h1, body.integra-edu.redesign #desktopContainer h1 { font-size: clamp(54px, 9.6vw, 156px) !important; font-weight: 800 !important; line-height: 0.98 !important; letter-spacing: -0.02em !important; } @media (max-width: 900px) { body.integra-edu.redesign header#customHeader > section > section.TextContainer h1, body.integra-edu.redesign #desktopContainer h1 { font-size: clamp(44px, 12vw, 80px) !important; } } /* Subtitle — mock .hero p.sub */ body.integra-edu.redesign header#customHeader > section > section.TextContainer h2.Subtitle2, body.integra-edu.redesign #desktopContainer h2.Subtitle2 { font-size: clamp(18px, 1.7vw, 24px) !important; font-weight: 400 !important; line-height: 1.5 !important; letter-spacing: 0 !important; } body.integra-edu.redesign header#customHeader > section > section.TextContainer h2.Subtitle2 strong, body.integra-edu.redesign #desktopContainer h2.Subtitle2 strong { font-weight: 700 !important; } /* -------------------------------------------------------------------------- */ /* About — section titles (mock .row h2 / .mission h2 / .said / .path / .logos) */ /* -------------------------------------------------------------------------- */ /* Driven by curiosity — mock .row h2 */ body.integra-edu.about.redesign .fl-node-fzirg83h9qdy .fl-heading, body.integra-edu.about.redesign .fl-node-fzirg83h9qdy .fl-heading-text { font-size: clamp(38px, 4.8vw, 72px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } /* We teach how to think — mock .row h3 */ body.integra-edu.about.redesign .fl-node-yhtcvzxi35wu .fl-heading, body.integra-edu.about.redesign .fl-node-yhtcvzxi35wu .fl-heading-text { font-size: clamp(22px, 2vw, 28px) !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: 0 !important; } /* List body — mock .row li * BB sometimes puts .fl-rich-text on the module itself (not a nested wrapper). */ body.integra-edu.about.redesign .fl-node-1sj0vhgut2f5.fl-rich-text li, body.integra-edu.about.redesign .fl-node-1sj0vhgut2f5 .fl-rich-text li, body.integra-edu.about.redesign .fl-node-rpz9s1an8k67.fl-rich-text li, body.integra-edu.about.redesign .fl-node-rpz9s1an8k67 .fl-rich-text li { font-size: 18px !important; font-weight: 400 !important; line-height: 1.5 !important; } body.integra-edu.about.redesign .fl-node-1sj0vhgut2f5.fl-rich-text li strong, body.integra-edu.about.redesign .fl-node-1sj0vhgut2f5 .fl-rich-text li strong, body.integra-edu.about.redesign .fl-node-rpz9s1an8k67.fl-rich-text li strong, body.integra-edu.about.redesign .fl-node-rpz9s1an8k67 .fl-rich-text li strong { font-weight: 800 !important; } /* Closers — mock .row p.closer (beat inline span font-size) */ body.integra-edu.about.redesign .fl-node-1sj0vhgut2f5.fl-rich-text > p:last-child, body.integra-edu.about.redesign .fl-node-1sj0vhgut2f5.fl-rich-text > p:last-child *, body.integra-edu.about.redesign .fl-node-1sj0vhgut2f5 .fl-rich-text > p:last-child, body.integra-edu.about.redesign .fl-node-1sj0vhgut2f5 .fl-rich-text > p:last-child *, body.integra-edu.about.redesign .fl-node-rpz9s1an8k67.fl-rich-text > p:last-child, body.integra-edu.about.redesign .fl-node-rpz9s1an8k67.fl-rich-text > p:last-child *, body.integra-edu.about.redesign .fl-node-rpz9s1an8k67 .fl-rich-text > p:last-child, body.integra-edu.about.redesign .fl-node-rpz9s1an8k67 .fl-rich-text > p:last-child * { font-size: 20px !important; font-weight: 800 !important; line-height: 1.4 !important; } /* Mission — mock .mission h2 / p */ body.integra-edu.about.redesign .fl-node-mleywpc713zt .fl-heading, body.integra-edu.about.redesign .fl-node-mleywpc713zt .fl-heading-text { font-size: clamp(36px, 5.4vw, 84px) !important; font-weight: 800 !important; line-height: 1.04 !important; letter-spacing: -0.02em !important; } body.integra-edu.about.redesign .fl-node-m9i540gob8tl.fl-rich-text, body.integra-edu.about.redesign .fl-node-m9i540gob8tl.fl-rich-text p, body.integra-edu.about.redesign .fl-node-m9i540gob8tl .fl-rich-text, body.integra-edu.about.redesign .fl-node-m9i540gob8tl .fl-rich-text p { font-size: clamp(18px, 1.6vw, 22px) !important; font-weight: 400 !important; line-height: 1.6 !important; } /* Founded by / How we teach — mock .row h2 */ body.integra-edu.about.redesign .fl-node-fazwrsp9g16m .fl-heading, body.integra-edu.about.redesign .fl-node-fazwrsp9g16m .fl-heading-text, body.integra-edu.about.redesign .fl-node-tq075yvsp81i .fl-heading, body.integra-edu.about.redesign .fl-node-tq075yvsp81i .fl-heading-text { font-size: clamp(38px, 4.8vw, 72px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } /* Founded body — mock .row p */ body.integra-edu.about.redesign .fl-node-y7zqbs8kji6g.fl-rich-text p, body.integra-edu.about.redesign .fl-node-y7zqbs8kji6g .fl-rich-text p { font-size: 18px !important; font-weight: 400 !important; line-height: 1.65 !important; } /* Biography button — mock .row .btn */ body.integra-edu.about.redesign .fl-node-xwcdpkhugy39 .uabb-creative-button, body.integra-edu.about.redesign .fl-node-xwcdpkhugy39 a.uabb-button, body.integra-edu.about.redesign .fl-node-xwcdpkhugy39 .fl-button, body.integra-edu.about.redesign .fl-node-xwcdpkhugy39 .uabb-button-wrap a { font-size: 16px !important; font-weight: 700 !important; line-height: 1.2 !important; } /* What They're Saying — mock .said h2 */ body.integra-edu.about.redesign .fl-node-x0qy41ijkw7d .fl-heading, body.integra-edu.about.redesign .fl-node-x0qy41ijkw7d .fl-heading-text { font-size: clamp(36px, 4.4vw, 64px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } /* Three levels — mock .path h2 */ body.integra-edu.about.redesign .fl-node-phsxnetw6g2l .fl-heading, body.integra-edu.about.redesign .fl-node-phsxnetw6g2l .fl-heading-text { font-size: clamp(34px, 4.4vw, 62px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } /* Pathway level label — mock .path .lvl */ body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-63pq8zbodvhx.fl-rich-text, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-bx9m3vti4fsq.fl-rich-text, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2xyfiazbp56l.fl-rich-text, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-63pq8zbodvhx .fl-rich-text, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-bx9m3vti4fsq .fl-rich-text, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2xyfiazbp56l .fl-rich-text, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-63pq8zbodvhx.fl-rich-text *, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-bx9m3vti4fsq.fl-rich-text *, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2xyfiazbp56l.fl-rich-text *, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-63pq8zbodvhx .fl-rich-text *, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-bx9m3vti4fsq .fl-rich-text *, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2xyfiazbp56l .fl-rich-text * { font-size: 15px !important; font-weight: 800 !important; line-height: 1.2 !important; } /* Pathway course name — mock .path h3 */ body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p.fl-rich-text > p:nth-child(1), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01.fl-rich-text > p:nth-child(1), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt.fl-rich-text > p:nth-child(1), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p .fl-rich-text > p:nth-child(1), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01 .fl-rich-text > p:nth-child(1), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt .fl-rich-text > p:nth-child(1), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p.fl-rich-text > p:nth-child(1) *, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01.fl-rich-text > p:nth-child(1) *, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt.fl-rich-text > p:nth-child(1) *, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p .fl-rich-text > p:nth-child(1) *, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01 .fl-rich-text > p:nth-child(1) *, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt .fl-rich-text > p:nth-child(1) * { font-size: 28px !important; font-weight: 800 !important; line-height: 1.2 !important; } /* Pathway tagline — mock .path .tag */ body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p.fl-rich-text > p:nth-child(2), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01.fl-rich-text > p:nth-child(2), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt.fl-rich-text > p:nth-child(2), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p .fl-rich-text > p:nth-child(2), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01 .fl-rich-text > p:nth-child(2), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt .fl-rich-text > p:nth-child(2), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p.fl-rich-text > p:nth-child(2) *, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01.fl-rich-text > p:nth-child(2) *, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt.fl-rich-text > p:nth-child(2) *, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p .fl-rich-text > p:nth-child(2) *, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01 .fl-rich-text > p:nth-child(2) *, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt .fl-rich-text > p:nth-child(2) * { font-size: clamp(24px, 2.4vw, 34px) !important; font-weight: 800 !important; line-height: 1.1 !important; letter-spacing: -0.01em !important; } /* Pathway body — mock .path p */ body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p.fl-rich-text > p:nth-child(3), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01.fl-rich-text > p:nth-child(3), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt.fl-rich-text > p:nth-child(3), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p .fl-rich-text > p:nth-child(3), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01 .fl-rich-text > p:nth-child(3), body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt .fl-rich-text > p:nth-child(3) { font-size: 16px !important; font-weight: 400 !important; line-height: 1.6 !important; } /* Pathway link — mock .path .more */ body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p.fl-rich-text a, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01.fl-rich-text a, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt.fl-rich-text a, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p .fl-rich-text a, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01 .fl-rich-text a, body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt .fl-rich-text a { font-size: 15px !important; font-weight: 800 !important; line-height: 1.3 !important; } /* We Train the Trainers — mock .logos h2 */ body.integra-edu.about.redesign .fl-node-elfouabm6d1q .fl-heading, body.integra-edu.about.redesign .fl-node-elfouabm6d1q .fl-heading-text { font-size: clamp(34px, 4.4vw, 62px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } /* -------------------------------------------------------------------------- */ /* Site-wide type corrections vs v11 mocks @1440 */ /* LargeHeader + fl-heading-text often share one node — use same-el selectors */ /* Specificity must beat: body… .LargeHeader:not():not() .fl-heading-text */ /* -------------------------------------------------------------------------- */ /* Logos — mock .logos h2 */ html body.integra-edu.redesign .fl-row.IntegraTrustedBy .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-row.IntegraTrustedBy .fl-module.LargeHeader .fl-heading-text, html body.integra-edu.redesign .fl-row.IntegraTrustedBy h2.fl-heading-text, html body.integra-edu.redesign .fl-row.IntegraTrustedBy h2 .fl-heading-text, html body.integra-edu.redesign .fl-row.IntegraTrustedBy h3.fl-heading-text, html body.integra-edu.redesign .fl-row.IntegraTrustedBy h3 .fl-heading-text, html body.integra-edu.redesign .fl-module.fl-node-elfouabm6d1q.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-module.fl-node-elfouabm6d1q .fl-heading-text { font-size: clamp(34px, 4.4vw, 62px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } /* Pathway section heading — mock .path h2 */ html body.integra-edu.redesign .fl-row.ChooseYourJourneySection .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-row.ChooseYourJourneySection .fl-module.MediumHeader.fl-heading-text, html body.integra-edu.redesign .fl-row.ChooseYourJourneySection .fl-module.LargeHeader .fl-heading-text, html body.integra-edu.redesign .fl-row.ChooseYourJourneySection .fl-module.MediumHeader .fl-heading-text, html body.integra-edu.redesign .fl-row.ChooseYourJourneySection .fl-module-heading .fl-heading-text { font-size: clamp(34px, 4.4vw, 62px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } /* Testimonials heading — mock .said h2 */ html body.integra-edu.redesign .fl-row.SaidBand .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-row.SaidBand .fl-module.LargeHeader .fl-heading-text, html body.integra-edu.redesign .fl-row.SaidBand .fl-module-heading .fl-heading-text, html body.integra-edu.redesign .fl-row.IntegraTestimonials .fl-module.LargeHeader .fl-heading-text { font-size: clamp(36px, 4.4vw, 64px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } /* Testimonials quote + name — mock .said .qt / .who */ html body.integra-edu.redesign .fl-row.SaidBand .TestimonialContent, html body.integra-edu.redesign .IntegraTestimonialsSliderPT .TestimonialContent, html body.integra-edu.redesign .fl-row.SaidBand .IntegraTestimonialsSliderPT .TextContainer, html body.integra-edu.redesign .fl-row.SaidBand .IntegraTestimonialsSliderPT .TextContainer p { font-size: clamp(22px, 2.3vw, 32px) !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: -0.01em !important; } html body.integra-edu.redesign .fl-row.SaidBand .IntegraTestimonialsSliderPT h3, html body.integra-edu.redesign .IntegraTestimonialsSliderPT h3, html body.integra-edu.redesign .fl-row.SaidBand .IntegraTestimonialsSliderPT .Author, html body.integra-edu.redesign .IntegraTestimonialsSliderPT .author { font-size: 17px !important; font-weight: 800 !important; line-height: 1.35 !important; } /* Members heading (Project) — mock .members h2 */ html body.integra-edu.redesign .fl-row.MembersSection .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-row.MembersSection .fl-module.LargeHeader .fl-heading-text, html body.integra-edu.redesign .fl-row.Members .fl-module.LargeHeader .fl-heading-text, html body.integra-edu.redesign .fl-row.MembersSection .fl-heading-text { font-size: clamp(36px, 4.4vw, 64px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } /* Intro band heading — mock .ib h2 */ html body.integra-edu.redesign .fl-row.IntroBand .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-row.IntroBand .fl-module.LargeHeader .fl-heading-text, html body.integra-edu.redesign .fl-row.IntroBand .fl-module-heading .fl-heading-text, html body.integra-edu.redesign .fl-row.IntroBand .fl-heading-text { font-size: clamp(30px, 3.6vw, 52px) !important; font-weight: 800 !important; line-height: 1.05 !important; letter-spacing: -0.02em !important; } /* Next / Made to measure band — mock .next h2 */ html body.integra-edu.redesign .fl-row.MadeToMeasure .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-row.MadeToMeasure .fl-module.LargeHeader .fl-heading-text, html body.integra-edu.redesign .fl-row.MadeToMeasure .fl-heading-text { font-size: clamp(44px, 7vw, 110px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } html body.integra-edu.home.redesign .fl-node-90jumd73yakn .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.home.redesign .fl-node-90jumd73yakn .fl-module.LargeHeader .fl-heading-text, html body.integra-edu.home.redesign .fl-node-90jumd73yakn .fl-heading-text { font-size: clamp(38px, 6vw, 92px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } html body.integra-edu.redesign .fl-row.MadeToMeasure .fl-rich-text > p { font-size: 19px !important; font-weight: 400 !important; line-height: 1.5 !important; } html body.integra-edu.redesign .fl-row.MadeToMeasure a.fl-button, html body.integra-edu.redesign .fl-row.MadeToMeasure a.fl-button .fl-button-text { font-size: 16px !important; font-weight: 700 !important; } /* Row headings — mock .row h2 / h3 (LHS splits) */ html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-module.LargeHeader .fl-heading-text, html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-heading-text { font-size: clamp(38px, 4.8vw, 72px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow h3.fl-heading-text, html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow h3 .fl-heading-text, html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-module-heading h3 .fl-heading-text, html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-module.MediumHeader.fl-heading-text, html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-module.MediumHeader .fl-heading-text { font-size: clamp(22px, 2vw, 28px) !important; font-weight: 800 !important; line-height: 1.25 !important; } /* Closing line — mock .row p.closer */ html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-rich-text > p:last-child, html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-rich-text > p:last-child strong { font-size: 20px !important; font-weight: 800 !important; } /* Cards section — mock .cards h2 + lead */ html body.integra-edu.redesign .fl-row.EmblemTitleSection.Timeline .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-row.EmblemTitleSection.Timeline .fl-module.LargeHeader .fl-heading-text, html body.integra-edu.redesign .fl-row.Timeline .fl-module.LargeHeader .fl-heading-text { font-size: clamp(38px, 4.8vw, 72px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } html body.integra-edu.redesign .fl-row.EmblemTitleSection.Timeline .fl-col-group:first-of-type .fl-rich-text > p, html body.integra-edu.redesign .fl-row.Timeline .fl-col-group:first-of-type .fl-rich-text > p { font-size: 19px !important; line-height: 1.55 !important; } /* Card body text — mock .cards .card p */ html body.integra-edu.redesign .fl-row.Timeline .fl-module-rich-text .fl-rich-text > p, html body.integra-edu.redesign .fl-row.EmblemTitleSection.Timeline .fl-module-rich-text .fl-rich-text > p { font-size: 15.5px !important; line-height: 1.6 !important; } /* Enrol — mock .enrol */ html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .fl-module.LargeHeader .fl-heading-text, html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .fl-heading-text { font-size: clamp(32px, 3.6vw, 52px) !important; font-weight: 800 !important; line-height: 1.05 !important; letter-spacing: -0.02em !important; } html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .fl-rich-text > p { font-size: 16.5px !important; line-height: 1.5 !important; } html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection a.fl-button.Black, html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .Black a.fl-button, html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .Black a.fl-button .fl-button-text, html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .footnote-button, html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .redesign-enrol-price-type-buttons a, html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .redesign-enrol-price-type-buttons button { font-size: 15.5px !important; font-weight: 700 !important; } html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection a.fl-button:not(.Black), html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection a.fl-button:not(.Black) .fl-button-text { font-size: 16px !important; font-weight: 800 !important; } /* Newsletter — mock .ft .news */ html body.integra-edu.redesign .fl-row.NewsletterSection .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-row.NewsletterSection .fl-module.LargeHeader .fl-heading-text, html body.integra-edu.redesign .fl-node-hlga0r9wux54 .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-node-hlga0r9wux54 .fl-module.LargeHeader .fl-heading-text, html body.integra-edu.redesign .fl-node-8qxvemgrnjt1 .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-node-8qxvemgrnjt1 .fl-module.LargeHeader .fl-heading-text { font-size: clamp(28px, 3vw, 44px) !important; font-weight: 800 !important; line-height: 1.05 !important; letter-spacing: -0.02em !important; } html body.integra-edu.redesign .fl-row.NewsletterSection .fl-rich-text > p, html body.integra-edu.redesign .fl-node-hlga0r9wux54 .fl-rich-text > p, html body.integra-edu.redesign .fl-node-8qxvemgrnjt1 .fl-rich-text > p { font-size: 17px !important; line-height: 1.5 !important; } html body.integra-edu.redesign .fl-row.NewsletterSection .gform_button, html body.integra-edu.redesign .fl-node-hlga0r9wux54 .gform_button, html body.integra-edu.redesign .fl-node-8qxvemgrnjt1 .gform_button { font-size: 15px !important; font-weight: 800 !important; } /* Home about-split link */ html body.integra-edu.home.redesign .fl-node-bnghczes4v1w a, html body.integra-edu.home.redesign .fl-row.LHSBulletPointsImageRow a:not(.fl-button) { font-size: 15px !important; font-weight: 800 !important; line-height: 1.3 !important; } /* Footer — mock .ft */ html body.integra-edu.redesign .fl-node-vhk6egf3jbp2 .fl-rich-text > p { font-size: 15.5px !important; font-weight: 400 !important; line-height: 1.6 !important; } html body.integra-edu.redesign .fl-node-vhk6egf3jbp2 .fl-rich-text > p > strong, html body.integra-edu.redesign .fl-node-vhk6egf3jbp2 .fl-rich-text > p > strong > span, html body.integra-edu.redesign .fl-node-vhk6egf3jbp2 .fl-rich-text span[style*="font-size"] { font-size: 12.5px !important; font-weight: 800 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; line-height: 1.3 !important; } html body.integra-edu.redesign .fl-node-vhk6egf3jbp2 .fl-node-bnqh5yato8i1 .fl-rich-text > p:first-child > strong, html body.integra-edu.redesign .fl-node-vhk6egf3jbp2 .fl-node-bnqh5yato8i1 .fl-rich-text > p:first-child > strong > span { font-size: 15.5px !important; letter-spacing: 0 !important; text-transform: none !important; font-weight: 800 !important; } html body.integra-edu.redesign .fl-node-vhk6egf3jbp2 .fl-rich-text a, html body.integra-edu.redesign .fl-node-vhk6egf3jbp2 a.IntegraPTButton { font-size: 16.5px !important; font-weight: 700 !important; line-height: 1.3 !important; } html body.integra-edu.redesign .fl-node-vhk6egf3jbp2 .fl-rich-text a small, html body.integra-edu.redesign .fl-node-vhk6egf3jbp2 a small { font-size: 13px !important; font-weight: 500 !important; } html body.integra-edu.redesign .fl-node-vhk6egf3jbp2 .fl-node-9l41vwu3fa25 .fl-rich-text > p { font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important; } /* LHS row titles — mock .row h2 (default; cloned BB nodes often omit LargeHeader) */ html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-module.LargeHeader .fl-heading-text, html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-module-heading.fl-heading-text, html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-module-heading .fl-heading-text { font-size: clamp(38px, 4.8vw, 72px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } /* Home about split — mock .split h2 uses 4.6vw / 68px cap */ html body.integra-edu.home.redesign .fl-node-bnghczes4v1w .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.home.redesign .fl-node-bnghczes4v1w .fl-module.LargeHeader .fl-heading-text, html body.integra-edu.home.redesign .fl-node-bnghczes4v1w .fl-heading-text { font-size: clamp(36px, 4.6vw, 68px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } /* Known sub-heads — mock .row h3 (beat the LHS default title rule) */ html body.integra-edu.exercise-mechanics-lab.redesign .fl-row.LHSBulletPointsImageRow .fl-node-bin36jhv490m.fl-heading-text, html body.integra-edu.exercise-mechanics-lab.redesign .fl-row.LHSBulletPointsImageRow .fl-node-bin36jhv490m .fl-heading-text, html body.integra-edu.rts.redesign .fl-row.LHSBulletPointsImageRow .fl-module-heading:not(.LargeHeader).fl-heading-text, html body.integra-edu.rts.redesign .fl-row.LHSBulletPointsImageRow .fl-module-heading:not(.LargeHeader) .fl-heading-text, html body.integra-edu.project.redesign .fl-row.LHSBulletPointsImageRow .fl-node-de0z1tk2sif3.fl-heading-text, html body.integra-edu.project.redesign .fl-row.LHSBulletPointsImageRow .fl-node-de0z1tk2sif3 .fl-heading-text, html body.integra-edu.project.redesign .fl-node-kljov7phs9nx.fl-module-heading .fl-heading-text, html body.integra-edu.project.redesign .fl-node-kljov7phs9nx .fl-heading-text { font-size: clamp(22px, 2vw, 28px) !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: 0 !important; } /* IntroBand eyebrow — mock .ib .k (force on the node itself, not inherited) */ html body.integra-edu.redesign .fl-row.IntroBand .fl-rich-text > p.v11-k, html body.integra-edu.redesign .fl-row.IntroBand .fl-module-rich-text .v11-k, html body.integra-edu.redesign .fl-row.IntroBand span.v11-k, html body.integra-edu.redesign .fl-row.IntroBand p.v11-k, html body.integra-edu.redesign .fl-row.IntroBand .v11-k { font-size: 12.5px !important; font-weight: 800 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; line-height: 1.3 !important; } /* About newsletter (different BB node from home) */ html body.integra-edu.about.redesign .fl-node-k95bcp46hwug .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.about.redesign .fl-node-k95bcp46hwug .fl-module.LargeHeader .fl-heading-text, html body.integra-edu.about.redesign .fl-node-k95bcp46hwug .fl-heading-text, html body.integra-edu.about.redesign .fl-node-c18mnofzlvud .fl-heading-text { font-size: clamp(28px, 3vw, 44px) !important; font-weight: 800 !important; line-height: 1.05 !important; letter-spacing: -0.02em !important; } /* Timeline / day-card body — mock .cards .card p */ html body.integra-edu.redesign .fl-row.Timeline .fl-col .fl-module-rich-text .fl-rich-text > p, html body.integra-edu.intro.redesign .fl-row.EmblemTitleSection.Timeline .fl-col .fl-module-rich-text .fl-rich-text > p, html body.integra-edu.intro.redesign .fl-node-o5c4vzisbjg1 .fl-module-rich-text .fl-rich-text > p { font-size: 15.5px !important; line-height: 1.6 !important; } /* Cards CTA — mock .cards button */ html body.integra-edu.redesign .fl-row.Timeline a.fl-button, html body.integra-edu.redesign .fl-row.EmblemTitleSection.Timeline a.fl-button, html body.integra-edu.rts.redesign .fl-row.Timeline a, html body.integra-edu.rts.redesign a.fl-button[href*="#"] { font-size: 16px !important; font-weight: 700 !important; } /* Project members — BB class WhoIsInTheRoom */ html body.integra-edu.redesign .fl-row.WhoIsInTheRoom .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-row.WhoIsInTheRoom .fl-module.LargeHeader .fl-heading-text, html body.integra-edu.redesign .fl-row.WhoIsInTheRoom .fl-heading-text { font-size: clamp(36px, 4.4vw, 64px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } /* Testimonials heading when row lacks .SaidBand */ html body.integra-edu.redesign .fl-row:has(.IntegraTestimonialsSliderPT) .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-row:has(.IntegraTestimonialsSliderPT) .fl-module.LargeHeader .fl-heading-text, html body.integra-edu.redesign .fl-row:has(.TestimonialContent) .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-row:has(.TestimonialContent) .fl-module.LargeHeader .fl-heading-text { font-size: clamp(36px, 4.4vw, 64px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } /* Closer lines inside LHS IconBulletPoints only — mock .row p.closer */ html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .IconBulletPoints .fl-rich-text > p:last-child, html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .IconBulletPoints .fl-rich-text > p:last-child span, html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-module.IconBulletPoints .fl-rich-text > p:last-child, html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-module.IconBulletPoints .fl-rich-text > p:last-child * { font-size: 20px !important; font-weight: 800 !important; } /* Project “For the trainer…” / “How the work goes” — mock .row h3 */ html body.integra-edu.project.redesign .fl-node-kljov7phs9nx .fl-heading-text, html body.integra-edu.project.redesign .fl-node-de0z1tk2sif3.fl-heading-text, html body.integra-edu.project.redesign .fl-node-de0z1tk2sif3 .fl-heading-text { font-size: clamp(22px, 2vw, 28px) !important; font-weight: 800 !important; line-height: 1.25 !important; } /* Testimonials heading — shared BB node across course pages */ html body.integra-edu.redesign .fl-module.fl-node-4lkj0ybqof37.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-module.fl-node-4lkj0ybqof37.LargeHeader .fl-heading-text, html body.integra-edu.redesign .fl-module.fl-node-4lkj0ybqof37 .fl-heading-text, html body.integra-edu.redesign .fl-node-3m4ah7xs2lde .fl-module.LargeHeader.fl-heading-text, html body.integra-edu.redesign .fl-node-3m4ah7xs2lde .fl-module.LargeHeader .fl-heading-text { font-size: clamp(36px, 4.4vw, 64px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } /* Enrol Outcomes / Format / FAQ modal triggers — mock 15.5 */ html body.integra-edu.redesign a.outcomes-modal, html body.integra-edu.redesign a.format-modal, html body.integra-edu.redesign a.faq-modal, html body.integra-edu.redesign .uabb-modal-action.outcomes-modal, html body.integra-edu.redesign .uabb-modal-action.format-modal, html body.integra-edu.redesign .uabb-modal-action.faq-modal { font-size: 15.5px !important; font-weight: 700 !important; } /* Final overrides — win source order against page sheets loaded after fonts */ html body.integra-edu.redesign .IntroBand .v11-k, html body.integra-edu.redesign .IntroBand p.v11-k, html body.integra-edu.redesign .IntroBand .fl-rich-text .v11-k { font-size: 12.5px !important; font-weight: 800 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; } html body.integra-edu.exercise-mechanics-lab.redesign .fl-row.LHSBulletPointsImageRow .fl-module.fl-node-bin36jhv490m.fl-heading-text, html body.integra-edu.exercise-mechanics-lab.redesign .fl-row.LHSBulletPointsImageRow .fl-module.fl-node-bin36jhv490m { font-size: clamp(22px, 2vw, 28px) !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: 0 !important; } /* Intro / Timeline card body — beat body .fl-rich-text > p {18px} */ html body.integra-edu.redesign .fl-row.Timeline .fl-col .fl-module-rich-text .fl-rich-text > p, html body.integra-edu.redesign .fl-row.EmblemTitleSection.Timeline .fl-col .fl-module-rich-text .fl-rich-text > p, html body.integra-edu.intro.redesign .fl-node-o5c4vzisbjg1 .fl-module-rich-text .fl-rich-text > p, html body.integra-edu.intro.redesign .fl-node-o5c4vzisbjg1 .fl-rich-text > p { font-size: 15.5px !important; line-height: 1.6 !important; font-weight: 400 !important; } /* Enrol detail copy — mock 16.5 */ html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .fl-module-rich-text .fl-rich-text > p, html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .fl-rich-text > p { font-size: 16.5px !important; line-height: 1.5 !important; } /* Enrol notify / primary CTA label */ html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .DownloadPricePlaceholder, html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .DownloadPricePlaceholder a, html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection a.fl-button .fl-button-text { font-size: 20px !important; font-weight: 800 !important; } html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .DownloadPricePlaceholder span{ font-size: 20px !important; } /* Home about link */ html body.integra-edu.home.redesign .fl-node-bnghczes4v1w a, html body.integra-edu.home.redesign .fl-node-bnghczes4v1w .fl-rich-text a { font-size: 15px !important; font-weight: 800 !important; } /* Intro timeline cards — rich-text class is on the module itself */ html body.integra-edu.redesign .fl-row.Timeline .fl-module.fl-rich-text > p, html body.integra-edu.redesign .fl-row.EmblemTitleSection.Timeline .fl-module.fl-rich-text > p, html body.integra-edu.intro.redesign .fl-node-o5c4vzisbjg1 .fl-module.fl-rich-text > p, html body.integra-edu.intro.redesign .fl-node-o5c4vzisbjg1.fl-module-rich-text p { font-size: 15.5px !important; line-height: 1.6 !important; font-weight: 400 !important; } /* Keep timeline lead at 19 */ html body.integra-edu.redesign .fl-row.Timeline .fl-col-group:first-of-type .fl-module.fl-rich-text > p, html body.integra-edu.intro.redesign .fl-node-o5c4vzisbjg1 .fl-col-group:first-of-type .fl-module.fl-rich-text > p { font-size: 19px !important; line-height: 1.55 !important; } /* EDD notify button — mock enrol CTA 16 */ html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection button.edd-add-to-cart, html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection button.edd-submit, html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .edd-add-to-cart, html body.integra-edu.redesign .HowWeWorkBoxesSection .edd-add-to-cart-label { font-size: 16px !important; font-weight: 800 !important; } /* Closer span inside last IconBulletPoints paragraph */ html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .IconBulletPoints .fl-rich-text > p:last-child span, html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-module.IconBulletPoints p:last-child span { font-size: 20px !important; font-weight: 800 !important; } /* Enrol format/when lines — beat global 18px body */ html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .fl-module.fl-rich-text > p, html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .fl-col .fl-rich-text > p { font-size: 16.5px !important; line-height: 1.5 !important; } /* Enrol .ef detail lines (BB markup uses class ef from mock) */ html body.integra-edu.redesign .ef > p, html body.integra-edu.redesign .ef p, html body.integra-edu.redesign .HowWeWorkBoxesSection .ef p, html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .ef .fl-rich-text > p, html body.integra-edu.redesign .fl-module-rich-text .ef > p { font-size: 16.5px !important; line-height: 1.5 !important; } /* Inline-styled closer spans in LHS rows — beat style="font-size:24px" */ html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-rich-text span[style*="font-size"], html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-rich-text span[style*="font-size"] strong, html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .IconBulletPoints span[style], html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .IconBulletPoints span[style] * { font-size: 20px !important; font-weight: 800 !important; } /* Closers with BB inline font-size on first split rows */ html body.integra-edu.redesign .fl-node-h1rdabkwqg5t span[style*="font-size"], html body.integra-edu.redesign .fl-node-h1rdabkwqg5t span[style*="font-size"] *, html body.integra-edu.redesign .IconBulletPoints span[style*="font-size"], html body.integra-edu.redesign .IconBulletPoints span[style*="font-size"] * { font-size: 20px !important; font-weight: 800 !important; } html body.integra-edu.redesign .fl-row.MadeToMeasure .fl-col-content > .fl-module.fl-rich-text:first-of-type > p{ font-weight: 700!important; font-size: 15px!important; margin-bottom: 0px; color: #d5d6da; } .fl-node-dhtc1z058ge2{ margin-bottom: 0; } html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .DownloadPricePlaceholder h3.AlreadyEnrolledTitle > span{ font-size:50px!important; } /* ===== end v11-fonts.css ===== */ /* ===== begin v11-modals.css ===== */ /** * Integra EDU v11 — modal content styles * Loaded after v11.css. Safe to edit without touching layout fixes in v11.css. * * Structure (matches Claude pop-up mock): * .v11-modal__head — dark #2a2d3a bar, orange eyebrow, white title * .v11-modal__body / .v11-outcomes__body — white content pad */ /* -------------------------------------------------------------------------- */ /* Shared modal chrome */ /* -------------------------------------------------------------------------- */ .v11-outcomes, .v11-modal { font-family: Raleway, sans-serif; color: #2a2d3a; margin: 0; text-align: left; max-width: none; } /* Dark header — full-bleed when modal spacing is 0 (scripts set this). */ .v11-modal__head { background: #2a2d3a; color: #fff; padding: 30px 36px 28px; position: relative; } .v11-modal__eyebrow { margin: 0 0 10px !important; font-size: 12.5px !important; font-weight: 800 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: #F7790B !important; line-height: 1.4 !important; } body.redesign .IntegraSchedule h2.v11-modal__title, body.redesign .uabb-modal h2.v11-modal__title, body.redesign .uabb-modal-content-data h2.v11-modal__title, body.redesign .v11-eml-outcomes h2.v11-modal__title, body.redesign .IntegraSchedule h2.v11-outcomes__title, body.redesign .uabb-modal h2.v11-outcomes__title, .uabb-modal h2.v11-modal__title, .uabb-modal h2.v11-outcomes__title, .v11-modal__head .v11-modal__title, .v11-modal__title { font-size: 36px !important; font-weight: 800 !important; line-height: 1.04 !important; letter-spacing: -0.02em !important; color: #fff !important; margin: 0 !important; padding-right: 48px !important; } @media (min-width: 900px) { body.redesign .IntegraSchedule h2.v11-modal__title, body.redesign .uabb-modal h2.v11-modal__title, .uabb-modal h2.v11-modal__title, .v11-modal__head .v11-modal__title, .v11-modal__title { font-size: 42px !important; } } .v11-modal__body, .v11-outcomes__body { padding: 34px 36px 38px; } .v11-modal__footer { display: flex; flex-wrap: wrap; gap: 12px 18px; align-items: center; justify-content: space-between; margin-top: 34px; padding-top: 22px; border-top: 1px solid #e3e3e6; font-size: 15.5px; color: #4a4d5a; } .v11-modal__cta { display: inline-flex; align-items: center; gap: 14px; background: #F7790B !important; color: #fff !important; font-weight: 800 !important; font-size: 15px !important; padding: 14px 18px !important; text-decoration: none !important; border: 0 !important; border-radius: 0 !important; } .v11-modal__cta::after { content: "\2192"; font-weight: 400; } .v11-modal__cta:hover { background: #2a2d3a !important; color: #fff !important; } /* Collapse leftover BB shell */ .v11-eml-outcomes.InModal .MediumHeader, .v11-eml-format.InModal .MediumHeader, .v11-eml-faq.InModal .MediumHeader, .v11-rts-outcomes.InModal .MediumHeader, .v11-rts-format.InModal .MediumHeader, .v11-rts-faq.InModal .MediumHeader, .v11-rts-curriculum.InModal .MediumHeader, .v11-eml-outcomes.InModal .v11-modal-eyebrow, .v11-eml-outcomes .v11-outcomes-empty, .v11-eml-format .v11-outcomes-empty, .v11-eml-faq .v11-outcomes-empty, .v11-rts-outcomes .v11-outcomes-empty, .v11-rts-format .v11-outcomes-empty, .v11-rts-faq .v11-outcomes-empty, .v11-rts-curriculum .v11-outcomes-empty { display: none !important; } .v11-eml-outcomes .fl-col-group:has(.v11-outcomes-body), .v11-eml-format .fl-col-group:has(.v11-modal-body), .v11-eml-faq .fl-col-group:has(.v11-modal-body), .v11-rts-outcomes .fl-col-group:has(.v11-modal-body), .v11-rts-format .fl-col-group:has(.v11-modal-body), .v11-rts-faq .fl-col-group:has(.v11-modal-body), .v11-rts-curriculum .fl-col-group:has(.v11-modal-body) { display: block !important; width: 100% !important; max-width: 100% !important; } .v11-eml-outcomes .fl-col-group:has(.v11-outcomes-body) > .fl-col, .v11-eml-format .fl-col-group:has(.v11-modal-body) > .fl-col, .v11-eml-faq .fl-col-group:has(.v11-modal-body) > .fl-col, .v11-rts-outcomes .fl-col-group:has(.v11-modal-body) > .fl-col, .v11-rts-format .fl-col-group:has(.v11-modal-body) > .fl-col, .v11-rts-faq .fl-col-group:has(.v11-modal-body) > .fl-col, .v11-rts-curriculum .fl-col-group:has(.v11-modal-body) > .fl-col { width: 100% !important; max-width: 100% !important; float: none !important; clear: both !important; } .v11-eml-outcomes .fl-col-group:has(.v11-outcomes-body) > .fl-col:has(.v11-outcomes-empty), .v11-eml-format .fl-col-group:has(.v11-modal-body) > .fl-col:has(.v11-outcomes-empty), .v11-eml-faq .fl-col-group:has(.v11-modal-body) > .fl-col:has(.v11-outcomes-empty), .v11-rts-outcomes .fl-col-group:has(.v11-modal-body) > .fl-col:has(.v11-outcomes-empty), .v11-rts-format .fl-col-group:has(.v11-modal-body) > .fl-col:has(.v11-outcomes-empty), .v11-rts-faq .fl-col-group:has(.v11-modal-body) > .fl-col:has(.v11-outcomes-empty), .v11-rts-curriculum .fl-col-group:has(.v11-modal-body) > .fl-col:has(.v11-outcomes-empty) { display: none !important; } .v11-eml-outcomes .fl-rich-text .v11-outcomes p, .v11-eml-format .fl-rich-text .v11-modal p, .v11-eml-faq .fl-rich-text .v11-modal p, .v11-rts-outcomes .fl-rich-text .v11-outcomes p, .v11-rts-format .fl-rich-text .v11-modal p, .v11-rts-faq .fl-rich-text .v11-modal p, .v11-rts-curriculum .fl-rich-text .v11-modal p { margin-top: 0; } /* Zero BB module / row chrome around modal saved rows */ .v11-eml-outcomes.InModal .fl-row-content, .v11-eml-format.InModal .fl-row-content, .v11-eml-faq.InModal .fl-row-content, .v11-rts-outcomes.InModal .fl-row-content, .v11-rts-format.InModal .fl-row-content, .v11-rts-faq.InModal .fl-row-content, .v11-rts-curriculum.InModal .fl-row-content, .v11-eml-outcomes.InModal .fl-col-content, .v11-eml-format.InModal .fl-col-content, .v11-eml-faq.InModal .fl-col-content, .v11-rts-outcomes.InModal .fl-col-content, .v11-rts-format.InModal .fl-col-content, .v11-rts-faq.InModal .fl-col-content, .v11-rts-curriculum.InModal .fl-col-content { padding: 0 !important; margin: 0 !important; } /* -------------------------------------------------------------------------- */ /* EML Outcomes — timeline */ /* -------------------------------------------------------------------------- */ .v11-outcomes__timeline { position: relative; margin: 0; padding: 0; list-style: none; counter-reset: v11-outcomes-step; } .v11-outcomes__step { position: relative; margin: 0 0 28px; padding: 0; counter-increment: v11-outcomes-step; } .v11-outcomes__step:last-of-type { margin-bottom: 22px; } /* Label sits ABOVE the hairline; hangs left of the body copy */ .v11-outcomes__label, .v11-outcomes__step h3 { position: relative; z-index: 2; display: block; padding: 0 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.2 !important; color: #F7790B !important; background: transparent; } /* Rail = hairline + numbered circle + body */ .v11-outcomes__rail { position: relative; } .v11-outcomes__rail ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } .v11-outcomes__rail li { margin: 0 0 10px !important; padding: 0 !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.55 !important; color: #3a3d4a !important; } .v11-outcomes__rail li:last-child { margin-bottom: 0 !important; } .v11-outcomes__closer { position: relative; z-index: 1; width:100%; margin: 0 !important; padding: 8px 0 0 56px !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1.3 !important; color: #2a2d3a !important; } /* -------------------------------------------------------------------------- */ /* EML Format — “How it runs” */ /* -------------------------------------------------------------------------- */ .v11-format__list { display: grid; grid-template-columns: minmax(140px, 200px) 1fr; gap: 0; margin: 0; } .v11-format__list > div { display: contents; } .v11-format__list dt { margin: 0; padding: 14px 18px 14px 0; border-bottom: 1px solid #e3e3e6; font-size: 15.5px; font-weight: 800; line-height: 1.4; color: #2a2d3a; } .v11-format__list dd { margin: 0; padding: 14px 0; border-bottom: 1px solid #e3e3e6; font-size: 15.5px; font-weight: 400; line-height: 1.55; color: #3a3d4a; } .v11-format__prereq { margin-top: 28px; padding-top: 8px; } .v11-format__prereq h3 { margin: 0 0 12px !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: #F7790B !important; } .v11-format__prereq p { margin: 0 0 12px !important; font-size: 16px !important; line-height: 1.6 !important; color: #3a3d4a !important; } .v11-format__prereq p:last-child { margin-bottom: 0 !important; } @media (max-width: 640px) { .v11-format__list { grid-template-columns: 1fr; } .v11-format__list dt { border-bottom: 0; padding-bottom: 0; } } /* -------------------------------------------------------------------------- */ /* EML FAQ — “Questions” */ /* -------------------------------------------------------------------------- */ .v11-faq__list { margin: 0; } .v11-faq__item { border-bottom: 1px solid #d5d6da; } .v11-faq__item:first-of-type { border-top: 1px solid #d5d6da; } .v11-faq__item summary { list-style: none; cursor: pointer; font-weight: 800; font-size: 17.5px; line-height: 1.3; padding: 19px 0; display: flex; justify-content: space-between; gap: 20px; align-items: baseline; color: #2a2d3a; } .v11-faq__item summary::-webkit-details-marker { display: none; } .v11-faq__item summary::after { content: "+"; color: #F7790B; font-weight: 400; font-size: 24px; line-height: 1; flex: 0 0 auto; } .v11-faq__item[open] summary::after { content: "\2013"; } .v11-faq__item p { margin: 0 0 20px !important; max-width: 640px; font-size: 16px !important; line-height: 1.6 !important; color: #3a3d4a !important; } /* -------------------------------------------------------------------------- */ /* Project modal saved-row shells (append-only) */ /* -------------------------------------------------------------------------- */ .v11-project-outcomes.InModal .MediumHeader, .v11-project-format.InModal .MediumHeader, .v11-project-faq.InModal .MediumHeader, .v11-project-outcomes .v11-outcomes-empty, .v11-project-format .v11-outcomes-empty, .v11-project-faq .v11-outcomes-empty { display: none !important; } .v11-project-outcomes .fl-col-group:has(.v11-modal-body), .v11-project-format .fl-col-group:has(.v11-modal-body), .v11-project-faq .fl-col-group:has(.v11-modal-body) { display: block !important; width: 100% !important; max-width: 100% !important; } .v11-project-outcomes .fl-col-group:has(.v11-modal-body) > .fl-col, .v11-project-format .fl-col-group:has(.v11-modal-body) > .fl-col, .v11-project-faq .fl-col-group:has(.v11-modal-body) > .fl-col { width: 100% !important; max-width: 100% !important; float: none !important; clear: both !important; } .v11-project-outcomes .fl-col-group:has(.v11-modal-body) > .fl-col:has(.v11-outcomes-empty), .v11-project-format .fl-col-group:has(.v11-modal-body) > .fl-col:has(.v11-outcomes-empty), .v11-project-faq .fl-col-group:has(.v11-modal-body) > .fl-col:has(.v11-outcomes-empty) { display: none !important; } .v11-project-outcomes .fl-rich-text .v11-outcomes p, .v11-project-format .fl-rich-text .v11-modal p, .v11-project-faq .fl-rich-text .v11-modal p { margin-top: 0; } .v11-project-outcomes.InModal .fl-row-content, .v11-project-format.InModal .fl-row-content, .v11-project-faq.InModal .fl-row-content, .v11-project-outcomes.InModal .fl-col-content, .v11-project-format.InModal .fl-col-content, .v11-project-faq.InModal .fl-col-content { padding: 0 !important; margin: 0 !important; } /* -------------------------------------------------------------------------- */ /* About bio modal — Michael Goulden (append-only) */ /* Matches Claude Pop-ups About.html .m.bio layout */ /* -------------------------------------------------------------------------- */ .v11-about-bio.InModal .MediumHeader, .v11-about-bio .v11-outcomes-empty { display: none !important; } .v11-about-bio .fl-col-group:has(.v11-modal-body) { display: block !important; width: 100% !important; max-width: 100% !important; } .v11-about-bio .fl-col-group:has(.v11-modal-body) > .fl-col { width: 100% !important; max-width: 100% !important; float: none !important; clear: both !important; } .v11-about-bio .fl-col-group:has(.v11-modal-body) > .fl-col:has(.v11-outcomes-empty) { display: none !important; } .v11-about-bio.InModal .fl-row-content, .v11-about-bio.InModal .fl-col-content { padding: 0 !important; margin: 0 !important; } .v11-bio { display: grid; grid-template-columns: minmax(240px, 300px) 1fr; font-family: Raleway, sans-serif; color: #2a2d3a; text-align: left; background: #fff; max-width: none; margin: 0; } .v11-bio__photo { background-size: cover; background-position: center top; filter: grayscale(1); min-height: 420px; align-self: stretch; } .v11-bio__main { display: flex; flex-direction: column; min-width: 0; } .v11-bio__head.v11-modal__head, .v11-bio .v11-modal__head { margin: 0 !important; padding: 30px 36px 28px !important; background: #2a2d3a !important; color: #fff !important; } .v11-bio .v11-modal__eyebrow { margin: 0 0 10px !important; color: #F7790B !important; } body.redesign .uabb-modal h2.v11-bio .v11-modal__title, body.redesign .OurTeamModal-overlay h2.v11-modal__title, .OurTeamModal-overlay .v11-bio .v11-modal__title, .v11-bio .v11-modal__title { font-size: clamp(28px, 3.2vw, 42px) !important; font-weight: 800 !important; line-height: 1.04 !important; letter-spacing: -0.02em !important; color: #fff !important; margin: 0 !important; padding-right: 48px !important; } .v11-bio__body { padding: 34px 36px 38px; } .v11-bio__body p { margin: 0 0 14px !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.65 !important; color: #2a2d3a !important; } .v11-bio__body p:last-of-type { margin-bottom: 0 !important; } .v11-bio__tl { display: flex; gap: 0; margin-top: 24px; padding-top: 20px; border-top: 1px solid #e3e3e6; } .v11-bio__tl > div { flex: 1; min-width: 0; } .v11-bio__tl b { display: block; color: #F7790B; font-weight: 900; font-size: 24px; line-height: 1.2; font-style: normal; } .v11-bio__tl span { display: block; margin-top: 4px; padding-right: 14px; font-size: 14px; line-height: 1.4; color: #3a3d4a; } /* Neutralise legacy OurTeamModal chrome when the v11 bio is present */ body.redesign .OurTeamModal-overlay:has(.v11-bio) .uabb-content, body.redesign .OurTeamModal-overlay:has(.v11-bio) .uabb-modal-content-data { padding: 0 !important; max-width: 980px !important; width: 96vw !important; border-radius: 0 !important; overflow: hidden; } body.redesign .OurTeamModal-overlay:has(.v11-bio) .fl-row, body.redesign .OurTeamModal-overlay:has(.v11-bio) .fl-row-content, body.redesign .OurTeamModal-overlay:has(.v11-bio) .fl-col-group, body.redesign .OurTeamModal-overlay:has(.v11-bio) .fl-col, body.redesign .OurTeamModal-overlay:has(.v11-bio) .fl-module, body.redesign .OurTeamModal-overlay:has(.v11-bio) .fl-module-content { margin: 0 !important; padding: 0 !important; max-width: none !important; width: 100% !important; float: none !important; } body.redesign .OurTeamModal-overlay:has(.v11-bio) .uabb-modal-close { top: 22px !important; right: 24px !important; z-index: 5; } body.redesign .OurTeamModal-overlay:has(.v11-bio) .uabb-modal-close i.uabb-close-icon:before, body.redesign.integra-edu .OurTeamModal-overlay:has(.v11-bio) .uabb-modal-close i.uabb-close-icon:before { color: #fff !important; } @media (max-width: 760px) { .v11-bio { grid-template-columns: 1fr; } .v11-bio__photo { min-height: 280px; } .v11-bio__body, .v11-bio .v11-modal__head { padding-left: 22px !important; padding-right: 22px !important; } .v11-bio__tl { flex-direction: column; gap: 16px; } } .v11-outcomes__timeline{ display:flex; flex-wrap:wrap; column-gap: 40px; } .v11-outcomes__step{width:calc(50% - 20px);} .v11-outcomes-body, .v11-modal-body{ margin:0 } .fl-node-jnkbtl2eqwc6, .fl-node-hc4yc0s30pjn, .fl-node-4oq0d6ursapq, .fl-node-9cmy9c1ilqxd, .fl-node-7w4gwyabtvfl, .fl-node-wjbf5ynlx1ea, .fl-node-rmezjwnp9o9f, .fl-node-9l08txv7oejt, .fl-node-xjnj4m3kp65k, .fl-node-n793yx45afiw{ display:none } .v11-outcomes__rail li{ position: relative; padding-left:24px!important; } .v11-outcomes__rail li:before{ content: ''; position: absolute; left: 0; top: 7px; width: 12px; height: 12px; border: 2px solid #F7790B !important; border-radius: 50%; box-sizing: border-box!important; } body.integra-edu.redesign .uabb-modal .uabb-modal-content-data p.v11-outcomes__closer{ font-weight: 800!important; font-size: 26px!important; line-height: 1.25; margin-top: 26px; padding-top: 22px; border-top: 1px solid #e3e3e6; padding-left: 0!important; } /* -------------------------------------------------------------------------- */ /* Intro FAQ modal saved-row shell (append-only) */ /* -------------------------------------------------------------------------- */ .v11-intro-faq.InModal .MediumHeader, .v11-intro-faq .v11-outcomes-empty { display: none !important; } .v11-intro-faq .fl-col-group:has(.v11-modal-body) { display: block !important; width: 100% !important; max-width: 100% !important; } .v11-intro-faq .fl-col-group:has(.v11-modal-body) > .fl-col { width: 100% !important; max-width: 100% !important; float: none !important; clear: both !important; } .v11-intro-faq .fl-col-group:has(.v11-modal-body) > .fl-col:has(.v11-outcomes-empty) { display: none !important; } .v11-intro-faq .fl-rich-text .v11-modal p { margin-top: 0; } .v11-intro-faq.InModal .fl-row-content, .v11-intro-faq.InModal .fl-col-content { padding: 0 !important; margin: 0 !important; } /* -------------------------------------------------------------------------- */ /* RTS curriculum modal (BB saved row: scripts/v11-create-rts-curriculum-modal.php) */ /* -------------------------------------------------------------------------- */ .v11-modal__lead { color: #c9cad0; font-size: 16px; line-height: 1.55; margin: 12px 0 0 !important; max-width: 700px; font-weight: 400; } .v11-rts-curriculum-modal-wrap .uabb-content, .v11-rts-curriculum-modal.uabb-modal .uabb-content, .uamodal-6a9hqb3ofcj8.v11-rts-curriculum-modal-wrap .uabb-content { max-width: 980px !important; width: 100% !important; } .v11-rts-curriculum-modal .uabb-modal-content-data, .v11-rts-curriculum-modal-wrap .uabb-modal-content-data { padding: 0 !important; margin: 0 !important; } .v11-rts-curriculum { max-width: none; } .v11-curriculum__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } .v11-curriculum__step { border-top: 4px solid #F7790B; background: #f6f6f6; padding: 20px 20px 22px; } .v11-curriculum__label { font-style: normal; display: block; color: #F7790B; font-weight: 800; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 8px; } .v11-curriculum__heading { display: block; font-size: 18px; font-weight: 800; margin-bottom: 12px; line-height: 1.2; color: #2a2d3a; } .v11-curriculum__step ul { list-style: none; margin: 0; padding: 0; } .v11-curriculum__step li { position: relative; padding: 0 0 9px 26px; font-size: 14.5px; line-height: 1.5; color: #2a2d3a; } .v11-curriculum__step li::before { content: ""; position: absolute; left: 0; top: 7px; width: 8px; height: 8px; border: 1.5px solid #F7790B; border-radius: 50%; box-sizing: border-box; } .v11-curriculum__across { font-size: 16px !important; font-weight: 500 !important; line-height: 1.6 !important; margin: 26px 0 0 !important; padding-top: 22px; border-top: 1px solid #e3e3e6; color: #2a2d3a; } .v11-curriculum__across strong { font-weight: 800; } .v11-curriculum__footer { background: #f6f6f6; margin-top: 0 !important; padding: 22px 36px !important; border-top: 0 !important; } .v11-curriculum__footer span { font-size: 14.5px; color: #4a4d5a; line-height: 1.5; max-width: 520px; } @media (max-width: 760px) { .v11-curriculum__steps { grid-template-columns: 1fr; } .v11-rts-curriculum .v11-modal__head, .v11-rts-curriculum .v11-modal__body, .v11-curriculum__footer { padding-left: 22px !important; padding-right: 22px !important; } } /* v11-rts-curriculum-marker-1790592768 */ html body.redesign .uabb-modal-close.uabb-close-custom-popup-edge-top-right i.uabb-close-icon.fas.fa-times:before { color:white!important; } html body.redesign .uabb-modal-close.uabb-close-custom-popup-edge-top-right{ top:30px; right:30px } .v11-modal__eyebrow, body.rts .v11-modal__lead{ padding-left:0!important } .uabb-modal > .uabb-content{ overflow-x: hidden; } @media (max-width: 900px){ .uamodal-rs1uvm59hnej .uabb-content, .uamodal-2keq6fbun4aj .uabb-content, .uamodal-790d56bxzmjk .uabb-content, .uamodal-mijohn52kcx3 .uabb-content, .uamodal-vx8prjlu4ews .uabb-content, .uamodal-pvi2o81w6cqm .uabb-content{ width:98%; } .uabb-modal.uabb-modal-scroll .uabb-modal-content-data{ margin-top:0!important; } } body.rts .v11-modal__lead{ color:white!important; } .v11-modal__body ul li:not(.gfield):before{ border-color: #F7790B; } body.private-tutoring .uabb-modal-text.uabb-modal-content-data, body.private-workshops .uabb-modal-text.uabb-modal-content-data, body.private-tutoring .uabb-modal-custom .uabb-modal-text{ padding:0!important; } .fl-node-4niaxc5o3kji, .fl-node-56ax7vdbcknu{ display:none!important; } .fl-node-w9q2dgkm7rlp{ padding-top:0!important; padding-bottom:0!important; } .v11-format__prereq p{ padding-left:0!important; } .HowWeWorkBoxesSection > .fl-row-content-wrap > div > .fl-col-group.fl-node-vqmr7jktgf6b{ padding-top: 0!important; padding-bottom: 0!important; max-height: 0!important; } @media (max-width: 800px){ body.redesign .fl-node-aw51n0ic7sot, body.redesign .fl-node-qan3pfdb18wj{ width:100%!important; } } /* ===== end v11-modals.css ===== */ /* ===== begin v11-footer.css ===== */ /** * v11 site footer — mock .ft * Source: Claude - 2026-09-18 - v11 - *.html