/** * Integra EDU v11 — homepage polish * Matches: Claude - 2026-09-18 - v11 - Home.html * Append-only overrides loaded after v11.css. Footer link columns ignored. * Scoped to body.integra-edu.home.redesign. */ /* -------------------------------------------------------------------------- */ /* Orange promo strip */ /* -------------------------------------------------------------------------- */ body.integra-edu.home.redesign .PromoSection .fl-row-content-wrap, body.integra-edu.home.redesign .fl-node-5u9ehdv3cbka > .fl-row-content-wrap { background: var(--v11-orange, #F77908) !important; padding: 24px 6vw !important; margin: 0 !important; } body.integra-edu.home.redesign .PromoSection .fl-row-content, body.integra-edu.home.redesign .PromoSection .fl-col-content, body.integra-edu.home.redesign .PromoSection .fl-module-content { margin: 0 !important; padding: 0 !important; } body.integra-edu.home.redesign .PromoSection p, body.integra-edu.home.redesign .PromoSection a, body.integra-edu.home.redesign .PromoSection .fl-rich-text, body.integra-edu.home.redesign .PromoSection .fl-rich-text *, body.integra-edu.home.redesign .PromoSection .strip { color: #fff !important; font-weight: 800 !important; font-size: 17px !important; line-height: 1.4 !important; text-align: center !important; margin: 0 !important; } /* Hide leftover empty mock markup accidentally pasted into the strip module */ body.integra-edu.home.redesign .PromoSection section.beat { display: none !important; } @media (max-width: 700px) { body.integra-edu.home.redesign .PromoSection p, body.integra-edu.home.redesign .PromoSection a, body.integra-edu.home.redesign .PromoSection .fl-rich-text, body.integra-edu.home.redesign .PromoSection .strip { font-size: 15px !important; } } /* -------------------------------------------------------------------------- */ /* Beat statement */ /* -------------------------------------------------------------------------- */ body.integra-edu.home.redesign .TransformYourDailyLife > .fl-row-content-wrap, body.integra-edu.home.redesign .fl-node-iekjglbs47hc > .fl-row-content-wrap { padding: clamp(64px, 9vw, 120px) 6vw !important; margin: 0 !important; background: #fff !important; } body.integra-edu.home.redesign .fl-node-iekjglbs47hc, body.integra-edu.home.redesign .TransformYourDailyLife { margin: 0 !important; } body.integra-edu.home.redesign .LargeHeader.VerticalMerge .fl-heading-text, body.integra-edu.home.redesign .fl-node-s5dexj8a0i1b .fl-heading-text { color: var(--v11-grey, #9a9ca5) !important; font-size: clamp(32px, 5vw, 74px) !important; line-height: 1.08 !important; letter-spacing: -0.02em !important; font-weight: 800 !important; max-width: 1250px; text-align: left !important; } body.integra-edu.home.redesign .LargeHeader.VerticalMerge .fl-heading-text span, body.integra-edu.home.redesign .LargeHeader.VerticalMerge .fl-heading-text em, body.integra-edu.home.redesign .fl-node-s5dexj8a0i1b .fl-heading-text span, body.integra-edu.home.redesign .fl-node-s5dexj8a0i1b .fl-heading-text em { color: var(--v11-ink, #2a2d3a) !important; font-style: normal !important; } /* -------------------------------------------------------------------------- */ /* Intro band (.ib) */ /* -------------------------------------------------------------------------- */ body.integra-edu.home.redesign .IntroBand > .fl-row-content-wrap, body.integra-edu.home.redesign .fl-node-p6hs02aegzq5 > .fl-row-content-wrap { margin-top: 0 !important; margin-bottom: 0 !important; padding: clamp(44px, 5vw, 72px) 6vw !important; background: var(--v11-soft, #f6f6f6) !important; border-top: 1px solid var(--v11-hairline, #e3e3e6) !important; border-bottom: 1px solid var(--v11-hairline, #e3e3e6) !important; } body.integra-edu.home.redesign .IntroBand .LargeHeader .fl-heading-text, body.integra-edu.home.redesign .IntroBand .fl-node-izw039axg728 .fl-heading-text, body.integra-edu.home.redesign .fl-node-izw039axg728 .fl-heading-text { color: var(--v11-ink, #2a2d3a) !important; font-size: clamp(30px, 3.6vw, 52px) !important; line-height: 1.02 !important; font-weight: 800 !important; } body.integra-edu.home.redesign .v11-ink-btn::after, body.integra-edu.home.redesign .IntroBand a.v11-ink-btn::after { content: "\2192" !important; } /* -------------------------------------------------------------------------- */ /* Pathway (.path) */ /* -------------------------------------------------------------------------- */ body.integra-edu.home.redesign .ChooseYourJourneySection > .fl-row-content-wrap, body.integra-edu.home.redesign .fl-node-1tkxvypn4z2d > .fl-row-content-wrap { padding: clamp(64px, 8vw, 110px) 6vw !important; margin: 0 !important; background: #fff !important; } body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col-group.fl-node-taixdmvbgn9h { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 40px; border-top: 1px solid var(--v11-ink, #2a2d3a); align-items: start; } body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col-group.fl-node-taixdmvbgn9h > .fl-col { width: auto !important; max-width: none !important; flex: none !important; padding-left: 0 !important; padding-right: 0 !important; float: none !important; clear: none !important; } body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col .fl-module-rich-text:last-child a { margin-top: 14px !important; } body.integra-edu.home.redesign .ChooseYourJourneySection .fl-node-rqgn2baucxs3 .fl-heading-text, body.integra-edu.home.redesign .ChooseYourJourneySection .fl-module-heading .fl-heading-text { color: var(--v11-ink, #2a2d3a) !important; text-align: center !important; } @media (max-width: 800px) { body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col-group.fl-node-taixdmvbgn9h { grid-template-columns: 1fr; border-top: 0; gap: 0; } body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col-group.fl-node-taixdmvbgn9h > .fl-col { border-top: 1px solid var(--v11-ink, #2a2d3a); margin-top: 20px; padding-top: 0; } } /* -------------------------------------------------------------------------- */ /* 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 !important; background-color: #000 !important; background-size: 0 0 !important; /* image on ::before */ background-repeat: no-repeat !important; background-position: center center !important; padding: clamp(80px, 10vw, 150px) 6vw !important; overflow: hidden !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: "" !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; background-color: transparent !important; background-image: inherit !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; filter: grayscale(1); opacity: 0.32; pointer-events: none !important; } 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; } body.integra-edu.home.redesign .v11-hours-num, body.integra-edu.home.redesign .fl-node-toi2lg4jv09m .v11-hours-num { margin: 0 !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 p:not(.v11-hours-num):not(.v11-hours-q) { margin-top: 34px !important; margin-bottom: 0 !important; } body.integra-edu.home.redesign .v11-hours-q, body.integra-edu.home.redesign .fl-node-toi2lg4jv09m .v11-hours-q { margin-top: 18px !important; } /* -------------------------------------------------------------------------- */ /* Said / testimonials */ /* -------------------------------------------------------------------------- */ 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; margin: 0 !important; } /* Undo late white LargeHeader rule for Said title */ body.integra-edu.home.redesign .SaidBand .LargeHeader .fl-heading-text, body.integra-edu.home.redesign .SaidBand .fl-node-btwgj7sim4u9 .fl-heading-text, body.integra-edu.home.redesign .SaidBand .LargeHeader h2 .fl-heading-text, body.integra-edu.home.redesign .SaidBand .LargeHeader h3 .fl-heading-text, body.integra-edu.home.redesign .SaidBand .LargeHeader h3.fl-heading span { color: var(--v11-ink, #2a2d3a) !important; font-size: clamp(36px, 4.4vw, 64px) !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; } body.integra-edu.home.redesign .SaidBand .slick-arrow, body.integra-edu.home.redesign .SaidBand .IntegraTestimonialsSliderPT .slick-arrow { background-color: var(--v11-ink, #2a2d3a) !important; color: #fff !important; border-radius: 50% !important; width: 40px !important; height: 40px !important; min-width: 40px !important; } @media (max-width: 800px) { body.integra-edu.home.redesign .SaidBand .fl-col-group.fl-node-fb4meqygkwsu { grid-template-columns: 1fr; gap: 28px; } } /* -------------------------------------------------------------------------- */ /* Split — Still on the gym floor */ /* -------------------------------------------------------------------------- */ 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, #f6f6f6) !important; padding: 0 !important; margin: 0 !important; } body.integra-edu.home.redesign .LHSBulletPointsImageRow .fl-col-group { display: grid !important; grid-template-columns: 1fr 1fr; align-items: stretch !important; gap: 0; } body.integra-edu.home.redesign .LHSBulletPointsImageRow .fl-col-group > .fl-col { width: auto !important; max-width: none !important; float: none !important; } @media (max-width: 800px){ body.integra-edu.home.redesign .LHSBulletPointsImageRow .fl-col-group > .fl-col.fl-node-yonw1lch6dkx{ width:100%!important; } .fl-node-z0h73obqnl91{ margin-top: 0!important; border-top:none!important; border-bottom: none!important; } body.integra-edu.home.redesign .ChooseYourJourneySection .fl-node-rqgn2baucxs3{ margin-bottom: 0!important; } body.redesign .ChooseYourJourneySection .fl-module-photo{ border-top:0!important; } } body.integra-edu.home.redesign .LHSBulletPointsImageRow .fl-col:first-child .fl-col-content, body.integra-edu.home.redesign .fl-node-dsynj1bepfch > .fl-col-content { display: flex !important; flex-direction: column; justify-content: center; padding: clamp(56px, 7vw, 110px) 6vw !important; margin: 0 !important; box-sizing: border-box; } body.integra-edu.home.redesign .fl-node-qb2zj6l1skm4 .fl-heading-text, body.integra-edu.home.redesign .LHSBulletPointsImageRow .LargeHeader .fl-heading-text, body.integra-edu.home.redesign .LargeHeader.fl-node-qb2zj6l1skm4 h2 > span.fl-heading-text { color: var(--v11-ink, #2a2d3a) !important; font-size: clamp(36px, 4.6vw, 68px) !important; line-height: 1 !important; font-weight: 800 !important; } /* Photo is a column background — greyscale the column itself */ body.integra-edu.home.redesign .fl-node-yonw1lch6dkx > .fl-col-content, body.integra-edu.home.redesign .LHSBulletPointsImageRow .fl-col:last-child > .fl-col-content { min-height: 420px !important; height: 100% !important; background-size: cover !important; background-position: center 20% !important; filter: grayscale(1); padding: 0 !important; } @media (max-width: 800px) { body.integra-edu.home.redesign .LHSBulletPointsImageRow .fl-col-group { grid-template-columns: 1fr; } body.integra-edu.home.redesign .fl-node-yonw1lch6dkx > .fl-col-content, body.integra-edu.home.redesign .LHSBulletPointsImageRow .fl-col:last-child > .fl-col-content { min-height: 320px !important; } } /* -------------------------------------------------------------------------- */ /* Logos — We Train the Trainers */ /* -------------------------------------------------------------------------- */ 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; margin: 0 !important; } body.integra-edu.home.redesign .IntegraTrustedBy .LargeHeader .fl-heading-text, body.integra-edu.home.redesign .IntegraTrustedBy .fl-heading-text, body.integra-edu.home.redesign .IntegraTrustedBy h2, body.integra-edu.home.redesign .IntegraTrustedBy .LargeHeader h3.fl-heading span { color: var(--v11-ink, #2a2d3a) !important; font-size: clamp(34px, 4.4vw, 62px) !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; } /* Turn the UABB carousel into a wrapping flex row */ /* -------------------------------------------------------------------------- */ /* Close CTA — Is there more? */ /* -------------------------------------------------------------------------- */ body.integra-edu.home.redesign .fl-node-90jumd73yakn > .fl-row-content-wrap, body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection:not(.fl-node-hlga0r9wux54) > .fl-row-content-wrap { padding: clamp(70px, 9vw, 130px) 6vw !important; margin: 0 !important; } body.integra-edu.home.redesign .fl-node-54wiz0c8nxly .fl-heading-text, body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection:not(.fl-node-hlga0r9wux54) .LargeHeader .fl-heading-text, body.integra-edu.home.redesign .fl-node-90jumd73yakn .LargeHeader .fl-heading-text, body.integra-edu.home.redesign .fl-node-90jumd73yakn .LargeHeader h3.fl-heading span { color: #fff !important; font-size: clamp(38px, 6vw, 92px) !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; max-width: 1100px; } 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 { 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; padding: 22px 24px !important; margin-top: 40px !important; border: 0 !important; border-radius: 0 !important; text-decoration: none !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 a.fl-button::after { content: "\2192" !important; font-weight: 400 !important; font-size: 20px !important; color: #fff !important; margin: 0 !important; } body.integra-edu.home.redesign .fl-node-zg3bk0cn2vds.Black .fl-button-text, body.integra-edu.home.redesign .fl-node-90jumd73yakn .Black .fl-button-text { color: #fff !important; } /* -------------------------------------------------------------------------- */ /* Newsletter band (above footer columns — mock .ft .news) */ /* -------------------------------------------------------------------------- */ body.integra-edu.home.redesign .fl-node-hlga0r9wux54 > .fl-row-content-wrap { background: var(--v11-ink, #2a2d3a) !important; padding: 64px 6vw 54px !important; margin: 0 !important; border-top: 1px solid #474a58; } body.integra-edu.home.redesign .fl-node-hlga0r9wux54 .LargeHeader .fl-heading-text, body.integra-edu.home.redesign .fl-node-hlga0r9wux54 .fl-heading-text, body.integra-edu.home.redesign .fl-node-hlga0r9wux54 .LargeHeader h3.fl-heading span { color: #fff !important; font-size: clamp(28px, 3vw, 44px) !important; line-height: 1.05 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; } body.integra-edu.home.redesign .fl-node-hlga0r9wux54 .LHSText .fl-rich-text > p, body.integra-edu.home.redesign .fl-node-hlga0r9wux54 .fl-node-gefn5cvlwrbx .fl-rich-text > p { color: #c9cad0 !important; font-size: 17px !important; line-height: 1.5 !important; display: block !important; } /* Form fields — dark inputs, orange subscribe */ body.integra-edu.home.redesign .fl-node-hlga0r9wux54 #gform_58 input[type="text"], body.integra-edu.home.redesign .fl-node-hlga0r9wux54 #gform_58 input[type="email"], body.integra-edu.home.redesign .fl-node-hlga0r9wux54 input[type="text"], body.integra-edu.home.redesign .fl-node-hlga0r9wux54 input[type="email"] { background: #3a3d4b !important; border: 0 !important; border-radius: 0 !important; color: #fff !important; font-size: 16px !important; padding: 16px 14px !important; min-width: 0 !important; } body.integra-edu.home.redesign .fl-node-hlga0r9wux54 input::placeholder { color: #9a9ca5 !important; } body.integra-edu.home.redesign .fl-node-hlga0r9wux54 .gform_footer button, body.integra-edu.home.redesign .fl-node-hlga0r9wux54 .gform_footer input[type="submit"], body.integra-edu.home.redesign .fl-node-hlga0r9wux54 .gform_button { background: var(--v11-orange, #F77908) !important; border: 0 !important; border-radius: 0 !important; color: #fff !important; font-weight: 800 !important; font-size: 15px !important; padding: 0 22px !important; min-height: 52px !important; } body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col-group.fl-node-taixdmvbgn9h:before, body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col-group.fl-node-taixdmvbgn9h > .fl-col:before, body.integra-edu.home.redesign .fl-node-1tkxvypn4z2d .fl-col-group.fl-node-taixdmvbgn9h > .fl-col:before{ content:none!important; } @media (min-width: 1400px){ html body.integra-edu.home.redesign .LHSBulletPointsImageRow > .fl-row-content-wrap, html body.integra-edu.home.redesign .fl-row.fl-node-bnghczes4v1w > .fl-row-content-wrap{ padding-left:0!important; padding-right:0!important; } } body.redesign.page-id-32431 .VerticalMerge.LargeHeader:has(h2){ margin-bottom: 0!important; } @media (max-width: 900px){ .fl-node-ewc517dqasg9{ flex-direction: column; } }