/**
* Integra EDU v12 — append-only overlay on v11.
* Source: v12/V12/v12.css + 00 - Jason Trello List.md
*
* Loaded last (after v11-mobile). Visual / type / spacing only.
* Content, HTML heading swaps, JS behaviour, prices and images are flagged
* separately — they cannot be completed from this stylesheet alone.
*/
/* ==========================================================================
[A] Shared body / useful text → 20px
========================================================================== */
html body.integra-edu.redesign {
font-size: 20px;
line-height: 1.55;
}
html body.integra-edu.redesign .fl-rich-text > p,
html body.integra-edu.redesign .fl-builder-content .fl-rich-text > p,
html body.integra-edu.redesign .IntroBand .fl-rich-text > p:not(.v11-k),
html body.integra-edu.redesign .LHSBulletPointsImageRow .fl-rich-text > p,
html body.integra-edu.redesign .ChooseYourJourneySection .fl-rich-text > p,
html body.integra-edu.redesign .ChooseYourJourneySection p,
html body.integra-edu.redesign .HowWeWorkBoxesSection .fl-rich-text > p,
html body.integra-edu.redesign .HowWeWorkBoxesSection .ef p,
html body.integra-edu.redesign .HowWeWorkBoxesSection .ef > p,
html body.integra-edu.redesign .ef p,
html body.integra-edu.redesign .ef > p,
html body.integra-edu.redesign .MadeToMeasure .fl-rich-text > p,
html body.integra-edu.redesign .fl-row.MadeToMeasure .fl-rich-text > p,
html body.integra-edu.redesign .fl-row.Timeline .fl-col-group:first-of-type .fl-rich-text > p,
html body.integra-edu.redesign .fl-row.Timeline .fl-col-group:first-of-type .fl-module.fl-rich-text > p,
html body.integra-edu.redesign .fl-row.EmblemTitleSection.Timeline .fl-col-group:first-of-type .fl-rich-text > p,
html body.integra-edu.redesign .v11-ft__news p,
html body.integra-edu.redesign .NewsletterSection .fl-rich-text > p,
html body.integra-edu.redesign .fl-node-hlga0r9wux54 .fl-rich-text > p,
html body.integra-edu.redesign .fl-node-8qxvemgrnjt1 .fl-rich-text > p,
html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .fl-module-rich-text .fl-rich-text > p,
html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .fl-module.fl-rich-text > p,
html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .fl-col .fl-rich-text > p,
html body.integra-edu:not(.library):not(.resources):not(.courses):not(.enrolment) #page ul li:not(.gfield),
html body.integra-edu.about.redesign .fl-node-1sj0vhgut2f5.fl-rich-text li,
html body.integra-edu.about.redesign .fl-node-1sj0vhgut2f5 .fl-rich-text li,
html body.integra-edu.about.redesign .fl-node-rpz9s1an8k67.fl-rich-text li,
html body.integra-edu.about.redesign .fl-node-rpz9s1an8k67 .fl-rich-text li,
html body.integra-edu.about.redesign .fl-node-y7zqbs8kji6g.fl-rich-text p,
html body.integra-edu.about.redesign .fl-node-y7zqbs8kji6g .fl-rich-text p,
html body.integra-edu.about.redesign .fl-node-m9i540gob8tl.fl-rich-text,
html body.integra-edu.about.redesign .fl-node-m9i540gob8tl.fl-rich-text p,
html body.integra-edu.about.redesign .fl-node-m9i540gob8tl .fl-rich-text,
html body.integra-edu.about.redesign .fl-node-m9i540gob8tl .fl-rich-text p {
font-size: 20px !important;
line-height: 1.55 !important;
}
/* Pathway body copy (was forced to 16px) */
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p.fl-rich-text > p:nth-child(3),
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01.fl-rich-text > p:nth-child(3),
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt.fl-rich-text > p:nth-child(3),
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p .fl-rich-text > p:nth-child(3),
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01 .fl-rich-text > p:nth-child(3),
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt .fl-rich-text > p:nth-child(3),
html body.integra-edu.home.redesign .ChooseYourJourneySection .fl-rich-text > p {
font-size: 20px !important;
line-height: 1.55 !important;
font-weight: 400 !important;
}
/* Hours supporting copy — mock .hours p */
html body.integra-edu.home.redesign .HoursBand .fl-rich-text > p:not(.v11-hours-num):not(.v11-hours-q),
html body.integra-edu.home.redesign .fl-node-toi2lg4jv09m p:not(.v11-hours-num):not(.v11-hours-q) {
font-size: clamp(20px, 1.9vw, 27px) !important;
}
/* ==========================================================================
[B] / [Q] Page header — after H1/H2 tag swap
Markup: visual headline
descriptive
========================================================================== */
/* Descriptive page line — single H1, 20px / 28px */
html body.integra-edu.redesign header#customHeader > section > section.TextContainer h1,
html body.integra-edu.redesign header#customHeader #desktopContainer h1,
html body.integra-edu.redesign #desktopContainer h1 {
font-size: 20px !important;
font-weight: 700 !important;
line-height: 28px !important;
letter-spacing: 0.02em !important;
margin-top: 0 !important;
margin-bottom: 22px !important;
padding-top: 0 !important;
max-width: 900px;
color: #fff !important;
}
/*
* Large visual headline — plain H2 (new-title).
* Note: H2 is nested inside #desktopContainer > div, so use descendants (not >).
* Must beat v11-fonts `…:has(h2:nth-of-type(2)) h2:nth-of-type(1) { 15px }`.
*/
html body.integra-edu.redesign header#customHeader #desktopContainer h2:not(.Subtitle2):not(.SecondSubtitle):not(.LdSubtitle):not(.MobileSubtitle),
html body.integra-edu.redesign header#customHeader:has(h2.Subtitle2) #desktopContainer h2:not(.Subtitle2):not(.SecondSubtitle):not(.LdSubtitle):not(.MobileSubtitle),
html body.integra-edu.redesign header#customHeader:has(h2:nth-of-type(2)) #desktopContainer h2:nth-of-type(1):not(.Subtitle2):not(.SecondSubtitle),
html body.integra-edu.redesign header#customHeader:has(h2:nth-of-type(2)) h2:nth-of-type(1):not(.Subtitle2):not(.SecondSubtitle),
html body.redesign header#customHeader:has(h2:nth-of-type(2)) #desktopContainer h2:nth-of-type(1):not(.Subtitle2):not(.SecondSubtitle),
html body.redesign header#customHeader:has(h2:nth-of-type(2)) h2:nth-of-type(1):not(.Subtitle2):not(.SecondSubtitle),
html body.integra-edu.redesign header#customHeader #desktopContainer h2.l {
font-size: clamp(54px, 9.6vw, 156px) !important;
font-weight: 800 !important;
line-height: 0.98 !important;
letter-spacing: -0.02em !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
max-width: 1200px;
color: #fff !important;
}
/* Hero supporting sentence — 24px desktop */
html body.integra-edu.redesign header#customHeader > section > section.TextContainer h2.Subtitle2,
html body.integra-edu.redesign #desktopContainer h2.Subtitle2 {
font-size: 24px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
letter-spacing: 0 !important;
}
/* Visual H2 — tablet/phone scale (was previously on H1 in v11) */
@media (max-width: 900px) {
html body.integra-edu.redesign header#customHeader #desktopContainer h2:not(.Subtitle2):not(.SecondSubtitle):not(.LdSubtitle):not(.MobileSubtitle),
html body.integra-edu.redesign header#customHeader #desktopContainer h2.l {
font-size: clamp(44px, 12vw, 80px) !important;
}
}
/* [Q] Inner pages keep large visual H2 through 601–700px */
@media (min-width: 601px) and (max-width: 700px) {
html body.integra-edu.redesign:not(.home) header#customHeader #desktopContainer h2:not(.Subtitle2):not(.SecondSubtitle):not(.LdSubtitle):not(.MobileSubtitle),
html body.integra-edu.redesign:not(.home) header#customHeader #desktopContainer h2.l {
font-size: clamp(54px, 9.6vw, 156px) !important;
}
}
/* ==========================================================================
[C] / [I] Buttons — 20px, 12px arrow gap, mobile centred
========================================================================== */
html body.integra-edu.redesign #desktopContainer .ButtonContainer a:not(#headerLink),
html body.integra-edu.redesign header#customHeader .ButtonContainer a:not(#headerLink),
html body.integra-edu.redesign .StartYourJourneyWithIntegraSection .Black a.fl-button,
html body.integra-edu.redesign .fl-node-90jumd73yakn .Black a.fl-button,
html body.integra-edu.redesign .fl-node-zg3bk0cn2vds.Black a.fl-button,
html body.integra-edu.redesign .MadeToMeasure .Black a.fl-button,
html body.integra-edu.redesign .fl-row.MadeToMeasure a.fl-button,
html body.integra-edu.redesign .fl-row.MadeToMeasure a.fl-button .fl-button-text,
html body.integra-edu.redesign .v11-ink-btn,
html body.integra-edu.redesign .IntroBand a.v11-ink-btn,
html body.integra-edu.about.redesign .fl-node-xwcdpkhugy39 .uabb-creative-button,
html body.integra-edu.about.redesign .fl-node-xwcdpkhugy39 a.uabb-button,
html body.integra-edu.about.redesign .fl-node-xwcdpkhugy39 .fl-button,
html body.integra-edu.about.redesign .fl-node-xwcdpkhugy39 .uabb-button-wrap a,
html body.integra-edu.home.redesign .fl-node-bnghczes4v1w a,
html body.integra-edu.home.redesign .fl-node-bnghczes4v1w .fl-rich-text a,
html body.integra-edu.home.redesign .fl-row.LHSBulletPointsImageRow a:not(.fl-button),
html body.integra-edu.redesign .ChooseYourJourneySection .fl-module-rich-text a,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p.fl-rich-text a,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01.fl-rich-text a,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt.fl-rich-text a,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-84k60jlqi53p .fl-rich-text a,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-fql4pr9ida01 .fl-rich-text a,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2uo9zwjn3xpt .fl-rich-text a,
html body.integra-edu.redesign .fl-row.Timeline a.fl-button,
html body.integra-edu.redesign .fl-row.EmblemTitleSection.Timeline a.fl-button,
html body.integra-edu.rts.redesign .fl-row.Timeline a,
html body.integra-edu.rts.redesign a.fl-button[href*="#"] {
font-size: 20px !important;
line-height: 24px !important;
font-weight: 700 !important;
gap: 12px !important;
max-width: 100% !important;
white-space: normal !important;
}
html body.integra-edu.redesign #desktopContainer .ButtonContainer a:not(#headerLink),
html body.integra-edu.redesign header#customHeader .ButtonContainer a:not(#headerLink),
html body.integra-edu.redesign .StartYourJourneyWithIntegraSection .Black a.fl-button,
html body.integra-edu.redesign .fl-node-90jumd73yakn .Black a.fl-button,
html body.integra-edu.redesign .v11-ink-btn,
html body.integra-edu.redesign .IntroBand a.v11-ink-btn {
padding: 16px 20px !important;
align-items: center !important;
}
html body.integra-edu.redesign #desktopContainer .ButtonContainer a:not(#headerLink)::after,
html body.integra-edu.redesign .StartYourJourneyWithIntegraSection .Black a.fl-button::after,
html body.integra-edu.redesign .fl-node-90jumd73yakn .Black a.fl-button::after,
html body.integra-edu.redesign .v11-ink-btn::after,
html body.integra-edu.redesign .IntroBand a.v11-ink-btn::after {
flex-shrink: 0;
}
/* ==========================================================================
[D] Pathway level labels → 20px; tighter label→logo gap
========================================================================== */
html body.integra-edu.redesign .ChooseYourJourneySection .fl-node-d8i536h1v9rt .fl-rich-text > p,
html body.integra-edu.redesign .ChooseYourJourneySection .fl-node-w1qheo72l4r3 .fl-rich-text > p,
html body.integra-edu.redesign .ChooseYourJourneySection .fl-node-08p2wxbltaoz .fl-rich-text > p,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-63pq8zbodvhx.fl-rich-text,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-bx9m3vti4fsq.fl-rich-text,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2xyfiazbp56l.fl-rich-text,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-63pq8zbodvhx .fl-rich-text,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-bx9m3vti4fsq .fl-rich-text,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2xyfiazbp56l .fl-rich-text,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-63pq8zbodvhx.fl-rich-text *,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-bx9m3vti4fsq.fl-rich-text *,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2xyfiazbp56l.fl-rich-text *,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-63pq8zbodvhx .fl-rich-text *,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-bx9m3vti4fsq .fl-rich-text *,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2xyfiazbp56l .fl-rich-text * {
font-size: 20px !important;
line-height: 1.3 !important;
font-weight: 800 !important;
padding: 14px 0 24px !important;
}
html body.integra-edu.redesign .ChooseYourJourneySection .fl-module-rich-text:last-child a,
html body.integra-edu.redesign .ChooseYourJourneySection a.more {
font-size: 20px !important;
line-height: 1.3 !important;
}
/* ==========================================================================
[H] Partner logos — heading 62/40; logo sizes
========================================================================== */
html body.integra-edu.redesign .fl-row.IntegraTrustedBy .fl-module.LargeHeader.fl-heading-text,
html body.integra-edu.redesign .fl-row.IntegraTrustedBy .fl-module.LargeHeader .fl-heading-text,
html body.integra-edu.redesign .fl-row.IntegraTrustedBy h2.fl-heading-text,
html body.integra-edu.redesign .fl-row.IntegraTrustedBy h2 .fl-heading-text,
html body.integra-edu.redesign .fl-row.IntegraTrustedBy h3.fl-heading-text,
html body.integra-edu.redesign .fl-row.IntegraTrustedBy h3 .fl-heading-text,
html body.integra-edu.redesign .fl-module.fl-node-elfouabm6d1q.LargeHeader.fl-heading-text,
html body.integra-edu.redesign .fl-module.fl-node-elfouabm6d1q .fl-heading-text,
html body.integra-edu.about.redesign .fl-node-elfouabm6d1q .fl-heading,
html body.integra-edu.about.redesign .fl-node-elfouabm6d1q .fl-heading-text {
font-size: 62px !important;
line-height: 1 !important;
font-weight: 800 !important;
}
html body.integra-edu.redesign .IntegraTrustedBy img,
html body.integra-edu.redesign .IntegraTrustedBy .uabb-image-carousel img,
html body.integra-edu.redesign .fl-row.IntegraTrustedBy img {
width: 100%;
height: 80px !important;
max-height: 80px !important;
object-fit: contain;
opacity: 1;
}
@media (max-width: 900px) {
html body.integra-edu.redesign .fl-row.IntegraTrustedBy .fl-heading-text,
html body.integra-edu.redesign .IntegraTrustedBy h2,
html body.integra-edu.redesign .IntegraTrustedBy h3.fl-heading span,
html body.integra-edu.redesign .fl-module.fl-node-elfouabm6d1q .fl-heading-text {
font-size: 40px !important;
line-height: 1.05 !important;
}
html body.integra-edu.redesign .IntegraTrustedBy img,
html body.integra-edu.redesign .IntegraTrustedBy .uabb-image-carousel img,
html body.integra-edu.redesign .fl-row.IntegraTrustedBy img {
height: 72px !important;
max-height: 72px !important;
}
}
/* ==========================================================================
[N] Enrol boxes — live reading scale (24 / 50 / 20)
========================================================================== */
html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer,
html body.integra-edu.redesign .HowWeWorkBoxesSection .v11-pt-price,
html body.integra-edu.redesign .HowWeWorkBoxesSection .v11-pw-price,
html body.integra-edu.redesign .EnrolSection1 .integra_download_shortcode .testie,
html body.integra-edu.redesign .EnrolSection2 .integra_download_shortcode .testie {
padding: 28px 24px !important;
min-width: 0;
}
html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer h3,
html body.integra-edu.redesign .HowWeWorkBoxesSection .integra_custom_title h3,
html body.integra-edu.redesign .v11-pt-price > b,
html body.integra-edu.redesign .v11-pw-price > b {
font-size: 24px !important;
line-height: 29px !important;
font-weight: 900 !important;
}
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-price-section h3,
html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer .big,
html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer .SoldOut,
html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer .price,
html body.integra-edu.redesign .v11-pt-price .big,
html body.integra-edu.redesign .v11-pw-price .big {
font-size: 50px !important;
line-height: 54px !important;
font-weight: 900 !important;
overflow-wrap: break-word;
}
html body.integra-edu.redesign .HowWeWorkBoxesSection .big.enrol-descriptor {
font-size: 32px !important;
line-height: 38px !important;
}
html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer .wp,
html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer .wp b,
html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer small,
html body.integra-edu.redesign .v11-pt-price .wp,
html body.integra-edu.redesign .v11-pw-price .wp,
html body.integra-edu.redesign .v11-pt-price .wp b,
html body.integra-edu.redesign .v11-pw-price .wp b,
html body.integra-edu.redesign .HowWeWorkBoxesSection .ef p,
html body.integra-edu.redesign .HowWeWorkBoxesSection .ef > p,
html body.integra-edu.redesign .HowWeWorkBoxesSection .ef p span,
html body.private-workshops .ef p span,
html body.private-tutoring .ef p span {
font-size: 20px !important;
line-height: 30px !important;
}
html body.integra-edu.redesign .HowWeWorkBoxesSection a.fl-button,
html body.integra-edu.redesign .HowWeWorkBoxesSection a.fl-button .fl-button-text,
html body.integra-edu.redesign .HowWeWorkBoxesSection a.fl-button.Black,
html body.integra-edu.redesign .HowWeWorkBoxesSection .Black a.fl-button,
html body.integra-edu.redesign .HowWeWorkBoxesSection .Black a.fl-button .fl-button-text,
html body.integra-edu.redesign .HowWeWorkBoxesSection a.fl-button:not(.Black),
html body.integra-edu.redesign .HowWeWorkBoxesSection a.fl-button:not(.Black) .fl-button-text,
html body.integra-edu.redesign .HowWeWorkBoxesSection button.edd-add-to-cart,
html body.integra-edu.redesign .HowWeWorkBoxesSection button.edd-submit,
html body.integra-edu.redesign .HowWeWorkBoxesSection .edd-add-to-cart,
html body.integra-edu.redesign .HowWeWorkBoxesSection .edd-add-to-cart-label,
html body.integra-edu.redesign .HowWeWorkBoxesSection .DownloadPricePlaceholder,
html body.integra-edu.redesign .HowWeWorkBoxesSection .DownloadPricePlaceholder a,
html body.integra-edu.redesign .HowWeWorkBoxesSection .DownloadPricePlaceholder span,
html body.integra-edu.redesign .HowWeWorkBoxesSection .footnote-button,
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-enrol-course-type-buttons button,
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-enrol-price-type-buttons button,
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-enrol-course-type-buttons a,
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-enrol-price-type-buttons a,
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-enrol-course-type-buttons em,
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-enrol-price-type-buttons em,
html body.integra-edu.redesign .HowWeWorkBoxesSection label,
html body.integra-edu.redesign .HowWeWorkBoxesSection input,
html body.integra-edu.redesign .HowWeWorkBoxesSection select,
html body.private-workshops .ef .eb a,
html body.private-tutoring .ef .eb a,
html body.intro .ef .eb a {
font-size: 20px !important;
line-height: 24px !important;
max-width: 100%;
white-space: normal !important;
}
html body.integra-edu.redesign .HowWeWorkBoxesSection a.fl-button:not(.Black),
html body.integra-edu.redesign .HowWeWorkBoxesSection a.fl-button:not(.Black) .fl-button-text {
padding: 16px 20px !important;
}
/* ==========================================================================
[P] Enrol row outer spacing — match live 70 / 40 stack
========================================================================== */
html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection {
margin-top: 70px !important;
}
html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection > .fl-row-content-wrap {
padding-top: 40px !important;
}
html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .fl-module.LargeHeader,
html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .fl-col:first-child .LargeHeader {
margin-top: 40px !important;
}
html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .ef,
html body.integra-edu.redesign .enrol.three .ef {
padding-top: 40px;
}
@media (max-width: 900px) {
html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection > .fl-row-content-wrap {
padding-top: 70px !important;
}
html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .fl-module.LargeHeader {
margin-top: 20px !important;
}
html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection .ef,
html body.integra-edu.redesign .enrol.three .ef {
padding-top: 0;
}
}
/* ==========================================================================
[S] Content-row subheadings → 28px / 34px / 800
========================================================================== */
html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow h3.fl-heading-text,
html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow h3 .fl-heading-text,
html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-module.MediumHeader.fl-heading-text,
html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-module.MediumHeader .fl-heading-text,
html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-module-heading:not(.LargeHeader) .fl-heading-text,
html body.integra-edu.exercise-mechanics-lab.redesign .fl-row.LHSBulletPointsImageRow .fl-node-bin36jhv490m.fl-heading-text,
html body.integra-edu.exercise-mechanics-lab.redesign .fl-row.LHSBulletPointsImageRow .fl-node-bin36jhv490m .fl-heading-text,
html body.integra-edu.exercise-mechanics-lab.redesign .fl-row.LHSBulletPointsImageRow .fl-module.fl-node-bin36jhv490m.fl-heading-text,
html body.integra-edu.exercise-mechanics-lab.redesign .fl-row.LHSBulletPointsImageRow .fl-module.fl-node-bin36jhv490m,
html body.integra-edu.exercise-mechanics-lab.redesign .fl-node-qbzkae4c8dh3 .fl-heading-text,
html body.integra-edu.rts.redesign .fl-row.LHSBulletPointsImageRow .fl-module-heading:not(.LargeHeader).fl-heading-text,
html body.integra-edu.rts.redesign .fl-row.LHSBulletPointsImageRow .fl-module-heading:not(.LargeHeader) .fl-heading-text,
html body.integra-edu.rts.redesign .fl-node-1y7ugmhx38ql .fl-heading-text,
html body.integra-edu.project.redesign .fl-row.LHSBulletPointsImageRow .fl-node-de0z1tk2sif3.fl-heading-text,
html body.integra-edu.project.redesign .fl-row.LHSBulletPointsImageRow .fl-node-de0z1tk2sif3 .fl-heading-text,
html body.integra-edu.project.redesign .fl-node-kljov7phs9nx.fl-module-heading .fl-heading-text,
html body.integra-edu.project.redesign .fl-node-kljov7phs9nx .fl-heading-text,
html body.integra-edu.about.redesign .fl-node-yhtcvzxi35wu .fl-heading,
html body.integra-edu.about.redesign .fl-node-yhtcvzxi35wu .fl-heading-text,
html body.private-tutoring.redesign .LHSBulletPointsImageRow h3,
html body.private-workshops.redesign .LHSBulletPointsImageRow h3 {
font-size: 28px !important;
line-height: 34px !important;
font-weight: 800 !important;
}
/* ==========================================================================
[AK] Compact process cards — heading 20 / body 18
========================================================================== */
html body.integra-edu.redesign .fl-row.Timeline .fl-rich-text strong,
html body.integra-edu.redesign .EmblemTitleSection.Timeline .fl-rich-text strong,
html body.integra-edu.redesign .v11-pt-cards__card b,
html body.integra-edu.redesign .v11-pw-cards__card b {
font-size: 20px !important;
line-height: 26px !important;
font-weight: 800 !important;
}
html body.integra-edu.redesign .fl-row.Timeline .fl-col .fl-module-rich-text .fl-rich-text > p,
html body.integra-edu.redesign .fl-row.EmblemTitleSection.Timeline .fl-col .fl-module-rich-text .fl-rich-text > p,
html body.integra-edu.redesign .fl-row.Timeline .fl-module.fl-rich-text > p,
html body.integra-edu.redesign .fl-row.EmblemTitleSection.Timeline .fl-module.fl-rich-text > p,
html body.integra-edu.redesign .fl-row.Timeline .fl-module-rich-text .fl-rich-text > p,
html body.integra-edu.intro.redesign .fl-row.EmblemTitleSection.Timeline .fl-col .fl-module-rich-text .fl-rich-text > p,
html body.integra-edu.intro.redesign .fl-node-o5c4vzisbjg1 .fl-module-rich-text .fl-rich-text > p,
html body.integra-edu.intro.redesign .fl-node-o5c4vzisbjg1 .fl-rich-text > p,
html body.integra-edu.intro.redesign .fl-node-o5c4vzisbjg1 .fl-module.fl-rich-text > p,
html body.integra-edu.intro.redesign .fl-node-o5c4vzisbjg1.fl-module-rich-text p,
html body.integra-edu.redesign .v11-pt-cards__card p,
html body.integra-edu.redesign .v11-pw-cards__card p {
font-size: 18px !important;
line-height: 27px !important;
font-weight: 400 !important;
}
/* Keep section lead at 20px (not card body) */
html body.integra-edu.redesign .fl-row.Timeline .fl-col-group:first-of-type .fl-rich-text > p,
html body.integra-edu.redesign .fl-row.Timeline .fl-col-group:first-of-type .fl-module.fl-rich-text > p,
html body.integra-edu.redesign .fl-row.EmblemTitleSection.Timeline .fl-col-group:first-of-type .fl-rich-text > p,
html body.integra-edu.intro.redesign .fl-node-o5c4vzisbjg1 .fl-col-group:first-of-type .fl-module.fl-rich-text > p,
html body.integra-edu.redesign .v11-pt-cards__lead,
html body.integra-edu.redesign .v11-pw-cards__lead {
font-size: 20px !important;
line-height: 1.55 !important;
}
/* ==========================================================================
[R] EML / RTS bullet lists — 20/30, 10px gaps, no RTS extra padding
========================================================================== */
html body.exercise-mechanics-lab.redesign .LHSBulletPointsImageRow .IconBulletPoints ul li,
html body.exercise-mechanics-lab.redesign .LHSBulletPointsImageRow .fl-rich-text ul li,
html body.rts.redesign .LHSBulletPointsImageRow .IconBulletPoints ul li,
html body.rts.redesign .LHSBulletPointsImageRow .fl-rich-text ul li,
html body.rts.redesign .fl-node-1ow7n43j25gc .IconBulletPoints ul li,
html body.rts.redesign .fl-node-7afjsq04etpu ul li,
html body.rts.redesign .fl-node-1ow7n43j25gc .fl-rich-text ul li,
html body.rts.redesign .fl-node-7p49jt2ha6or .IconBulletPoints ul li {
font-size: 20px !important;
line-height: 30px !important;
margin: 0 0 10px !important;
padding: 0 0 0 30px !important;
}
html body.exercise-mechanics-lab.redesign .LHSBulletPointsImageRow ul li:last-child,
html body.rts.redesign .LHSBulletPointsImageRow ul li:last-child,
html body.rts.redesign .fl-node-1ow7n43j25gc .IconBulletPoints ul li:last-child,
html body.rts.redesign .fl-node-7afjsq04etpu ul li:last-child {
margin-bottom: 0 !important;
}
html body.exercise-mechanics-lab.redesign .LHSBulletPointsImageRow ul li p,
html body.rts.redesign .LHSBulletPointsImageRow ul li p {
font-size: inherit !important;
line-height: inherit !important;
margin: 0 !important;
}
/* ==========================================================================
[AR] Enrol info buttons — keep horizontal (Outcomes / Format / FAQ)
========================================================================== */
html body.integra-edu.redesign a.outcomes-modal,
html body.integra-edu.redesign a.format-modal,
html body.integra-edu.redesign a.faq-modal,
html body.integra-edu.redesign .uabb-modal-action.outcomes-modal,
html body.integra-edu.redesign .uabb-modal-action.format-modal,
html body.integra-edu.redesign .uabb-modal-action.faq-modal,
html body.integra-edu.redesign .fl-module-button.Black .fl-button,
html body.integra-edu.redesign .Black.ExploreHowWeWorkButton .fl-button,
html body.integra-edu.redesign .DetailsSection button,
html body.integra-edu.redesign .DetailsSection .IntegraPTButton,
html body.integra-edu.redesign .footnote-button.Integra {
font-size: 20px !important;
line-height: 24px !important;
font-weight: 700 !important;
}
html body.integra-edu.redesign .enrol.three .eb,
html body.integra-edu.redesign .HowWeWorkBoxesSection .ef .eb,
html body.intro .ef .eb,
html body.private-workshops .ef .eb,
html body.private-tutoring .ef .eb {
display: flex !important;
flex-wrap: nowrap !important;
gap: 8px !important;
max-width: none !important;
grid-template-columns: none !important;
}
html body.integra-edu.redesign .enrol.three .eb a,
html body.integra-edu.redesign .HowWeWorkBoxesSection .ef .eb a,
html body.intro .ef .eb a,
html body.private-workshops .ef .eb a,
html body.private-tutoring .ef .eb a {
flex: 1 1 auto;
min-width: 0;
padding: 14px 6px !important;
white-space: nowrap;
line-height: 24px !important;
font-size: 20px !important;
}
/* ==========================================================================
[AS] Newsletter fields — wider inputs
========================================================================== */
html body.integra-edu.redesign .v11-ft__news {
grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
}
html body.integra-edu.redesign .v11-ft__news p {
font-size: 20px !important;
line-height: 1.55 !important;
}
html body.integra-edu.redesign .v11-ft__news-form #gform_58 {
grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) auto !important;
width: 100%;
}
html body.integra-edu.redesign .v11-ft__news-form #gform_wrapper_58 input[type="text"],
html body.integra-edu.redesign .v11-ft__news-form #gform_wrapper_58 input[type="email"] {
width: 100% !important;
min-width: 0 !important;
font-size: 20px !important;
box-sizing: border-box !important;
}
html body.integra-edu.redesign .v11-ft__news-form #gform_submit_button_58,
html body.integra-edu.redesign .v11-ft__news-form .gform_button,
html body.integra-edu.redesign .fl-row.NewsletterSection .gform_button,
html body.integra-edu.redesign .fl-node-hlga0r9wux54 .gform_button,
html body.integra-edu.redesign .fl-node-8qxvemgrnjt1 .gform_button {
font-size: 20px !important;
min-height: 56px !important;
height: auto !important;
line-height: 1.3 !important;
}
html body.integra-edu.redesign .v11-ft__cols p,
html body.integra-edu.redesign .v11-ft__col > a,
html body.integra-edu.redesign .v11-ft__brand p,
html body.integra-edu.redesign .v11-ft__find > p {
font-size: 18px !important;
line-height: 1.55 !important;
}
html body.integra-edu.redesign .v11-ft__base a,
html body.integra-edu.redesign .v11-ft__base-links a {
font-size: 14px !important;
}
@media (max-width: 1100px) {
html body.integra-edu.redesign .v11-ft__news {
grid-template-columns: 1fr;
}
}
@media (max-width: 800px) {
html body.integra-edu.redesign .v11-ft__news-form #gform_58 {
grid-template-columns: 1fr !important;
}
html body.integra-edu.redesign .v11-ft__news-form #gform_wrapper_58 input[type="text"],
html body.integra-edu.redesign .v11-ft__news-form #gform_wrapper_58 input[type="email"] {
width: 100% !important;
}
}
/* ==========================================================================
[K] Home closing row — photo treatment (only if BB row has a background)
========================================================================== */
html body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection > .fl-row-content-wrap,
html body.integra-edu.home.redesign .fl-node-90jumd73yakn > .fl-row-content-wrap {
position: relative !important;
isolation: isolate;
overflow: hidden !important;
background-size: cover !important;
background-position: 55% 48% !important;
}
html body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection > .fl-row-content-wrap::before,
html body.integra-edu.home.redesign .fl-node-90jumd73yakn > .fl-row-content-wrap::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
background-size: cover !important;
background-position: 55% 48% !important;
filter: grayscale(1);
opacity: 0.7;
pointer-events: none !important;
}
html body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection > .fl-row-content-wrap::after,
html body.integra-edu.home.redesign .fl-node-90jumd73yakn > .fl-row-content-wrap::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 72%);
pointer-events: none !important;
}
html body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection .fl-row-content,
html body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection .fl-module,
html body.integra-edu.home.redesign .fl-node-90jumd73yakn .fl-row-content,
html body.integra-edu.home.redesign .fl-node-90jumd73yakn .fl-module {
position: relative;
z-index: 1;
}
/* ==========================================================================
Mobile ≤700px — gutters, menu, hero, CTAs, intro, pathway, logos
========================================================================== */
@media (max-width: 700px) {
/* [E] Menu stays on screen; 20px gutters */
html body.integra-edu.redesign header#customHeader {
padding-left: 20px !important;
padding-right: 20px !important;
}
html body.integra-edu.redesign header#customHeader #headerButtonContainer,
html body.integra-edu.redesign header#customHeader #headerLink,
html body.integra-edu.redesign header#customHeader #showRightPush {
margin-left: auto !important;
flex-shrink: 0 !important;
position: relative !important;
right: 0 !important;
max-width: none !important;
}
html body.integra-edu.redesign header#customHeader #headerLink,
html body.integra-edu.redesign header#customHeader .bar .menu {
font-size: 20px !important;
white-space: nowrap !important;
}
/* Hero: Subtitle2 20px; visual H2 fluid; descriptive H1 stays 20/28 */
html body.integra-edu.redesign header#customHeader > section > section.TextContainer h2.Subtitle2,
html body.integra-edu.redesign #desktopContainer h2.Subtitle2 {
font-size: 20px !important;
line-height: 1.5 !important;
}
html body.integra-edu.redesign header#customHeader #desktopContainer h2:not(.Subtitle2):not(.SecondSubtitle):not(.LdSubtitle):not(.MobileSubtitle),
html body.integra-edu.redesign header#customHeader #desktopContainer h2.l {
font-size: clamp(44px, 13vw, 80px) !important;
font-weight: 800 !important;
line-height: 0.98 !important;
}
html body.integra-edu.redesign header#customHeader > section > section.TextContainer h1,
html body.integra-edu.redesign header#customHeader #desktopContainer h1,
html body.integra-edu.redesign #desktopContainer h1 {
font-size: 20px !important;
font-weight: 700 !important;
line-height: 28px !important;
}
/* [C] / [I] Centre hero + closing CTAs */
html body.integra-edu.redesign #desktopContainer .ButtonContainer,
html body.integra-edu.redesign header#customHeader .ButtonContainer {
align-items: center !important;
width: 100% !important;
}
html body.integra-edu.redesign #desktopContainer .ButtonContainer a:not(#headerLink),
html body.integra-edu.redesign header#customHeader .ButtonContainer a:not(#headerLink),
html body.integra-edu.redesign .StartYourJourneyWithIntegraSection .Black a.fl-button,
html body.integra-edu.redesign .fl-node-90jumd73yakn .Black a.fl-button {
align-self: center !important;
display: flex !important;
max-width: 100% !important;
justify-content: center !important;
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 16px 20px !important;
box-sizing: border-box;
}
html body.integra-edu.redesign #desktopContainer .ButtonContainer a:not(#headerLink),
html body.integra-edu.redesign header#customHeader .ButtonContainer a:not(#headerLink){
margin-left:0!important;
}
/* [F] Intro band spacing */
html body.integra-edu.home.redesign .IntroBand > .fl-row-content-wrap,
html body.integra-edu.home.redesign .fl-node-p6hs02aegzq5 > .fl-row-content-wrap {
padding: 44px 20px !important;
}
html body.integra-edu.home.redesign .IntroBand .fl-col-group.fl-node-ewc517dqasg9,
html body.integra-edu.home.redesign .IntroBand .fl-col-group {
gap: 24px !important;
}
html body.integra-edu.home.redesign .IntroBand .LargeHeader .fl-heading-text,
html body.integra-edu.home.redesign .IntroBand .fl-node-izw039axg728 .fl-heading-text {
margin-bottom: 0 !important;
}
html body.integra-edu.home.redesign .IntroBand .fl-module.LargeHeader {
margin-bottom: 24px !important;
}
html body.integra-edu.home.redesign .IntroBand .fl-rich-text > p:not(.v11-k) {
font-size: 20px !important;
margin-bottom: 20px !important;
}
/* [D] Pathway level → logo gap on mobile */
html body.integra-edu.redesign .ChooseYourJourneySection .fl-node-d8i536h1v9rt .fl-rich-text > p,
html body.integra-edu.redesign .ChooseYourJourneySection .fl-node-w1qheo72l4r3 .fl-rich-text > p,
html body.integra-edu.redesign .ChooseYourJourneySection .fl-node-08p2wxbltaoz .fl-rich-text > p,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-63pq8zbodvhx.fl-rich-text,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-bx9m3vti4fsq.fl-rich-text,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-node-2xyfiazbp56l.fl-rich-text {
padding-bottom: 16px !important;
}
html body.integra-edu.redesign .ChooseYourJourneySection .fl-rich-text > p,
html body.integra-edu.redesign .ChooseYourJourneySection a.more {
font-size: 20px !important;
}
/* [H] Partner logos — live phone row ~112px */
html body.integra-edu.redesign .fl-row.IntegraTrustedBy > .fl-row-content-wrap {
padding: 48px 20px !important;
}
html body.integra-edu.redesign .IntegraTrustedBy img,
html body.integra-edu.redesign .IntegraTrustedBy .uabb-image-carousel img,
html body.integra-edu.redesign .fl-row.IntegraTrustedBy img {
height: 112px !important;
max-height: 112px !important;
width: 160px !important;
flex: 0 0 160px;
}
/* Shared mobile gutters for path / close / footer */
html body.integra-edu.redesign .ChooseYourJourneySection > .fl-row-content-wrap,
html body.integra-edu.redesign .StartYourJourneyWithIntegraSection > .fl-row-content-wrap,
html body.integra-edu.redesign .fl-node-90jumd73yakn > .fl-row-content-wrap,
html body.integra-edu.redesign .v11-ft {
padding-left: 20px !important;
padding-right: 20px !important;
}
html body.integra-edu.redesign .v11-ft__news {
gap: 24px;
}
/* [N] Enrol widget padding */
html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer,
html body.integra-edu.redesign .v11-pt-price,
html body.integra-edu.redesign .v11-pw-price {
padding: 24px 20px !important;
}
/* [K] Home close photo crop on mobile */
html body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection > .fl-row-content-wrap::before,
html body.integra-edu.home.redesign .fl-node-90jumd73yakn > .fl-row-content-wrap::before {
background-position: 58% 48% !important;
}
html body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection > .fl-row-content-wrap::after,
html body.integra-edu.home.redesign .fl-node-90jumd73yakn > .fl-row-content-wrap::after {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 75%);
}
}
/* ==========================================================================
[T] Same-page enrol scroll — visual affordance only (links need HTML)
========================================================================== */
html {
scroll-behavior: smooth;
}
html body.integra-edu.redesign .strip .enrol-scroll,
html body.integra-edu.redesign .PromoSection a.enrol-scroll {
color: inherit;
font: inherit;
text-decoration: underline;
text-underline-offset: 4px;
}
html body.integra-edu.redesign #enrol,
html body.integra-edu.redesign .fl-row.HowWeWorkBoxesSection {
scroll-margin-top: 24px;
}
/* ==========================================================================
[M] Mailing-list / waitlist modal (footer-hosted UABB + gform 58)
========================================================================== */
/* Hide the footer host's own trigger button — opens via .waitlist-trigger etc. */
html body.integra-edu.redesign .v12-ml-modal-host > .uabb-modal-action,
html body.integra-edu.redesign .v12-ml-modal-host .uabb-creative-button-wrap,
html body .v12-ml-modal-host > a.uabb-modal-action {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
html body.integra-edu.redesign .strip .waitlist-trigger,
html body.integra-edu.redesign a.waitlist-trigger,
html body.integra-edu.redesign button.waitlist-trigger {
font: inherit;
color: inherit;
border: 0;
background: none;
padding: 0;
text-decoration: underline;
text-underline-offset: 4px;
cursor: pointer;
}
.v12-mailing-list .v12-mailing-list__lead,
.uabb-modal .v12-mailing-list .v12-mailing-list__lead {
font-size: 20px !important;
line-height: 1.55 !important;
margin: 0 0 22px !important;
}
.v12-mailing-list .v12-mailing-list__form label,
.v12-mailing-list .v12-mailing-list__form .gfield_label,
.v12-mailing-list .v12-mailing-list__form input,
.v12-mailing-list .v12-mailing-list__form .gform_button,
.uabb-modal .v12-mailing-list label,
.uabb-modal .v12-mailing-list input,
.uabb-modal .v12-mailing-list .gform_button {
font-size: 20px !important;
line-height: 1.5 !important;
}
.v12-mailing-list .v12-mailing-list__form input[type="text"],
.v12-mailing-list .v12-mailing-list__form input[type="email"],
.uabb-modal .v12-mailing-list input[type="text"],
.uabb-modal .v12-mailing-list input[type="email"] {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.v12-mailing-list .v12-mailing-list__form .gform_button,
.uabb-modal .v12-mailing-list .gform_button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: #F77908 !important;
color: #fff !important;
font-weight: 700 !important;
line-height: 24px !important;
padding: 16px 20px !important;
border: 0 !important;
border-radius: 0 !important;
width: auto !important;
max-width: 100% !important;
white-space: normal !important;
cursor: pointer !important;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
/* ==========================================================================
Final cascade — beat page-sheet specificity after v11 revert
(v11-home / about / rts / project / intro / private / mobile)
========================================================================== */
/* [C] Closing + MadeToMeasure CTAs — page sheets use gap:26px + 16px type */
html body.integra-edu.home.redesign .fl-node-zg3bk0cn2vds.Black a.fl-button,
html body.integra-edu.home.redesign .fl-node-90jumd73yakn .Black a.fl-button,
html body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection:not(.fl-node-hlga0r9wux54) .Black a.fl-button,
html body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection .Black a.fl-button,
html body.exercise-mechanics-lab.redesign .MadeToMeasure .Black a.fl-button,
html body.exercise-mechanics-lab.redesign .fl-node-apusde9ng7h1.Black a.fl-button,
html body.rts.redesign .MadeToMeasure .Black a.fl-button,
html body.rts.redesign .fl-node-je4p3p7imtc9 .Black a.fl-button,
html body.rts.redesign .fl-node-je4p3p7imtc9 a.fl-button,
html body.project.redesign .MadeToMeasure .Black a.fl-button,
html body.project.redesign .fl-node-onpa3qepv7rb .Black a.fl-button,
html body.project.redesign .fl-node-onpa3qepv7rb a.fl-button,
html body.intro.redesign .MadeToMeasure .Black a.fl-button,
html body.intro.redesign .fl-node-apusde9ng7h1.Black a.fl-button,
html body.intro.redesign .fl-node-cj9kgadf537r a.fl-button {
font-size: 20px !important;
line-height: 24px !important;
font-weight: 700 !important;
gap: 12px !important;
padding: 16px 20px !important;
max-width: 100% !important;
white-space: normal !important;
}
html body.integra-edu.home.redesign .fl-node-zg3bk0cn2vds.Black a.fl-button::after,
html body.integra-edu.home.redesign .fl-node-90jumd73yakn .Black a.fl-button::after,
html body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection:not(.fl-node-hlga0r9wux54) .Black a.fl-button::after,
html body.exercise-mechanics-lab.redesign .MadeToMeasure .Black a.fl-button::after,
html body.rts.redesign .MadeToMeasure .Black a.fl-button::after,
html body.rts.redesign .fl-node-je4p3p7imtc9 .Black a.fl-button::after,
html body.project.redesign .MadeToMeasure .Black a.fl-button::after,
html body.project.redesign .fl-node-onpa3qepv7rb .Black a.fl-button::after,
html body.intro.redesign .MadeToMeasure .Black a.fl-button::after {
flex-shrink: 0;
}
/* [R] Page bullet lists — kill 18px / 18px bottom pad from page sheets */
html body.about.redesign .fl-node-1sj0vhgut2f5 .fl-rich-text ul li,
html body.about.redesign .fl-node-aejkhi726zm0 .fl-rich-text ul li,
html body.about.redesign .fl-node-g8t0sf1c6kpq .fl-rich-text ul li,
html body.about.redesign .fl-node-rpz9s1an8k67 .fl-rich-text ul li,
html body.rts.redesign .fl-node-1ow7n43j25gc .IconBulletPoints ul li,
html body.rts.redesign .fl-node-1ow7n43j25gc .fl-rich-text ul li,
html body.rts.redesign .fl-node-7afjsq04etpu ul li,
html body.rts.redesign .fl-node-7p49jt2ha6or .IconBulletPoints ul li,
html body.rts.redesign .fl-node-7p49jt2ha6or .fl-rich-text ul li,
html body.project.redesign .fl-node-k2umy51wlgh0 .IconBulletPoints ul li,
html body.project.redesign .fl-node-k2umy51wlgh0 .fl-rich-text ul li,
html body.project.redesign .fl-node-2r0ms4qntope .IconBulletPoints ul li,
html body.project.redesign .fl-node-2r0ms4qntope .fl-rich-text ul li,
html body.intro.redesign .fl-node-zew2j78htl0d .IconBulletPoints ul li,
html body.intro.redesign .fl-node-zew2j78htl0d .fl-rich-text ul li,
html body.private-tutoring.redesign .fl-node-wx0y8pdb1jg5 .IconBulletPoints ul li,
html body.private-tutoring.redesign .fl-node-wx0y8pdb1jg5 .fl-rich-text ul li,
html body.private-workshops.redesign .fl-node-rch0eqpuwl61 .IconBulletPoints ul li,
html body.private-workshops.redesign .fl-node-rch0eqpuwl61 .fl-rich-text ul li,
html body.exercise-mechanics-lab.redesign .LHSBulletPointsImageRow .IconBulletPoints ul li,
html body.exercise-mechanics-lab.redesign .LHSBulletPointsImageRow .fl-rich-text ul li {
font-size: 20px !important;
line-height: 30px !important;
margin: 0 0 10px !important;
padding: 0 0 0 30px !important;
}
html body.about.redesign .fl-node-1sj0vhgut2f5 .fl-rich-text ul li:last-child,
html body.about.redesign .fl-node-aejkhi726zm0 .fl-rich-text ul li:last-child,
html body.about.redesign .fl-node-g8t0sf1c6kpq .fl-rich-text ul li:last-child,
html body.about.redesign .fl-node-rpz9s1an8k67 .fl-rich-text ul li:last-child,
html body.rts.redesign .fl-node-1ow7n43j25gc .IconBulletPoints ul li:last-child,
html body.rts.redesign .fl-node-7p49jt2ha6or .IconBulletPoints ul li:last-child,
html body.project.redesign .fl-node-k2umy51wlgh0 .IconBulletPoints ul li:last-child,
html body.project.redesign .fl-node-2r0ms4qntope .IconBulletPoints ul li:last-child,
html body.intro.redesign .fl-node-zew2j78htl0d .IconBulletPoints ul li:last-child,
html body.private-tutoring.redesign .fl-node-wx0y8pdb1jg5 .IconBulletPoints ul li:last-child,
html body.private-workshops.redesign .fl-node-rch0eqpuwl61 .IconBulletPoints ul li:last-child {
margin-bottom: 0 !important;
}
/* About useful-text nodes still forced to 18px in v11-about */
html body.about.redesign .fl-node-m1cwe6d8r3j2 .fl-rich-text,
html body.about.redesign .fl-node-m1cwe6d8r3j2 .fl-rich-text p,
html body.about.redesign .fl-node-y7zqbs8kji6g .fl-rich-text p {
font-size: 20px !important;
line-height: 1.55 !important;
}
/* [AK] Private process cards — beat body.private-* (15.5 / 19) */
html body.private-tutoring.redesign .v11-pt-cards__card b,
html body.private-workshops.redesign .v11-pw-cards__card b,
html body.private-tutoring .v11-pt-cards__card b,
html body.private-workshops .v11-pw-cards__card b {
font-size: 20px !important;
line-height: 26px !important;
font-weight: 800 !important;
}
html body.private-tutoring.redesign .v11-pt-cards__card p,
html body.private-workshops.redesign .v11-pw-cards__card p,
html body.private-tutoring .v11-pt-cards__card p,
html body.private-workshops .v11-pw-cards__card p {
font-size: 18px !important;
line-height: 27px !important;
}
html body.private-tutoring.redesign .v11-pt-cards__lead,
html body.private-workshops.redesign .v11-pw-cards__lead,
html body.private-tutoring .v11-pt-cards__lead,
html body.private-workshops .v11-pw-cards__lead {
font-size: 20px !important;
line-height: 1.55 !important;
}
/* [H] Partner logos @phone — beat v11-mobile max-height:60px */
@media (max-width: 700px) {
html body.integra-edu.redesign .IntegraTrustedBy img,
html body.integra-edu.redesign .IntegraTrustedBy .uabb-image-carousel img,
html body.integra-edu.home.redesign .IntegraTrustedBy img,
html body.integra-edu.home.redesign .IntegraTrustedBy .uabb-image-carousel img,
html body.integra-edu.about.redesign .IntegraTrustedBy img,
html body.about.redesign .IntegraTrustedBy img,
html body.integra-edu.redesign .fl-row.IntegraTrustedBy img {
height: 112px !important;
max-height: 112px !important;
width: 160px !important;
flex: 0 0 160px;
}
}
/* ==========================================================================
Button hover states — 01 - Button Hover States.txt
Dark standardised to #2B2D3A. Keep default colours; 175ms colour transition.
Border appearance uses box-shadow so dimensions stay fixed.
========================================================================== */
html body.integra-edu.redesign {
--v12-ink: #2B2D3A;
--v12-white: #FFFFFF;
--v12-orange: #F77908;
}
/* Shared transition + arrow colour inheritance */
html body.integra-edu.redesign #desktopContainer .ButtonContainer a:not(#headerLink),
html body.integra-edu.redesign header#customHeader .ButtonContainer a:not(#headerLink),
html body.integra-edu.redesign .StartYourJourneyWithIntegraSection .Black a.fl-button,
html body.integra-edu.redesign .fl-node-90jumd73yakn .Black a.fl-button,
html body.integra-edu.redesign .fl-node-zg3bk0cn2vds.Black a.fl-button,
html body.integra-edu.redesign .MadeToMeasure .Black a.fl-button,
html body.integra-edu.redesign .fl-row.MadeToMeasure a.fl-button,
html body.integra-edu.redesign .HowWeWorkBoxesSection a.fl-button,
html body.integra-edu.redesign .HowWeWorkBoxesSection .Black a.fl-button,
html body.integra-edu.redesign .HowWeWorkBoxesSection button.edd-add-to-cart,
html body.integra-edu.redesign .v11-ink-btn,
html body.integra-edu.redesign .IntroBand a.v11-ink-btn,
html body.integra-edu.redesign .fl-module-button.Black .fl-button,
html body.integra-edu.redesign .Black.ExploreHowWeWorkButton .fl-button,
html body.integra-edu.redesign .DetailsSection .IntegraPTButton,
html body.integra-edu.redesign .IntegraPTButton,
html body.integra-edu.redesign .ef .eb a,
html body.integra-edu.redesign .HowWeWorkBoxesSection .ef .eb a,
html body.intro .ef .eb a,
html body.private-workshops .ef .eb a,
html body.private-tutoring .ef .eb a,
html body.integra-edu.redesign a.outcomes-modal,
html body.integra-edu.redesign a.format-modal,
html body.integra-edu.redesign a.faq-modal,
html body.integra-edu.redesign .v11-ft__btn,
html body.integra-edu.redesign .v11-ft__news-form #gform_submit_button_58,
html body.integra-edu.redesign .v11-ft__news-form .gform_button,
html body.integra-edu.redesign .v11-modal__cta,
html body.integra-edu.redesign .uabb-modal .v11-modal__cta,
html body.integra-edu.redesign .v12-mailing-list .gform_button,
html body.integra-edu.redesign .uabb-modal .v12-mailing-list .gform_button,
html body.redesign.integra-edu .fl-row:not(.DetailsSection) .fl-node-2keq6fbun4aj a.uabb-button,
html body.integra-edu.about.redesign .fl-node-xwcdpkhugy39 .uabb-creative-button,
html body.integra-edu.about.redesign .fl-node-xwcdpkhugy39 a.uabb-button,
html body.integra-edu.about.redesign .fl-node-xwcdpkhugy39 .fl-button,
html body.integra-edu.redesign .IntegraTestimonialsSliderPT .slick-arrow,
html body.integra-edu.redesign #chooseYourJourneySectionClone .slick-arrow,
html body.integra-edu.redesign #whatSetsUsApartSectionClone .slick-arrow,
html body.integra-edu.home.redesign .SaidBand .slick-arrow {
transition: background-color 175ms ease, color 175ms ease, border-color 175ms ease, box-shadow 175ms ease !important;
box-sizing: border-box !important;
}
html body.integra-edu.redesign #desktopContainer .ButtonContainer a:not(#headerLink)::after,
html body.integra-edu.redesign header#customHeader .ButtonContainer a:not(#headerLink)::after,
html body.integra-edu.redesign .StartYourJourneyWithIntegraSection .Black a.fl-button::after,
html body.integra-edu.redesign .fl-node-90jumd73yakn .Black a.fl-button::after,
html body.integra-edu.redesign .fl-node-zg3bk0cn2vds.Black a.fl-button::after,
html body.integra-edu.redesign .MadeToMeasure .Black a.fl-button::after,
html body.integra-edu.redesign .v11-ink-btn::after,
html body.integra-edu.redesign .IntroBand a.v11-ink-btn::after,
html body.integra-edu.redesign .v11-modal__cta::after {
transition: color 175ms ease !important;
}
/* -------------------------------------------------------------------------- */
/* 1) Orange on dark — hero, photo closing, dark enrol, dark Subscribe
Hover: white bg, dark text + arrow */
/* -------------------------------------------------------------------------- */
html body.integra-edu.redesign #desktopContainer .ButtonContainer a:not(#headerLink):hover,
html body.integra-edu.redesign header#customHeader .ButtonContainer a:not(#headerLink):hover,
html body.integra-edu.redesign .StartYourJourneyWithIntegraSection .Black a.fl-button:hover,
html body.integra-edu.redesign .fl-node-90jumd73yakn .Black a.fl-button:hover,
html body.integra-edu.redesign .fl-node-zg3bk0cn2vds.Black a.fl-button:hover,
html body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection:not(.fl-node-hlga0r9wux54) .Black a.fl-button:hover,
html body.integra-edu.redesign .MadeToMeasure .Black a.fl-button:hover,
html body.exercise-mechanics-lab.redesign .MadeToMeasure .Black a.fl-button:hover,
html body.rts.redesign .MadeToMeasure .Black a.fl-button:hover,
html body.project.redesign .MadeToMeasure .Black a.fl-button:hover,
html body.intro.redesign .MadeToMeasure .Black a.fl-button:hover,
html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer a.fl-button:hover,
html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer .Black a.fl-button:hover,
html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer button.edd-add-to-cart:hover,
html body.integra-edu.redesign .HowWeWorkBoxesSection .v11-pt-price a.fl-button:hover,
html body.integra-edu.redesign .HowWeWorkBoxesSection .v11-pw-price a.fl-button:hover,
html body.integra-edu.redesign .v11-ft__news-form #gform_wrapper_58 #gform_submit_button_58:hover,
html body.integra-edu.redesign .v11-ft__news-form #gform_wrapper_58 .gform_button:hover {
background: var(--v12-white) !important;
background-color: var(--v12-white) !important;
color: var(--v12-ink) !important;
border-color: transparent !important;
}
html body.integra-edu.redesign #desktopContainer .ButtonContainer a:not(#headerLink):hover::after,
html body.integra-edu.redesign header#customHeader .ButtonContainer a:not(#headerLink):hover::after,
html body.integra-edu.redesign .StartYourJourneyWithIntegraSection .Black a.fl-button:hover::after,
html body.integra-edu.redesign .fl-node-90jumd73yakn .Black a.fl-button:hover::after,
html body.integra-edu.redesign .fl-node-zg3bk0cn2vds.Black a.fl-button:hover::after,
html body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection:not(.fl-node-hlga0r9wux54) .Black a.fl-button:hover::after,
html body.integra-edu.redesign .MadeToMeasure .Black a.fl-button:hover::after,
html body.integra-edu.redesign #desktopContainer .ButtonContainer a:not(#headerLink):hover .fl-button-text,
html body.integra-edu.redesign .StartYourJourneyWithIntegraSection .Black a.fl-button:hover .fl-button-text,
html body.integra-edu.redesign .fl-node-90jumd73yakn .Black a.fl-button:hover .fl-button-text,
html body.integra-edu.redesign .fl-node-zg3bk0cn2vds.Black a.fl-button:hover span,
html body.integra-edu.home.redesign .fl-node-zg3bk0cn2vds.Black a.fl-button:hover span,
html body.integra-edu.home.redesign .fl-node-90jumd73yakn .Black a.fl-button:hover span,
html body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection:not(.fl-node-hlga0r9wux54) .Black a.fl-button:hover span,
html body.integra-edu.home.redesign .fl-node-zg3bk0cn2vds.Black a.fl-button:hover span:after,
html body.integra-edu.home.redesign .fl-node-90jumd73yakn .Black a.fl-button:hover span:after,
html body.integra-edu.home.redesign .StartYourJourneyWithIntegraSection:not(.fl-node-hlga0r9wux54) .Black a.fl-button:hover span:after {
color: var(--v12-ink) !important;
}
/* -------------------------------------------------------------------------- */
/* 2) Orange on light — modal CTAs / light pop-up actions / mailing-list submit
Hover: dark bg, white text + arrow */
/* -------------------------------------------------------------------------- */
html body.integra-edu.redesign .v11-modal__cta:hover,
html body.integra-edu.redesign .uabb-modal .v11-modal__cta:hover,
html body.integra-edu.redesign .v12-mailing-list .gform_button:hover,
html body.integra-edu.redesign .uabb-modal .v12-mailing-list .gform_button:hover,
html body.integra-edu.redesign .uabb-modal #gform_wrapper_58 #gform_submit_button_58:hover,
html body.integra-edu.redesign .uabb-modal #gform_wrapper_58 .gform_button:hover {
background: var(--v12-ink) !important;
background-color: var(--v12-ink) !important;
color: var(--v12-white) !important;
}
html body.integra-edu.redesign .v11-modal__cta:hover::after,
html body.integra-edu.redesign .uabb-modal .v11-modal__cta:hover::after {
color: var(--v12-white) !important;
}
/* -------------------------------------------------------------------------- */
/* 3) Dark on light — Intro links, biography, Outcomes / Format / FAQ
Hover: white bg, dark text + arrow, dark border */
/* -------------------------------------------------------------------------- */
html body.integra-edu.redesign .v11-ink-btn:hover,
html body.integra-edu.redesign .IntroBand a.v11-ink-btn:hover,
html body.exercise-mechanics-lab.redesign .fl-node-re3woj8dmlxq a.v11-ink-btn:hover,
html body.integra-edu.home.redesign .fl-node-bnghczes4v1w a:hover,
html body.integra-edu.home.redesign .fl-row.LHSBulletPointsImageRow a:not(.fl-button):hover,
html body.integra-edu.about.redesign .fl-node-xwcdpkhugy39 .uabb-creative-button:hover,
html body.integra-edu.about.redesign .fl-node-xwcdpkhugy39 a.uabb-button:hover,
html body.integra-edu.about.redesign .fl-node-xwcdpkhugy39 .fl-button:hover,
html body.integra-edu.about.redesign .fl-node-xwcdpkhugy39 .uabb-button-wrap a:hover,
html body.integra-edu.redesign .ef .eb a:hover,
html body.integra-edu.redesign .HowWeWorkBoxesSection .ef .eb a:hover,
html body.intro .ef .eb a:hover,
html body.private-workshops .ef .eb a:hover,
html body.private-tutoring .ef .eb a:hover,
html body.integra-edu.redesign a.outcomes-modal:hover,
html body.integra-edu.redesign a.format-modal:hover,
html body.integra-edu.redesign a.faq-modal:hover,
html body.integra-edu.redesign .uabb-modal-action.outcomes-modal:hover,
html body.integra-edu.redesign .uabb-modal-action.format-modal:hover,
html body.integra-edu.redesign .uabb-modal-action.faq-modal:hover,
html body.integra-edu.redesign .fl-module-button.Black .fl-button:hover,
html body.integra-edu.redesign .Black.ExploreHowWeWorkButton .fl-button:hover,
html body.integra-edu.redesign .DetailsSection .IntegraPTButton:hover,
html body.integra-edu.redesign .DetailsSection button:hover,
html body.integra-edu.redesign .footnote-button.Integra:hover {
background: var(--v12-white) !important;
background-color: var(--v12-white) !important;
color: var(--v12-ink) !important;
border-color: transparent !important;
box-shadow: inset 0 0 0 2px var(--v12-ink) !important;
}
html body.integra-edu.redesign .v11-ink-btn:hover::after,
html body.integra-edu.redesign .IntroBand a.v11-ink-btn:hover::after,
html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-module-rich-text a:hover,
html body.integra-edu.about.redesign .ChooseYourJourneySection a.more:hover {
color: var(--v12-ink) !important;
}
/* Pathway “Explore …” text links — underline, dark on light */
html body.integra-edu.redesign .ChooseYourJourneySection .fl-module-rich-text a:hover,
html body.integra-edu.redesign .ChooseYourJourneySection a.more:hover {
color: var(--v12-ink) !important;
text-decoration: underline !important;
text-underline-offset: 4px;
}
/* -------------------------------------------------------------------------- */
/* 4) Dark outlined on light — e.g. “See what each weekend covers”
Hover: dark fill, white text + arrow */
/* -------------------------------------------------------------------------- */
html body.redesign.integra-edu .fl-row:not(.DetailsSection) .fl-node-2keq6fbun4aj a.uabb-button.ast-button.uabb-creative-button:hover,
html body.rts.redesign .fl-row:not(.DetailsSection) .fl-node-2keq6fbun4aj a.uabb-button:hover {
background: var(--v12-ink) !important;
background-color: var(--v12-ink) !important;
color: var(--v12-white) !important;
border-color: var(--v12-ink) !important;
}
html body.redesign.integra-edu .fl-row:not(.DetailsSection) .fl-node-2keq6fbun4aj a.uabb-button.ast-button.uabb-creative-button:hover span {
color: var(--v12-white) !important;
}
/* -------------------------------------------------------------------------- */
/* 5) White on dark — footer Map / Contact
Hover: dark bg, white text, white border */
/* -------------------------------------------------------------------------- */
html body.integra-edu.redesign .v11-ft__btn:hover,
html body.integra-edu.redesign .v11-ft__find.v11-ft__col > a.v11-ft__btn:hover,
html body.integra-edu.redesign .v11-ft__find.v11-ft__col > a:hover {
background: var(--v12-ink) !important;
background-color: var(--v12-ink) !important;
color: var(--v12-white) !important;
box-shadow: inset 0 0 0 2px var(--v12-white) !important;
}
/* -------------------------------------------------------------------------- */
/* Other controls */
/* -------------------------------------------------------------------------- */
/* Orange text links — underline; colour depends on surface */
html body.integra-edu.redesign a[style*="F77908"]:hover,
html body.integra-edu.redesign a[style*="f77908"]:hover,
html body.integra-edu.redesign .fl-rich-text a:hover {
text-decoration: underline !important;
text-underline-offset: 4px;
}
html body.integra-edu.redesign .v11-ft a:not(.v11-ft__btn):hover,
html body.integra-edu.redesign .StartYourJourneyWithIntegraSection a:not(.fl-button):hover,
html body.integra-edu.redesign .MadeToMeasure a:not(.fl-button):hover {
text-decoration: underline !important;
text-underline-offset: 4px;
color: var(--v12-white) !important;
}
html body.integra-edu.redesign .v11-ft__col > a:not(.v11-ft__btn):hover {
color: var(--v12-white) !important;
text-decoration: underline !important;
text-underline-offset: 4px;
background: transparent !important;
}
/* Pop-up close — white fill, dark cross on hover */
html body.integra-edu.redesign .uabb-modal-close:hover,
html body.integra-edu.redesign .uabb-modal-close:hover i,
html body.integra-edu.redesign .uabb-close-custom-popup-edge-top-right:hover,
html body.redesign .OurTeamModal-overlay .uabb-modal-close:hover {
color: var(--v12-ink) !important;
border-radius: 50%;
transition: background-color 175ms ease, color 175ms ease !important;
}
html body.integra-edu.redesign .uabb-modal-close:hover i.uabb-close-icon:before,
html body.integra-edu.redesign .uabb-modal-close:hover i.uabb-close-icon:after,
html body.redesign .OurTeamModal-overlay .uabb-modal-close:hover i.uabb-close-icon:before {
color: var(--v12-ink) !important;
}
/* Slider arrows — invert fill + arrow, keep border; disabled unchanged */
html body.integra-edu.redesign .IntegraTestimonialsSliderPT .slick-arrow:not(.slick-disabled):hover,
html body.integra-edu.redesign #chooseYourJourneySectionClone .slick-arrow:not(.slick-disabled):hover,
html body.integra-edu.redesign #whatSetsUsApartSectionClone .slick-arrow:not(.slick-disabled):hover,
html body.integra-edu.home.redesign .SaidBand .slick-arrow:not(.slick-disabled):hover,
html body.rts.redesign .fl-node-7lry6t2a8mzv .IntegraTestimonialsSliderPT .slick-arrow:not(.slick-disabled):hover,
html body.rts.redesign .fl-node-7lry6t2a8mzv .slick-arrow:not(.slick-disabled):hover {
background: var(--v12-white) !important;
background-color: var(--v12-white) !important;
color: var(--v12-ink) !important;
border: 1px solid var(--v12-ink) !important;
box-shadow: none !important;
}
html body.integra-edu.redesign .IntegraTestimonialsSliderPT .slick-arrow.slick-disabled:hover,
html body.integra-edu.redesign #chooseYourJourneySectionClone .slick-arrow.slick-disabled:hover,
html body.integra-edu.redesign #whatSetsUsApartSectionClone .slick-arrow.slick-disabled:hover {
background-color: var(--v12-ink) !important;
color: inherit !important;
border-color: transparent !important;
}
@media (prefers-reduced-motion: reduce) {
html body.integra-edu.redesign #desktopContainer .ButtonContainer a:not(#headerLink),
html body.integra-edu.redesign .StartYourJourneyWithIntegraSection .Black a.fl-button,
html body.integra-edu.redesign .v11-ink-btn,
html body.integra-edu.redesign .v11-ft__btn,
html body.integra-edu.redesign .v11-modal__cta,
html body.integra-edu.redesign .IntegraTestimonialsSliderPT .slick-arrow {
transition: none !important;
}
}
.fl-node-c6nve4rxj01f > div{
margin-top:0!important;
}
body.integra-edu .icon-Icons-Integra-website_Close:before{
color:white!important;
}
body.integra-edu .uabb-modal .gform_wrapper.gravity-theme .gform_fields{
display:flex!important;
}
.fl-node-gkf1zhrit1a9{
width: 100%;
}
body.exercise-mechanics-lab.redesign .PromoSection .fl-rich-text p,
html body.integra-edu.redesign .PromoSection .fl-rich-text > p, html body.integra-edu.redesign .fl-builder-content .PromoSection .fl-rich-text > p{
font-size:17px!important;
}
.Stats .fl-module > p + div{font-size:20px!important;padding-right:20px}
body.integra-edu.home.redesign .fl-builder-content .fl-node-5o09xl7hvbms.fl-row > .fl-row-content-wrap{
padding-left:0!important;
padding-right: 0!important;
}
.fl-node-c6nve4rxj01f > div{
margin-left:0!important;
margin-right: 0!important;
}
body.integra-edu.redesign .PromoSection a{
text-decoration: underline!important;
text-underline-offset: 4px;
}
body.project.redesign .fl-node-7eld43k8rp9w > .fl-row-content-wrap {
padding-left: var(--v11-gutter) !important;
padding-right: var(--v11-gutter) !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box;
}
button.RestrictedAccess{
background-color: #F77908!important;
}
@media (max-width: 900px){
.ChooseYourJourneySection:not(#chooseYourJourneySectionClone),
.fl-node-ew3mjl42rptk{display:none!important}
body.home .slick-navigation, body.home #chooseYourJourneySectionClone .slick-navigation{
align-self: center;
}
footer #gform_wrapper_58{
padding-left:0!important;
padding-right: 0!important;
}
#integraTimelineClone .fl-col-content > .fl-module{
padding-left: 0!important;
padding-right: 0!important;
}
.StartYourJourneyWithIntegraSection.MadeToMeasure .fl-col-group > .fl-col:nth-of-type(2),
.fl-node-l20oc7nmsg5d{
display:none!important;
}
}
.fl-node-d8i536h1v9rt > .fl-module-content,
.fl-node-w1qheo72l4r3 > .fl-module-content,
.fl-node-08p2wxbltaoz > .fl-module-content{
margin-bottom: 0!important;
}
body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col-group.fl-node-taixdmvbgn9h{
margin-top:40px;
}
.fl-node-taixdmvbgn9h .slick-track{
max-width: 300vw!important;
}
.fl-node-taixdmvbgn9h .slick-track > div{
}