/** * 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 { --v11-orange: #F77908; --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: 9px; height: 9px; top: 8px; border-width: 1.5px; } 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: 17px !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 .fl-module-button:not(.Black) .fl-button, body.integra-edu.redesign .IntegraPTButton.Orange, body.integra-edu.redesign .BlogNewContainer.LabTime form .edd-add-to-cart, body.integra-edu.redesign .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: 15.5px !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 .BlogNewContainer.LabTime .LabtimePrice, body.integra-edu.redesign .BlogNewContainer .big, body.integra-edu.redesign .BlogNewContainer .SoldOut, body.integra-edu.redesign .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: 15.5px !important; line-height: 1.7 !important; font-weight: 400 !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: 16px !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-taixdmvbgn9h { border-top: 1px solid var(--v11-ink); } body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col-group.fl-node-taixdmvbgn9h > .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; color: var(--v11-orange) !important; font-weight: 800 !important; text-decoration: none !important; font-size: 16px !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: 8px !important; width: 9px !important; height: 9px !important; border: 1.5px solid var(--v11-orange) !important; border-radius: 50% !important; background: transparent !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 > section > section.TextContainer { max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 6vw !important; padding-right: 6vw !important; box-sizing: border-box; } 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 #F77908 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:#F77908; text-transform: uppercase; font-weight: 800; font-size:13px; letter-spacing: 1.5px; } .ef h4, h3.v11-outcomes__label{ color:#F77908!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: #F77908!important; } .Stats strong{ color:#F77908!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:#F77908!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: #F77908!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 #F77908 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 header#customHeader { background-color: #000 !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: 70% center !important; 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, #F77908) !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: 2px 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; } .HowWeWorkBoxesSection .fl-col-group > .fl-col:first-of-type .fl-module-content{margin-top:15px!important} .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%; } } 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, 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:#F77908!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:#F77908!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:#F77908!important; } body.rts.redesign .fl-node-7lry6t2a8mzv .IntegraTestimonialsSliderPT .slick-arrow, body.rts.redesign .fl-node-7lry6t2a8mzv .slick-arrow:hover{ background-color:#F77908!important; } body.exercise-mechanics-lab.redesign .fl-node-re3woj8dmlxq a.v11-ink-btn:hover{ background: #F77908!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; } [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; }