.e-con at 0,4,0 with
background-position 50 percent 32 percent and no importance, from the element custom css.
Added token: the doubled page class. New specificity 0,5,0, important added.
Proven visually at 1440 on imaging: at 32 percent the clinicians are cut by the card,
at center they clear it, which is how the home band reads.
The Ken Burns motion E-119 gave the home band is deliberately NOT copied here; that is a
home polish item, not a parity item. */
.elementor-304.elementor-304 .elementor-element.elementor-element-958e0e7.e-con,
.elementor-306.elementor-306 .elementor-element.elementor-element-f6f32b3.e-con,
.elementor-308.elementor-308 .elementor-element.elementor-element-3b00a8b.e-con,
.elementor-314.elementor-314 .elementor-element.elementor-element-be00412.e-con {
background-position: center center !important;
}
/* ===== E-137 (2026-09-01) FAQ page: single column, question list, accordion contract ===== */
/* Authored by Sol lane 24 as E-135 and renumbered to E-137 by applier G, because applier E
had already shipped E-130 to E-135 on template 90. Only this header changed. */
/* Competitor `.elementor[data-elementor-type="wp-page"] > .e-con-boxed > .e-con-inner`, specificity (0, 4, 0), uses 1344px with important. New .elementor-90s copy it and add the section class, specificity (0, 5, 0). BEFORE question area 1280px at 1440. AFTER outer area 944px with 32px gutters, yielding an 880px question column. */
.elementor[data-elementor-type="wp-page"] > .e-con-boxed.elementor-element-f7bfeda > .e-con-inner,
.elementor[data-elementor-type="wp-page"] > .e-con-boxed.elementor-element-11f4ffa > .e-con-inner,
.elementor[data-elementor-type="wp-page"] > .e-con-boxed.elementor-element-1b6c9f7 > .e-con-inner,
.elementor[data-elementor-type="wp-page"] > .e-con-boxed.elementor-element-d6905b1 > .e-con-inner,
.elementor[data-elementor-type="wp-page"] > .e-con-boxed.elementor-element-40ab3b4 > .e-con-inner {
max-width: 944px !important;
}
/* Competitor `.elementor-314 .elementor-element.elementor-element-0f497e0`, specificity (0, 3, 0), supplies two columns and 2em gaps. Each new .elementor-90 adds `.e-grid`, specificity (0, 4, 0). BEFORE 624px 624px at 1440. AFTER one minmax column and a 12px row gap. */
.elementor-314 .elementor-element.elementor-element-0f497e0.e-grid,
.elementor-314 .elementor-element.elementor-element-06fa4de.e-grid,
.elementor-314 .elementor-element.elementor-element-6a26e79.e-grid,
.elementor-314 .elementor-element.elementor-element-4d2b974.e-grid,
.elementor-314 .elementor-element.elementor-element-12cb6a8.e-grid {
--e-con-grid-template-columns: minmax(0, 1fr);
--e-con-grid-template-rows: auto;
--row-gap: 12px;
--column-gap: 0px;
}
/* Competitor is the matching section card .elementor-90 in template 90, specificity (0, 6, 0). The added repeated card class gives (0, 7, 0). BEFORE and AFTER use white, a 1px grey hairline, 16px radius, and no resting shadow. AFTER aligns every card gap to 12px. */
.elementor-314.elementor-314 .elementor-element.elementor-element-f7bfeda.e-con .elementskit-card.elementskit-card,
.elementor-314.elementor-314 .elementor-element.elementor-element-11f4ffa.e-con .elementskit-card.elementskit-card,
.elementor-314.elementor-314 .elementor-element.elementor-element-1b6c9f7.e-con .elementskit-card.elementskit-card,
.elementor-314.elementor-314 .elementor-element.elementor-element-d6905b1.e-con .elementskit-card.elementskit-card,
.elementor-314.elementor-314 .elementor-element.elementor-element-40ab3b4.e-con .elementskit-card.elementskit-card {
overflow: hidden;
padding: 0;
background: #FFFFFF;
border: 1px solid #D4D5CE;
border-radius: 16px;
box-shadow: none;
transform: none;
transition: transform 240ms ease, box-shadow 240ms ease;
}
.elementor-314.elementor-314 .elementor-element.elementor-element-f7bfeda.e-con .elementskit-card.elementskit-card:not(:last-child),
.elementor-314.elementor-314 .elementor-element.elementor-element-11f4ffa.e-con .elementskit-card.elementskit-card:not(:last-child),
.elementor-314.elementor-314 .elementor-element.elementor-element-1b6c9f7.e-con .elementskit-card.elementskit-card:not(:last-child),
.elementor-314.elementor-314 .elementor-element.elementor-element-d6905b1.e-con .elementskit-card.elementskit-card:not(:last-child),
.elementor-314.elementor-314 .elementor-element.elementor-element-40ab3b4.e-con .elementskit-card.elementskit-card:not(:last-child) {
margin-bottom: 12px;
}
/* Competitor is the matching section card hover .elementor-90 in template 90, specificity (0, 7, 0). The repeated card class and hover state give (0, 8, 0). BEFORE and AFTER lift 4px and use the home shadow bloom. */
.elementor-314.elementor-314 .elementor-element.elementor-element-f7bfeda.e-con .elementskit-card.elementskit-card:hover,
.elementor-314.elementor-314 .elementor-element.elementor-element-11f4ffa.e-con .elementskit-card.elementskit-card:hover,
.elementor-314.elementor-314 .elementor-element.elementor-element-1b6c9f7.e-con .elementskit-card.elementskit-card:hover,
.elementor-314.elementor-314 .elementor-element.elementor-element-d6905b1.e-con .elementskit-card.elementskit-card:hover,
.elementor-314.elementor-314 .elementor-element.elementor-element-40ab3b4.e-con .elementskit-card.elementskit-card:hover {
transform: translateY(-4px);
box-shadow: inset 0 3px 0 #00ACDC, 0 20px 44px rgba(0, 43, 44, 0.25);
}
/* Competitor `.elementor-314.elementor-314 .elementskit-accordion .elementskit-card.elementskit-card .elementskit-card-header > .ekit-accordion--toggler.elementskit-btn-link`, specificity (0, 8, 0). The repeated header class gives (0, 9, 0). BEFORE Open Sans 20px at 25.6px with 24px padding. AFTER Urbanist 19px at 1.3 with 22px 24px padding. */
.elementor-314.elementor-314 .elementskit-accordion .elementskit-card.elementskit-card .elementskit-card-header.elementskit-card-header > .ekit-accordion--toggler.elementskit-btn-link {
align-items: center;
justify-content: space-between;
gap: 20px;
width: 100%;
padding: 22px 24px;
background: #FFFFFF;
border: 0;
border-radius: 0;
font-family: Urbanist, sans-serif !important;
font-size: 19px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
color: #002B2C !important;
text-decoration: none;
transition: background-color 180ms ease, color 180ms ease !important;
}
/* Competitor is the same trigger rule at (0, 9, 0). Hover adds one pseudo class for (0, 10, 0). BEFORE white. AFTER mint at 35 percent. */
.elementor-314.elementor-314 .elementskit-accordion .elementskit-card.elementskit-card .elementskit-card-header.elementskit-card-header > .ekit-accordion--toggler.elementskit-btn-link:hover {
background: rgba(193, 224, 222, 0.35);
}
/* Competitor `.ekit-wid-con a`, specificity (0, 1, 1), removes the outline. The scoped focus .elementor-90 has specificity (0, 10, 0). BEFORE outline width 0px. AFTER 2px cyan with 2px offset. */
.elementor-314.elementor-314 .elementskit-accordion .elementskit-card.elementskit-card .elementskit-card-header.elementskit-card-header > .ekit-accordion--toggler.elementskit-btn-link:focus-visible {
position: relative;
z-index: 1;
outline: 2px solid #00ACDC;
outline-offset: 2px !important;
}
.elementor-314.elementor-314 .elementor-element.e-con .elementskit-card.elementskit-card:focus-within {
overflow: visible;
}
/* Competitor is the important open trigger colour in page 314, specificity (0, 4, 0). The scoped open .elementor-90 has specificity (0, 10, 0) and keeps the required important priority. BEFORE and AFTER dark. */
.elementor-314.elementor-314 .elementskit-accordion .elementskit-card.elementskit-card .elementskit-card-header.elementskit-card-header > .ekit-accordion--toggler.elementskit-btn-link[aria-expanded="true"] {
color: #002B2C !important;
}
/* Competitor `.elementor-314.elementor-314 .elementskit-accordion .elementskit-card.elementskit-card .elementskit-card-body.ekit-accordion--content`, specificity (0, 7, 0). The repeated content class gives (0, 8, 0). BEFORE 16px at 24px with 0 24px 24px padding and a 24px closed residue. AFTER 16px at 1.6, open padding of 0 24px 24px, and 0px closed residue. */
.elementor-314.elementor-314 .elementskit-accordion .elementskit-card.elementskit-card .elementskit-card-body.ekit-accordion--content.ekit-accordion--content {
min-height: 0;
padding: 0 24px;
background: #FFFFFF;
border-radius: 0;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6 !important;
color: #002B2C !important;
transition: padding-bottom 240ms ease;
}
.elementor-314.elementor-314 .elementskit-accordion .elementskit-card > .collapse.show .elementskit-card-body.ekit-accordion--content.ekit-accordion--content,
.elementor-314.elementor-314 .elementskit-accordion .elementskit-card > .collapsing .elementskit-card-body.ekit-accordion--content.ekit-accordion--content {
padding-bottom: 24px;
}
/* Competitor `.elementskit-accordion .elementskit-card > .collapse`, specificity (0, 3, 0). The repeated collapse class and page scope give (0, 6, 0). BEFORE 220ms custom easing. AFTER 240ms ease without a maximum height workaround. */
.elementor-314.elementor-314 .elementskit-accordion .elementskit-card > .collapse.collapse {
transition: grid-template-rows 240ms ease, visibility 0s linear 240ms;
}
/* ElementsKit owns the animated height while this class exists. BEFORE 350ms ease. AFTER 240ms ease while preserving the widget height value. */
.elementor-314.elementor-314 .elementskit-accordion .elementskit-card > .collapsing.collapsing {
transition: height 240ms ease;
}
/* Competitor `.elementskit-accordion .ekit_accordion_icon_group`, specificity (0, 2, 0). The page scoped .elementor-90 has specificity (0, 4, 0). BEFORE 180ms and a 20px widget margin. AFTER 240ms ease and no extra margin, placing the icon on the row padding edge. */
.elementor-314.elementor-314 .elementskit-accordion .ekit_accordion_icon_group {
flex: 0 0 28px;
margin: 0 !important;
transition: transform 240ms ease;
}
.elementor-314.elementor-314 .elementskit-accordion .ekit_accordion_normal_icon.ekit_accordion_normal_icon {
display: block !important;
}
.elementor-314.elementor-314 .elementskit-accordion .ekit_accordion_active_icon.ekit_accordion_active_icon {
display: none !important;
}
/* Competitor keeps the icon group at rotate 0, specificity (0, 2, 0). The open .elementor-90 has specificity (0, 5, 0). BEFORE no rotation and dark icon. AFTER 180 degree rotation and teal icon. */
.elementor-314.elementor-314 .ekit-accordion--toggler[aria-expanded="true"] .ekit_accordion_icon_group {
transform: rotate(180deg);
}
.elementor-314.elementor-314 .ekit-accordion--toggler[aria-expanded="true"] .ekit_accordion_icon_group .icon {
color: #00B3B9 !important;
}
@media (max-width: 768px) {
/* Competitor is the same trigger .elementor-90 inside the 767px page rule, specificity (0, 8, 0). The repeated header class gives (0, 9, 0). BEFORE 20px with 20px padding at 390. AFTER 17px with 18px 16px padding at 768 and below. */
.elementor-314.elementor-314 .elementskit-accordion .elementskit-card.elementskit-card .elementskit-card-header.elementskit-card-header > .ekit-accordion--toggler.elementskit-btn-link {
padding: 18px 16px;
font-size: 17px !important;
line-height: 1.3 !important;
}
/* Competitor is the same content .elementor-90 inside the 767px template rule, specificity (0, 7, 0). The repeated content class gives (0, 8, 0). BEFORE 15px at 22.5px with 0 20px 20px padding at 390. AFTER 16px at 1.6, open padding of 0 16px 18px, and closed padding of 0 16px. */
.elementor-314.elementor-314 .elementskit-accordion .elementskit-card.elementskit-card .elementskit-card-body.ekit-accordion--content.ekit-accordion--content {
padding: 0 16px;
font-size: 16px;
line-height: 1.6 !important;
}
.elementor-314.elementor-314 .elementskit-accordion .elementskit-card > .collapse.show .elementskit-card-body.ekit-accordion--content.ekit-accordion--content,
.elementor-314.elementor-314 .elementskit-accordion .elementskit-card > .collapsing .elementskit-card-body.ekit-accordion--content.ekit-accordion--content {
padding-bottom: 18px;
}
}
@media (prefers-reduced-motion: reduce) {
/* BEFORE motion remains active. AFTER all E 135 card, panel, trigger, and chevron transitions are removed, and the chevron rotation is removed. */
.elementor-314.elementor-314 .elementor-element.e-con .elementskit-card.elementskit-card,
.elementor-314.elementor-314 .elementskit-accordion .elementskit-card > .collapse.collapse,
.elementor-314.elementor-314 .elementskit-accordion .elementskit-card > .collapsing.collapsing,
.elementor-314.elementor-314 .elementskit-accordion .elementskit-card .elementskit-card-body.ekit-accordion--content,
.elementor-314.elementor-314 .elementskit-accordion .elementskit-card.elementskit-card .elementskit-card-header.elementskit-card-header > .ekit-accordion--toggler.elementskit-btn-link,
.elementor-314.elementor-314 .elementskit-accordion .ekit_accordion_icon_group {
transition: none !important;
}
.elementor-314.elementor-314 .elementor-element.e-con .elementskit-card.elementskit-card:hover,
.elementor-314.elementor-314 .ekit-accordion--toggler[aria-expanded="true"] .ekit_accordion_icon_group {
transform: none;
}
}
/* ===== E-138 (2026-09-01) mobile card body parity on 304, 306, 308 ===== */
/* Fable's instruction: applier E found the card body computing 16px with a 24px line where
home computes 15px with a 22.5px line, and closed it for nursing only as E-131. Same
measurement repeated on imaging, rehab and lab pharmacy after E-136 landed, and then
swept across eleven widths rather than assuming a breakpoint:
width 390 599 600 601 700 767 768 1024 1025 1200 1440
home 2189699 15 15 15 15 15 15 15 15 16 16 16
nursing 784059e 15 15 15 16 16 16 16 16 16 16 16
imaging ff31be8 16 16 16 16 16 16 16 16 16 16 16
rehab 5fee62b 16 16 16 16 16 16 16 16
lab pharmacy
9c5d01d 16 16 16 16 16 16 16 16
Home steps down to 15px with a 22.5px line at 1024 and below, and holds 16px with a 24px
line above it. The three pages here never step down at all.
Cause is the one applier E documented: a pre existing post 90 rule
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > :is([data-id="0fd5ea9"], ...
[data-id="ff31be8"], [data-id="5fee62b"], [data-id="9c5d01d"], ...) .elementor-icon-box-description
at 0,5,0 carries font size 16px important and line height 1.5 important, and 1.5 of 16px is
exactly the 24px observed. The parity files authored 15px and 22.5px without important, so
they could not win at any specificity.
Selector shape copies E-131 exactly and adds the page class, reaching 0,6,0 with important,
which beats 0,5,0. The block sits inside the breakpoint the measurement shows, 1024, which
is where home itself steps down, so desktop is untouched on all three pages.
Recorded for Fable, not fixed here because it is outside this block's named scope: E-131
used a 600px block, so nursing 784059e still reads 16px with a 24px line from 601 to 1024
where home reads 15px with a 22.5px line. One line closes it, the nursing .elementor-90 moved
into this same 1024 block. */
@media (max-width: 1024px) {
.elementor.elementor-304[data-elementor-type="wp-page"]:not(.elementor-296) > :is([data-id="ff31be8"]) .elementor-icon-box-description,
.elementor.elementor-306[data-elementor-type="wp-page"]:not(.elementor-296) > :is([data-id="5fee62b"]) .elementor-icon-box-description,
.elementor.elementor-308[data-elementor-type="wp-page"]:not(.elementor-296) > :is([data-id="9c5d01d"]) .elementor-icon-box-description {
font-size: 15px !important;
line-height: 22.5px !important;
}
}
/* ===== E-139 (2026-09-01) nursing card body, the E-131 residual from 601 to 1024 ===== */
/* Applier G handed this back as open item 1 of FINAL-STATE.md and item 6.1 of
LANE23-FINAL-REPORT.md. E-131 closed the nursing card body inside a 600px block, but the
measurement that block was built on came from 390 only. Home actually steps its card body
down at 1024, not at 600, which is what E-138 established across eleven widths for imaging,
rehab and lab pharmacy. Nursing was left on the narrower block.
Measured live before this block, home 2189699 against nursing 784059e:
width 390 600 601 700 900 1024 1025 1200 1440
home 15 15 15 15 15 15 16 16 16
nursing 15 15 16 16 16 16 16 16 16
So the residual is exactly 601 to 1024 inclusive, and above 1024 the two already agree.
The competitor is unchanged from the one E-131 and E-138 both name, a pre existing post 90
rule .elementor[data-elementor-type="wp-page"]:not(.elementor-296) > :is([data-id="0fd5ea9"],
... [data-id="784059e"], ...) .elementor-icon-box-description at 0,5,0 carrying font size
16px important and line height 1.5 important, and 1.5 of 16px is the 24px measured.
This block copies E-131's .elementor-90 verbatim, which reaches 0,6,0 with important by adding
the page class, and only widens the media query from 600 to 1024 so it covers the whole band
home itself covers. Below 601 it restates what E-131 already sets, so the two agree rather
than fight. Above 1024 nothing here applies and desktop is untouched. */
@media (max-width: 1024px) {
.elementor.elementor-302[data-elementor-type="wp-page"]:not(.elementor-296) > :is([data-id="784059e"]) .elementor-icon-box-description {
font-size: 15px !important;
line-height: 22.5px !important;
}
}
/* ===== E-140 (2026-09-01) footer legal links reach 44px from 768 up ===== */
/* The four width gate saw these for the first time at 768 and reported them on all eleven
pages: TAP a[el=651d255] 87x21 below 44x44 "Privacy Policy" and 108x21 "Terms of Service".
They are not a regression. E-80 gave them the 44px treatment inside a max-width 767px block,
so the treatment simply stops one pixel below the width the gate measures.
Measured live before this block, home footer, links and the bar that holds them:
width Privacy Policy Terms of Service min-height .pmlegal bar
390 74.95 x 44 92.31 x 44 44px 163
430 74.95 x 44 92.31 x 44 44px 163
767 74.95 x 44 92.31 x 44 44px 163
768 87.45 x 21 107.69 x 21 auto 125
800 87.45 x 21 107.69 x 21 auto 125
1024 87.45 x 21 107.69 x 21 auto 90
1440 87.45 x 21 107.69 x 21 auto 90
Why a plain min-height is not enough here. The bar is
div.pmlegal (flex, padding 34px 0) > div.pmlegal-left (flex) > p.pmlegal-links (flex) > the
two anchors, with a 1 by 13 separator between them and p.pmlegal-flag beside them. Every one
of those boxes is 21px tall and each takes its height from the anchors. Raising the anchors
to 44 alone raises pmlegal-links, pmlegal-left and then the bar itself to 112 at 1024 and 147
at 768, a 22px change, which is outside the 8px this fix is allowed.
So the anchors take the hit area and give the layout back. min-height 44px makes each anchor
a real 44px pointer target, and a -11.5px block margin removes the 23px it added from the
flex line, leaving pmlegal-links, pmlegal-left and the bar at the exact heights measured
above. Nothing moves, nothing repaints, and the anchor box the browser hit tests is 44px tall.
This is the same idea E-80 already used one block earlier for the four social icons, where
the hit area went to 44 by 44 while the painted disc stayed 34 by 34.
The 11.5px the anchor gains on each side lands inside the bar's own 34px padding above and,
at 768, inside the 14px row gap above p.pmlegal-flag, so the enlarged target overlaps no
other interactive element at any width.
Competitor: .elementor-location-footer .pmlegal-links a from E-80 at 0,2,1.
This rule: .elementor-location-footer.elementor-90 .pmlegal-links a at 0,3,1, which is E-80's
own .elementor-90 with one class token added, the shape that block already uses for its icon list
and social icon rules.
The block starts at 768 so E-80 keeps sole ownership of 767 and below, where the links are
already 44px tall and the bar is deliberately 163px. Nothing about phone widths changes. */
@media (min-width: 768px) {
.elementor-location-footer.elementor-90 .pmlegal-links a {
min-height: 44px !important;
display: inline-flex !important;
align-items: center !important;
align-self: center !important;
margin-block: -11.5px !important;
}
}
/* ===== E-141 (2026-09-01) internal hero scrim, the 901 to 1024 band ===== */
/* Sol's closing audit names this the single biggest reason the front end is not production
ready. The four width gate reports seven contrast rows at 1024, one per page, all of them the
secondary heading that sits under the H1 on an internal hero photograph:
page element colour worst unsafe
specialties 458b9ab rgb(212,213,206) 18px/600 2.931 4.96%
imaging 6fcc0ec rgba(255,255,255,.86) 18/400 3.582 25.97%
rehab 7d64681 rgba(255,255,255,.86) 18/400 4.149 9.76%
lab-pharmacy 9c3b05b rgba(255,255,255,.86) 18/400 3.584 7.91%
who-we-serve eb6f832 rgba(255,255,255,.86) 18/600 3.489 18.96%
why-promed 56cd20b rgba(255,255,255,.86) 18/600 3.320 20.19%
faq 5590908 rgb(212,213,206) 18px/600 3.700 19.44%
Measured across the width range before writing anything, every one of the seven passes at
900, fails at 901, fails at 1024 and passes again at 1025, 1200 and 1440. So the defect is a
band, not a page, and the band is exactly 901 to 1024.
Cause, and it is entirely in CSS. E-70 gives every internal hero two gradient layers over the
photograph. Above 900 the ::before runs
linear-gradient(90deg, rgba(0,43,44,.78), rgba(0,43,44,.48) 55%, rgba(0,43,44,.24))
which fades out towards the right because at desktop the hero is two columns and the copy
never reaches that side. At 1024 and below Elementor collapses the hero to one column, so the
heading now runs the full frame and its right hand words land on the .24 end. E-70 already
anticipated this and carries a denser flat scrim,
linear-gradient(90deg, rgba(0,43,44,.78), rgba(0,43,44,.60))
but it put it in a max-width 900px block, one breakpoint short of the 1024 where the layout
actually changes. 901 to 1024 is the gap between the two.
Fix, the same treatment E-114 chose for the same class of defect: deepen the overlay stop
rather than recolour the text, so the warm grey and the 0.86 white stay exactly as designed
and only the scrim under them changes. This block restates E-70's own narrow width gradient,
value for value, across 901 to 1024, so the whole single column range now carries one
consistent scrim instead of two. Nothing above 1024 is touched, so the desktop hero keeps the
lighter right hand fade and the photograph reads through it as before.
Competitor: E-70's
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child[class*="elementor-element-"]::before
at 0,6,1. This rule doubles the leading .elementor class to reach 0,7,1, the shape E-114 used
for .pm-closing.pm-closing::before, so it wins on specificity and not on source order.
Colour: rgba(0,43,44,alpha) is #002B2C, on palette. No new colour is introduced. */
@media (min-width: 901px) and (max-width: 1024px) {
.elementor.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child[class*="elementor-element-"]::before {
background-image: linear-gradient(90deg, rgba(0,43,44,.78), rgba(0,43,44,.60)) !important;
}
}
/* ===== E-142 (2026-09-02) home hero scrim, the 768 to 900 band ===== */
/* Sol's closing audit finding 3. The gate reports three contrast rows on the home hero at 768,
and only at 768, and all three are copy that runs across the photograph:
element run colour worst unsafe
0f7ffa0 "See Our Solutions" ghost button label rgb(255,255,255) 13/600 3.239 26.39%
b9a16f2 the hero paragraph rgba(255,255,255,.86) 18 2.466 11.87%
09dff63 "Credentialed professionals. Contracts..." rgba(255,255,255,.72) 14 1.932 45.88%
0f7ffa0 is a ghost button over the photograph, not one of the white labels on a solid orange
or teal fill that LD-031 accepts, so it stays gated and it is fixed here.
Measured across the width range before writing anything, with every backdrop image decoded
before sampling so a half painted hero could not report a false pass:
width hero box 0f7ffa0 b9a16f2 09dff63
390 390 x 1432 10.597 0% 5.762 0% 5.591 0%
600 600 x 1107 10.615 0% 5.240 0% 3.457 11.12%
700 700 x 1107 10.795 0% 5.381 0% 3.850 0.78%
767 767 x 1107 10.941 0% 5.637 0% 3.942 0.25%
768 768 x 1135 3.236 26.83% 2.436 12.06% 1.949 45.34%
800 800 x 1135 3.360 22.38% 2.576 11.01% 1.969 42.81%
900 900 x 1135 3.375 20.71% 2.666 10.43% 2.002 42.87%
950 950 x 900 7.694 0% 4.805 0% 5.915 0%
1024 1024 x 900 7.558 0% 4.754 0% 6.212 0%
1440 1440 x 900 12.623 0% 4.474 0% 5.914 0%
The failing band is exactly 768 to 900, and it is a layout band: the hero box is 1135px tall
there and the copy runs the full frame, where at 950 and above it is 900px tall and at 767 and
below it is 1107px.
Cause, same shape as E-141 one block earlier. The scrim that actually covers the photograph is
the video container ::before, measured at 768 by 1135 sitting at 0,0 over the whole hero, and
it runs linear-gradient(90deg, rgba(0,43,44,.78) 0%, rgba(0,43,44,.24) 80%). That fade to .24
was designed for the desktop hero, where the copy occupies the left column and the clinician
photograph is meant to read on the right. E-114 already deepened this exact layer, but only
inside a min-width 901px block, so 768 to 900 kept the light end while the copy moved across
it. Viewed at 768 the paragraph, the ghost button and the caption all run over the bright
white coat on the right of the frame.
Fix, chosen by measurement rather than by taste. Four densities were injected and sampled at
768 before anything was written:
scrim 0f7ffa0 b9a16f2 09dff63
unchanged 3.239 26.39% 2.466 11.87% 1.932 45.88%
.78 to .60 6.509 0% 5.221 0% 3.954 3.19%
.86 to .74 8.853 0% 6.930 0% 5.183 0%
.90 to .82 10.643 0% 8.174 0% 6.079 0%
.92 to .88 11.685 0% 9.184 0% 6.763 0%
.78 to .60, which is the density E-70 and E-141 use for a single column hero, still leaves the
14px caption at 3.954 with 3.19 percent unsafe. .86 to .74 is the lightest scrim that clears
every run with margin, so it is the one shipped: it is the least the photograph has to give up.
Competitor: E-114's own .elementor-90 at 0,6,1. This block reuses it verbatim and changes only the
media query, so there is no specificity contest, only two adjacent bands.
Colour: rgba(0,43,44,alpha) is #002B2C, on palette. No new colour is introduced. */
@media (min-width: 768px) and (max-width: 900px) {
.elementor-296 .elementor-element.elementor-element-e868dd1 > .e-con-inner > .elementor-background-video-container.elementor-background-video-container::before {
background-image: linear-gradient(90deg, rgba(0,43,44,.86), rgba(0,43,44,.74)) !important;
}
}
/* ===== E-143 (2026-09-02) nursing content image, whole frame at 767 and below ===== */
/* Sol's closing audit finding 6, the only photography defect left open. Nursing widget 6d0b45e
at 390 renders a 314 by 300 box with `object-fit: cover` and `object-position: 0% 50%` over
`Male-and-Female-Nurse-2`, a 1200 by 628 two person composition. Screenshotted and viewed
before anything was written: the woman is complete and the man is cut through the face at the
right edge. The acceptance rule is that no content image may show a cropped head.
The frame is 314 by 300, so a cover crop shows 658 of the 1200 source pixels, 55 percent of
the width. The two heads span roughly 200 to 1100, which is 900 pixels. No object position can
fit 900 pixels of subject into a 658 pixel window, which is exactly what Sol wrote.
Attachment 1538, Male-and-Female-Nurse-6, was tried first as the brief instructed. Rendered
into this frame and viewed at both widths: at 390 only the man is in frame and the woman is
outside it entirely, and at 1440 the woman is cut through the face, which is a NEW cropped
head at a width that is correct today. A shifted object position of 84 percent puts the man's
head under the "5 Nursing designations we place" badge. So the swap trades one defect for a
worse one and the brief's fallback applies.
Fallback, as briefed: show the whole photograph. `object-fit: contain` on a #C1E0DE ground at
767 and below fits the complete 1200 by 628 frame inside the 314 by 300 box, so both faces are
whole and nothing is cut. #C1E0DE is the pale teal already used across the system, so the
letterbox reads as a card ground rather than as a gap. Above 767 nothing changes, and the
desktop crop that Sol confirmed as correct is untouched.
Competitor: the widget's own generated rule in post-302.css,
`.elementor-302 .elementor-element.elementor-element-6d0b45e img` at 0,3,1 with no important,
carrying width 100 percent, height 450px, object-fit cover, object-position center left and a
16px radius, plus the 550px and 300px height overrides at the tablet and mobile breakpoints.
This rule doubles the element id class to reach 0,4,1 and adds important, so it wins on
specificity and leaves every other declaration the widget sets in place, the heights and the
radius included.
Colour: #C1E0DE, on palette. */
@media (max-width: 767px) {
.elementor-302 .elementor-element.elementor-element-6d0b45e.elementor-element-6d0b45e img {
object-fit: contain !important;
background-color: #C1E0DE !important;
}
}
/* ===== E-144 (2026-09-02) internal parity at 1024 and 768, nursing H2 at 390 ===== */
/* Renumbered by applier H. Sol lane 19d authored this file as E-139. Applier H had already
shipped E-139 to E-143 on template 90 while this file was being written, so appending it as
authored would have put the E-139 header in the sheet twice. Body is byte identical to
EDITS-PARITY-MID.css from line two onward, proven by diff. Only the header line changed.
Note on overlap: applier H E-139 sets the same 15px and 22.5px card body on nursing 784059e
inside the same 1024 block that this file sets at higher specificity. The values are
identical, so the two agree rather than compete. */
@media (max-width: 1024px) {
.elementor-298.elementor-298.elementor-298 .elementor-element.elementor-element-0fd5ea9.e-con,
.elementor-300.elementor-300.elementor-300 .elementor-element.elementor-element-3f00faf.e-con,
.elementor-302.elementor-302.elementor-302 .elementor-element.elementor-element-784059e.e-con,
.elementor-304.elementor-304.elementor-304 .elementor-element.elementor-element-ff31be8.e-con,
.elementor-306.elementor-306.elementor-306 .elementor-element.elementor-element-5fee62b.e-con,
.elementor-308.elementor-308.elementor-308 .elementor-element.elementor-element-9c5d01d.e-con,
.elementor-310.elementor-310.elementor-310 .elementor-element.elementor-element-90e0f8f.e-con,
.elementor-312.elementor-312.elementor-312 .elementor-element.elementor-element-c87cb74.e-con,
.elementor-314.elementor-314.elementor-314 .elementor-element.elementor-element-f7bfeda.e-con,
.elementor-316.elementor-316.elementor-316 .elementor-element.elementor-element-c33b8da:not(.elementor-motion-effects-element-type-background).e-con {
padding: 56px 24px !important;
}
.elementor-298.elementor-298.elementor-298 .elementor-element.elementor-element-0fd5ea9.e-con > .e-con-inner.e-con-inner,
.elementor-300.elementor-300.elementor-300 .elementor-element.elementor-element-3f00faf.e-con > .e-con-inner.e-con-inner,
.elementor-302.elementor-302.elementor-302 .elementor-element.elementor-element-784059e.e-con > .e-con-inner.e-con-inner,
.elementor-304.elementor-304.elementor-304 .elementor-element.elementor-element-ff31be8.e-con > .e-con-inner.e-con-inner,
.elementor-306.elementor-306.elementor-306 .elementor-element.elementor-element-5fee62b.e-con > .e-con-inner.e-con-inner,
.elementor-308.elementor-308.elementor-308 .elementor-element.elementor-element-9c5d01d.e-con > .e-con-inner.e-con-inner,
.elementor-310.elementor-310.elementor-310 .elementor-element.elementor-element-90e0f8f.e-con > .e-con-inner.e-con-inner,
.elementor-312.elementor-312.elementor-312 .elementor-element.elementor-element-c87cb74.e-con > .e-con-inner.e-con-inner,
.elementor-316.elementor-316.elementor-316 .elementor-element.elementor-element-c33b8da.e-con > .e-con-inner.e-con-inner {
padding: 56px 32px !important;
}
.elementor-314.elementor-314.elementor-314 .elementor-element.elementor-element-f7bfeda.e-con > .e-con-inner.e-con-inner {
width: calc(100% - 16px) !important;
max-width: 944px !important;
}
.elementor-298.elementor-298.elementor-298 .elementor-element.elementor-element-0fd5ea9.e-con h2.elementor-heading-title,
.elementor-300.elementor-300.elementor-300 .elementor-element.elementor-element-3f00faf.e-con h2.elementor-heading-title,
.elementor-302.elementor-302.elementor-302 .elementor-element.elementor-element-784059e.e-con h2.elementor-heading-title,
.elementor-304.elementor-304.elementor-304 .elementor-element.elementor-element-ff31be8.e-con h2.elementor-heading-title,
.elementor-306.elementor-306.elementor-306 .elementor-element.elementor-element-5fee62b.e-con h2.elementor-heading-title,
.elementor-308.elementor-308.elementor-308 .elementor-element.elementor-element-9c5d01d.e-con h2.elementor-heading-title,
.elementor-310.elementor-310.elementor-310 .elementor-element.elementor-element-90e0f8f.e-con h2.elementor-heading-title,
.elementor-312.elementor-312.elementor-312 .elementor-element.elementor-element-c87cb74.e-con h2.elementor-heading-title,
.elementor-314.elementor-314.elementor-314 .elementor-element.elementor-element-f7bfeda.e-con h2.elementor-heading-title,
.elementor-316.elementor-316.elementor-316 .elementor-element.elementor-element-c33b8da.e-con h2.elementor-heading-title {
font-size: 42px !important;
line-height: 46.2px !important;
}
.elementor-298.elementor-298.elementor-298 .elementor-element.elementor-element-0fd5ea9.e-con .elementor-icon-box-description,
.elementor-300.elementor-300.elementor-300 .elementor-element.elementor-element-3f00faf.e-con .elementor-icon-box-description,
.elementor-302.elementor-302.elementor-302 .elementor-element.elementor-element-784059e.e-con .elementor-icon-box-description,
.elementor-304.elementor-304.elementor-304 .elementor-element.elementor-element-ff31be8.e-con .elementor-icon-box-description,
.elementor-306.elementor-306.elementor-306 .elementor-element.elementor-element-5fee62b.e-con .elementor-icon-box-description,
.elementor-308.elementor-308.elementor-308 .elementor-element.elementor-element-9c5d01d.e-con .elementor-icon-box-description,
.elementor-310.elementor-310.elementor-310 .elementor-element.elementor-element-90e0f8f.e-con .elementor-icon-box-description,
.elementor-312.elementor-312.elementor-312 .elementor-element.elementor-element-c87cb74.e-con .elementor-icon-box-description,
.elementor-316.elementor-316.elementor-316 .elementor-element.elementor-element-c33b8da.e-con .elementor-icon-box-description {
font-size: 15px !important;
line-height: 22.5px !important;
}
.elementor-298.elementor-298.elementor-298 .elementor-element.elementor-element-0fd5ea9.e-con .e-grid:has(> .pm-card),
.elementor-300.elementor-300.elementor-300 .elementor-element.elementor-element-3f00faf.e-con .e-grid:has(> .pm-card),
.elementor-302.elementor-302.elementor-302 .elementor-element.elementor-element-784059e.e-con .e-grid:has(> .pm-card),
.elementor-304.elementor-304.elementor-304 .elementor-element.elementor-element-ff31be8.e-con .e-grid:has(> .pm-card),
.elementor-306.elementor-306.elementor-306 .elementor-element.elementor-element-5fee62b.e-con .e-grid:has(> .pm-card),
.elementor-308.elementor-308.elementor-308 .elementor-element.elementor-element-9c5d01d.e-con .e-grid:has(> .pm-card),
.elementor-310.elementor-310.elementor-310 .elementor-element.elementor-element-90e0f8f.e-con .e-grid:has(> .pm-card),
.elementor-312.elementor-312.elementor-312 .elementor-element.elementor-element-c87cb74.e-con .e-grid:has(> .pm-card),
.elementor-316.elementor-316.elementor-316 .elementor-element.elementor-element-c33b8da.e-con .e-grid:has(> .pm-card) {
gap: 20px 24px !important;
padding: 24px 0 0 !important;
}
.elementor-316.elementor-316.elementor-316 .elementor-element.elementor-element-c33b8da.e-con .elementor-element.elementor-element-ab49d9e.e-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 20px 24px !important;
padding: 24px 0 0 !important;
}
.elementor-298.elementor-298.elementor-298 .elementor-element.elementor-element-f74fd06.e-con,
.elementor-300.elementor-300.elementor-300 .elementor-element.elementor-element-f785dfd.e-con,
.elementor-302.elementor-302.elementor-302 .elementor-element.elementor-element-0067777.e-con,
.elementor-304.elementor-304.elementor-304 .elementor-element.elementor-element-958e0e7.e-con,
.elementor-306.elementor-306.elementor-306 .elementor-element.elementor-element-f6f32b3.e-con,
.elementor-308.elementor-308.elementor-308 .elementor-element.elementor-element-3b00a8b.e-con,
.elementor-310.elementor-310.elementor-310 .elementor-element.elementor-element-c08dba7.e-con,
.elementor-312.elementor-312.elementor-312 .elementor-element.elementor-element-56c3528.e-con,
.elementor-314.elementor-314.elementor-314 .elementor-element.elementor-element-be00412.e-con {
padding: 190px 32px 56px !important;
}
.elementor-298.elementor-298.elementor-298 .elementor-element.elementor-element-f74fd06.e-con > .e-con-inner.e-con-inner,
.elementor-300.elementor-300.elementor-300 .elementor-element.elementor-element-f785dfd.e-con > .e-con-inner.e-con-inner,
.elementor-302.elementor-302.elementor-302 .elementor-element.elementor-element-0067777.e-con > .e-con-inner.e-con-inner,
.elementor-304.elementor-304.elementor-304 .elementor-element.elementor-element-958e0e7.e-con > .e-con-inner.e-con-inner,
.elementor-306.elementor-306.elementor-306 .elementor-element.elementor-element-f6f32b3.e-con > .e-con-inner.e-con-inner,
.elementor-308.elementor-308.elementor-308 .elementor-element.elementor-element-3b00a8b.e-con > .e-con-inner.e-con-inner,
.elementor-310.elementor-310.elementor-310 .elementor-element.elementor-element-c08dba7.e-con > .e-con-inner.e-con-inner,
.elementor-312.elementor-312.elementor-312 .elementor-element.elementor-element-56c3528.e-con > .e-con-inner.e-con-inner,
.elementor-314.elementor-314.elementor-314 .elementor-element.elementor-element-be00412.e-con > .e-con-inner.e-con-inner {
padding: 64px 32px 80px !important;
}
.elementor-298.elementor-298.elementor-298 .elementor-element.elementor-element-f74fd06.e-con h2.elementor-heading-title,
.elementor-300.elementor-300.elementor-300 .elementor-element.elementor-element-f785dfd.e-con h2.elementor-heading-title,
.elementor-302.elementor-302.elementor-302 .elementor-element.elementor-element-0067777.e-con h2.elementor-heading-title,
.elementor-304.elementor-304.elementor-304 .elementor-element.elementor-element-958e0e7.e-con h2.elementor-heading-title,
.elementor-306.elementor-306.elementor-306 .elementor-element.elementor-element-f6f32b3.e-con h2.elementor-heading-title,
.elementor-308.elementor-308.elementor-308 .elementor-element.elementor-element-3b00a8b.e-con h2.elementor-heading-title,
.elementor-310.elementor-310.elementor-310 .elementor-element.elementor-element-c08dba7.e-con h2.elementor-heading-title,
.elementor-312.elementor-312.elementor-312 .elementor-element.elementor-element-56c3528.e-con h2.elementor-heading-title,
.elementor-314.elementor-314.elementor-314 .elementor-element.elementor-element-be00412.e-con h2.elementor-heading-title {
font-size: clamp(29px, calc(14px + 1.953125vw), 34px) !important;
line-height: clamp(32.48px, calc(15.68px + 2.1875vw), 38.08px) !important;
}
.elementor-298.elementor-298.elementor-298 .elementor-element.elementor-element-f74fd06.e-con::before,
.elementor-300.elementor-300.elementor-300 .elementor-element.elementor-element-f785dfd.e-con::before,
.elementor-302.elementor-302.elementor-302 .elementor-element.elementor-element-0067777.e-con::before,
.elementor-304.elementor-304.elementor-304 .elementor-element.elementor-element-958e0e7.e-con::before,
.elementor-306.elementor-306.elementor-306 .elementor-element.elementor-element-f6f32b3.e-con::before,
.elementor-308.elementor-308.elementor-308 .elementor-element.elementor-element-3b00a8b.e-con::before,
.elementor-310.elementor-310.elementor-310 .elementor-element.elementor-element-c08dba7.e-con::before,
.elementor-312.elementor-312.elementor-312 .elementor-element.elementor-element-56c3528.e-con::before,
.elementor-314.elementor-314.elementor-314 .elementor-element.elementor-element-be00412.e-con::before {
background-image: linear-gradient(90deg, rgba(0, 43, 44, 0.88), rgba(0, 43, 44, 0.60) 46%, rgba(0, 43, 44, 0.32)) !important;
}
}
@media (max-width: 767px) {
.elementor-298.elementor-298.elementor-298.elementor-298 .elementor-element.elementor-element-0fd5ea9.e-con,
.elementor-300.elementor-300.elementor-300.elementor-300 .elementor-element.elementor-element-3f00faf.e-con,
.elementor-302.elementor-302.elementor-302.elementor-302 .elementor-element.elementor-element-784059e.e-con,
.elementor-304.elementor-304.elementor-304.elementor-304 .elementor-element.elementor-element-ff31be8.e-con,
.elementor-306.elementor-306.elementor-306.elementor-306 .elementor-element.elementor-element-5fee62b.e-con,
.elementor-308.elementor-308.elementor-308.elementor-308 .elementor-element.elementor-element-9c5d01d.e-con,
.elementor-310.elementor-310.elementor-310.elementor-310 .elementor-element.elementor-element-90e0f8f.e-con,
.elementor-312.elementor-312.elementor-312.elementor-312 .elementor-element.elementor-element-c87cb74.e-con,
.elementor-316.elementor-316.elementor-316.elementor-316 .elementor-element.elementor-element-c33b8da:not(.elementor-motion-effects-element-type-background).e-con {
padding: 48px 20px !important;
}
.elementor-298.elementor-298.elementor-298.elementor-298 .elementor-element.elementor-element-0fd5ea9.e-con > .e-con-inner.e-con-inner,
.elementor-300.elementor-300.elementor-300.elementor-300 .elementor-element.elementor-element-3f00faf.e-con > .e-con-inner.e-con-inner,
.elementor-302.elementor-302.elementor-302.elementor-302 .elementor-element.elementor-element-784059e.e-con > .e-con-inner.e-con-inner,
.elementor-304.elementor-304.elementor-304.elementor-304 .elementor-element.elementor-element-ff31be8.e-con > .e-con-inner.e-con-inner,
.elementor-306.elementor-306.elementor-306.elementor-306 .elementor-element.elementor-element-5fee62b.e-con > .e-con-inner.e-con-inner,
.elementor-308.elementor-308.elementor-308.elementor-308 .elementor-element.elementor-element-9c5d01d.e-con > .e-con-inner.e-con-inner,
.elementor-310.elementor-310.elementor-310.elementor-310 .elementor-element.elementor-element-90e0f8f.e-con > .e-con-inner.e-con-inner,
.elementor-312.elementor-312.elementor-312.elementor-312 .elementor-element.elementor-element-c87cb74.e-con > .e-con-inner.e-con-inner,
.elementor-316.elementor-316.elementor-316.elementor-316 .elementor-element.elementor-element-c33b8da.e-con > .e-con-inner.e-con-inner {
padding: 48px 18px !important;
}
.elementor-298.elementor-298.elementor-298.elementor-298 .elementor-element.elementor-element-0fd5ea9.e-con h2.elementor-heading-title,
.elementor-300.elementor-300.elementor-300.elementor-300 .elementor-element.elementor-element-3f00faf.e-con h2.elementor-heading-title,
.elementor-302.elementor-302.elementor-302.elementor-302 .elementor-element.elementor-element-784059e.e-con h2.elementor-heading-title,
.elementor-304.elementor-304.elementor-304.elementor-304 .elementor-element.elementor-element-ff31be8.e-con h2.elementor-heading-title,
.elementor-306.elementor-306.elementor-306.elementor-306 .elementor-element.elementor-element-5fee62b.e-con h2.elementor-heading-title,
.elementor-308.elementor-308.elementor-308.elementor-308 .elementor-element.elementor-element-9c5d01d.e-con h2.elementor-heading-title,
.elementor-310.elementor-310.elementor-310.elementor-310 .elementor-element.elementor-element-90e0f8f.e-con h2.elementor-heading-title,
.elementor-312.elementor-312.elementor-312.elementor-312 .elementor-element.elementor-element-c87cb74.e-con h2.elementor-heading-title,
.elementor-314.elementor-314.elementor-314.elementor-314 .elementor-element.elementor-element-f7bfeda.e-con h2.elementor-heading-title,
.elementor-316.elementor-316.elementor-316.elementor-316 .elementor-element.elementor-element-c33b8da.e-con h2.elementor-heading-title {
font-size: 30px !important;
line-height: 33px !important;
}
.elementor-314.elementor-314.elementor-314.elementor-314 .elementor-element.elementor-element-f7bfeda.e-con {
padding: 56px 20px !important;
}
.elementor-314.elementor-314.elementor-314.elementor-314 .elementor-element.elementor-element-f7bfeda.e-con > .e-con-inner.e-con-inner {
width: 100% !important;
max-width: 1344px !important;
}
.elementor-316.elementor-316.elementor-316.elementor-316 .elementor-element.elementor-element-c33b8da.e-con .elementor-element.elementor-element-ab49d9e.e-grid {
grid-template-columns: 1fr !important;
}
.elementor-298.elementor-298.elementor-298.elementor-298 .elementor-element.elementor-element-f74fd06.e-con,
.elementor-300.elementor-300.elementor-300.elementor-300 .elementor-element.elementor-element-f785dfd.e-con,
.elementor-302.elementor-302.elementor-302.elementor-302 .elementor-element.elementor-element-0067777.e-con,
.elementor-304.elementor-304.elementor-304.elementor-304 .elementor-element.elementor-element-958e0e7.e-con,
.elementor-306.elementor-306.elementor-306.elementor-306 .elementor-element.elementor-element-f6f32b3.e-con,
.elementor-308.elementor-308.elementor-308.elementor-308 .elementor-element.elementor-element-3b00a8b.e-con,
.elementor-310.elementor-310.elementor-310.elementor-310 .elementor-element.elementor-element-c08dba7.e-con,
.elementor-312.elementor-312.elementor-312.elementor-312 .elementor-element.elementor-element-56c3528.e-con,
.elementor-314.elementor-314.elementor-314.elementor-314 .elementor-element.elementor-element-be00412.e-con {
padding: 190px 18px 56px !important;
}
.elementor-298.elementor-298.elementor-298.elementor-298 .elementor-element.elementor-element-f74fd06.e-con > .e-con-inner.e-con-inner,
.elementor-300.elementor-300.elementor-300.elementor-300 .elementor-element.elementor-element-f785dfd.e-con > .e-con-inner.e-con-inner,
.elementor-302.elementor-302.elementor-302.elementor-302 .elementor-element.elementor-element-0067777.e-con > .e-con-inner.e-con-inner,
.elementor-304.elementor-304.elementor-304.elementor-304 .elementor-element.elementor-element-958e0e7.e-con > .e-con-inner.e-con-inner,
.elementor-306.elementor-306.elementor-306.elementor-306 .elementor-element.elementor-element-f6f32b3.e-con > .e-con-inner.e-con-inner,
.elementor-308.elementor-308.elementor-308.elementor-308 .elementor-element.elementor-element-3b00a8b.e-con > .e-con-inner.e-con-inner,
.elementor-310.elementor-310.elementor-310.elementor-310 .elementor-element.elementor-element-c08dba7.e-con > .e-con-inner.e-con-inner,
.elementor-312.elementor-312.elementor-312.elementor-312 .elementor-element.elementor-element-56c3528.e-con > .e-con-inner.e-con-inner,
.elementor-314.elementor-314.elementor-314.elementor-314 .elementor-element.elementor-element-be00412.e-con > .e-con-inner.e-con-inner {
padding: 24px 18px 48px !important;
}
.elementor-298.elementor-298.elementor-298.elementor-298 .elementor-element.elementor-element-f74fd06.e-con h2.elementor-heading-title,
.elementor-300.elementor-300.elementor-300.elementor-300 .elementor-element.elementor-element-f785dfd.e-con h2.elementor-heading-title,
.elementor-302.elementor-302.elementor-302.elementor-302 .elementor-element.elementor-element-0067777.e-con h2.elementor-heading-title,
.elementor-304.elementor-304.elementor-304.elementor-304 .elementor-element.elementor-element-958e0e7.e-con h2.elementor-heading-title,
.elementor-306.elementor-306.elementor-306.elementor-306 .elementor-element.elementor-element-f6f32b3.e-con h2.elementor-heading-title,
.elementor-308.elementor-308.elementor-308.elementor-308 .elementor-element.elementor-element-3b00a8b.e-con h2.elementor-heading-title,
.elementor-310.elementor-310.elementor-310.elementor-310 .elementor-element.elementor-element-c08dba7.e-con h2.elementor-heading-title,
.elementor-312.elementor-312.elementor-312.elementor-312 .elementor-element.elementor-element-56c3528.e-con h2.elementor-heading-title,
.elementor-314.elementor-314.elementor-314.elementor-314 .elementor-element.elementor-element-be00412.e-con h2.elementor-heading-title {
font-size: 26px !important;
line-height: 29.12px !important;
}
}
/* ===== E-145 (2026-09-02) no automatic hyphenation anywhere, the no dash rule applies to rendered text =====
Competitor: the E-73 to E-76 block sets hyphens auto with importance on
.elementor[data-elementor-type="wp-page"] p (0,2,1), .elementor-widget-text-editor (0,3,0)
and .elementor-icon-box-description (0,3,0). The engine then breaks words with a visible hyphen at
phone widths, seen on the nursing badge as "designa-tions". Override repeats the .elementor class
token once, giving (0,3,1) and (0,4,0). Manual hyphenation honours only an explicit soft hyphen. */
.elementor.elementor[data-elementor-type="wp-page"] p,
.elementor.elementor[data-elementor-type="wp-page"] .elementor-widget-text-editor,
.elementor.elementor[data-elementor-type="wp-page"] .elementor-icon-box-description,
.elementor.elementor[data-elementor-type="wp-page"] .elementor-heading-title,
.elementor.elementor[data-elementor-type="wp-page"] li{
-webkit-hyphens:manual !important;
hyphens:manual !important;}
/* ===== E-146 (2026-09-02) The BAND pattern, promoted to a GLOBAL component ============
Lucas, 2026-09-02: "check for similar sections on the internal pages and do the same work
we did with those sections in the home page because they all look similar."
Home's "We've Been in Your Shoes" band (page 296, section 7c5d56f, text-editor 5473907)
renders two white cards with an icon led heading, then a dark teal CTA strip. That whole
treatment lived ONLY in that one widget's custom CSS.
Every internal page already has the identical DOM shape for its equivalent band
(heading + image + text-editor), but the text-editor held bare tags at
text_columns:2, align:justify, which is exactly why those bands read as two naked
columns of small text with nothing around them.
This promotes the treatment to global classes so the eleven internal bands share ONE
definition instead of eleven copies, and so it carries to the Mobile Imaging build.
Home is deliberately untouched: it keeps its own widget scoped pm-shoes-* rules and
renders byte identically. Values below are copied from that widget verbatim.
Card surface (white, 1px #D4D5CE, 16px radius) already comes from the global .pm-card
rule in E-91, so pm-band-card only adds padding and typography.
*/
.elementor[data-elementor-type="wp-page"] .pm-band-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:24px !important;}
.elementor[data-elementor-type="wp-page"] .pm-band-card{
padding:32px !important;
min-height:100% !important;
margin:0 !important;}
.elementor[data-elementor-type="wp-page"] .pm-band-card h3{
display:flex !important;
align-items:center !important;
gap:12px !important;
margin:0 0 16px !important;
color:#002B2C !important;
font-family:'Urbanist',sans-serif !important;
font-size:25px !important;
line-height:1.2 !important;
font-weight:500 !important;}
.elementor[data-elementor-type="wp-page"] .pm-band-card h3 i{
flex:0 0 auto !important;
color:#00B3B9 !important;
font-size:22px !important;
line-height:1 !important;}
.elementor[data-elementor-type="wp-page"] .pm-band-card p{
margin:0 !important;
color:#002B2C !important;
font-family:'Open Sans',sans-serif !important;
font-size:16px !important;
line-height:1.65 !important;
font-weight:400 !important;
text-align:left !important;}
.elementor[data-elementor-type="wp-page"] .pm-band-card p + p{
margin-top:14px !important;}
.elementor[data-elementor-type="wp-page"] .pm-band-cta{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:28px !important;
margin-top:24px !important;
padding:24px 28px !important;
background:#002B2C !important;
border-radius:16px !important;}
.elementor[data-elementor-type="wp-page"] .pm-band-cta h3{
margin:0 0 4px !important;
color:#FFFFFF !important;
font-family:'Urbanist',sans-serif !important;
font-size:25px !important;
line-height:1.2 !important;
font-weight:500 !important;}
.elementor[data-elementor-type="wp-page"] .pm-band-cta p{
margin:0 !important;
color:rgba(255,255,255,0.85) !important;
font-family:'Open Sans',sans-serif !important;
font-size:15px !important;
line-height:1.5 !important;
font-weight:400 !important;
text-align:left !important;}
.elementor[data-elementor-type="wp-page"] .pm-band-cta .elementor-button-icon{
margin-right:8px !important;}
.elementor[data-elementor-type="wp-page"] .pm-band-cta .pm-primary:hover{
box-shadow:inset 0 0 0 1px #FFFFFF !important;}
/* The band widget itself: home sits at 1180px centred, not 960px. */
.elementor[data-elementor-type="wp-page"] .elementor-widget-text-editor.pm-band{
width:100% !important;
max-width:1180px !important;
margin-inline:auto !important;
column-count:auto !important;}
.elementor[data-elementor-type="wp-page"] .elementor-widget-text-editor.pm-band .elementor-widget-container{
column-count:auto !important;}
@media(max-width:1024px){
.elementor[data-elementor-type="wp-page"] .pm-band-card{padding:28px !important;}
.elementor[data-elementor-type="wp-page"] .pm-band-card h3{font-size:23px !important;}
.elementor[data-elementor-type="wp-page"] .pm-band-cta h3{font-size:23px !important;}}
@media(max-width:768px){
.elementor[data-elementor-type="wp-page"] .pm-band-grid{grid-template-columns:1fr !important;}
.elementor[data-elementor-type="wp-page"] .pm-band-cta{
flex-direction:column !important;
align-items:flex-start !important;}}
@media(max-width:390px){
.elementor[data-elementor-type="wp-page"] .pm-band-card{padding:24px !important;}
.elementor[data-elementor-type="wp-page"] .pm-band-card h3{font-size:22px !important;}
.elementor[data-elementor-type="wp-page"] .pm-band-cta{padding:24px !important;}
.elementor[data-elementor-type="wp-page"] .pm-band-cta .elementor-button{width:100% !important;}}
/* ===== E-147 (2026-09-02) Band component: neutralise the older paragraph as card layer ===
MEASURED, not assumed:
home 7c5d56f / 5473907 : widget x80 w1280, cards [80,628] and [732,628], gap 24
imaging 8bc1b6e / b20acc4 : widget x130 w1180, cards [130,578] and [732,578]
So home's band is FLUSH with its 1280px image; mine were inset 50px each side. Fixed here.
A previous session had already tried to fix these bands by turning the text-editor itself
into a CSS grid andæ¯
into a white card (rules for 0773cad on 316, 2de73d3 on 298 and
friends). With the new pm-band component those rules produce a card inside a card, and on
request-staff they squeezed both cards into 277px in the left half of the band. Measured:
request-staff widget display:grid, cards w277, p background rgb(255,255,255) border 1px pad 32px
solutions 2de73d3 widget background rgb(255,255,255) border 1px (a white panel behind white cards)
Specificity, deliberately: the rule being beaten on the widget is
`.elementor-316.elementor-316 .elementor-element.elementor-element-0773cad` at (0,4,0) with
!important, and on the paragraph it is (0,6,1) with !important. Class weight is compared
before element weight, so the resets below are written at (0,6,0) and (0,7,1). Adding
`html body` would ADD ELEMENTS and lose; that mistake is documented in E-44.
*/
/* 1. The band widget is a plain block again, full width, no surface of its own. */
.elementor.elementor[data-elementor-type="wp-page"] .elementor-widget-text-editor.pm-band.pm-band{
display:block !important;
width:100% !important;
max-width:100% !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
padding:0 !important;
box-shadow:none !important;
grid-template-columns:none !important;
gap:0 !important;
column-count:auto !important;
text-align:left !important;}
.elementor.elementor[data-elementor-type="wp-page"] .elementor-widget-text-editor.pm-band.pm-band > .elementor-widget-container{
background:transparent !important;
border:0 !important;
border-radius:0 !important;
padding:0 !important;
column-count:auto !important;}
/* 2. Paragraphs inside the new cards are plain text again, never cards themselves. */
.elementor.elementor[data-elementor-type="wp-page"]:not(.elementor-296) .pm-band.pm-band .pm-band-card p{
background:transparent !important;
border:0 !important;
border-radius:0 !important;
padding:0 !important;
margin:0 !important;
color:#002B2C !important;
font-family:'Open Sans',sans-serif !important;
font-size:16px !important;
line-height:1.65 !important;
font-weight:400 !important;
text-align:left !important;}
.elementor.elementor[data-elementor-type="wp-page"]:not(.elementor-296) .pm-band.pm-band .pm-band-card p + p{
margin-top:14px !important;}
.elementor.elementor[data-elementor-type="wp-page"]:not(.elementor-296) .pm-band.pm-band .pm-band-cta p{
background:transparent !important;
border:0 !important;
border-radius:0 !important;
padding:0 !important;
margin:0 !important;
color:rgba(255,255,255,0.85) !important;
font-size:15px !important;
line-height:1.5 !important;
text-align:left !important;}
/* 3. Card heading: the icon was vertically centring across a two line heading and floating
between the lines. Pin it to the first line instead. h3 is 25px at 1.2 = 30px. */
.elementor.elementor[data-elementor-type="wp-page"] .pm-band-card h3{
align-items:flex-start !important;}
.elementor.elementor[data-elementor-type="wp-page"] .pm-band-card h3 i{
line-height:30px !important;
height:30px !important;
display:inline-flex !important;
align-items:center !important;}
@media(max-width:1024px){
.elementor.elementor[data-elementor-type="wp-page"] .pm-band-card h3 i{
line-height:27.6px !important; height:27.6px !important;}}
/* ===== E-148 (2026-09-02) Internal hero, matched to the approved home hero ===========
Lucas, 2026-09-02:
"the top tag, the medical imaging, towards the right. It should be launched to the
left. Same for the paragraph below the h1. You have it centered. Why can't you make
everything aligned to the left? all of the heroes."
"the arts in the back, which looks good, the vector bubble, and then you have a
transparent person in front, which looks good. But then you have this tag text ...
aligned to the left, and it should be aligned to the center ... make sure all of
these three elements are centered ... maybe this tag is right to the bottom covering
the edge of the transparency person and the arts in the back."
MEASURED BEFORE (1440):
home e868dd1 left col 9fb483b : align-items normal, text-align start,
eyebrow 8fa96c8 align-self flex-start, every child flush at x80.
imaging e3a72d9 left col 0fc7ca8 : align-items CENTER, text-align CENTER.
eyebrow 8baeb36 at x355 w142 (centred, so it reads as indented right)
h1 50f501c at x96 w659
lead 6fcc0ec at x132 w588 (centred inside a 659 column)
buttons f8fce95 at x96 w659, text-align center
imaging right col d1a8bed : align-items normal.
image d5c5610 x822 w538 ; its ::before is the blob, #C1E0DE under
mask masking_1.png, 559x457, already centred on the image.
caption 666e1cd x822 w375, LEFT aligned in a 538 column, top:-30px.
caption text d043248 text-align start.
So the blob and the cutout were already on one axis and the caption was not, which is
exactly what Lucas described. Nothing here removes the blob: he approved it.
*/
/* ---- LEFT COLUMN: stretch children and align text left, exactly as home does ---- */
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child > .e-con-inner > .e-con:first-child{
align-items:stretch !important;
justify-content:center !important;
text-align:left !important;}
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child > .e-con-inner > .e-con:first-child > .elementor-widget,
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child > .e-con-inner > .e-con:first-child > .e-con{
align-self:stretch !important;
text-align:left !important;
margin-left:0 !important;
margin-right:0 !important;}
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child > .e-con-inner > .e-con:first-child > .elementor-widget .elementor-heading-title{
text-align:left !important;}
/* the eyebrow is the one child that hugs its own content, as on home (align-self flex-start) */
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child > .e-con-inner > .e-con:first-child > .elementor-widget-heading:first-child{
align-self:flex-start !important;
width:auto !important;
max-width:max-content !important;}
/* the button row starts at the left edge */
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child > .e-con-inner > .e-con:first-child > .e-con{
justify-content:flex-start !important;
align-items:center !important;}
/* ---- RIGHT COLUMN: only where it carries the cutout, never the request form ---- */
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child > .e-con-inner > .e-con:has(> .elementor-widget-image){
align-items:center !important;
justify-content:center !important;}
/* caption pill: centred on the same axis as the blob and the cutout, and pulled further
up so it sits over the lower edge of both, as asked */
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child > .e-con-inner > .e-con:has(> .elementor-widget-image) > .e-con{
align-self:center !important;
margin-left:auto !important;
margin-right:auto !important;
justify-content:center !important;
text-align:center !important;
top:-38px !important;}
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child > .e-con-inner > .e-con:has(> .elementor-widget-image) > .e-con .e-con,
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child > .e-con-inner > .e-con:has(> .elementor-widget-image) > .e-con .elementor-widget,
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child > .e-con-inner > .e-con:has(> .elementor-widget-image) > .e-con .elementor-heading-title{
text-align:center !important;
justify-content:center !important;}
/* ---- EYEBROW PILL: the icon contract, promoted from home's widget CSS to a global ----
Home 8fa96c8 carries its icon inside the heading title as
Label with this exact layout. */
.elementor[data-elementor-type="wp-page"] .pm-eyebrow .elementor-heading-title{
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
font-family:'Open Sans',sans-serif !important;
font-weight:500 !important;}
.elementor[data-elementor-type="wp-page"] .pm-eyebrow i{
font-size:13px !important;
line-height:1 !important;
flex:0 0 auto !important;}
/* ===== E-149 (2026-09-02) Correction to E-148: the cutout column .elementor-90 over matched ==
E-148 targeted the cutout column as `> .e-con:has(> .elementor-widget-image)`. On
request-staff (316) the LEFT column 13b751e also contains a direct child image widget
(d23bfd7, rendering 0x0), so the rule matched the left column too and applied
`align-self:center; top:-38px; text-align:center` to the BUTTON ROW 68c2649.
Measured damage: buttons moved from y508 to y470 while the lead 45cf731 occupies
y435..y488, so the button row overlapped the paragraph.
The cutout column is always the LAST child of the hero inner, so :last-child is both
the correct semantics and a tight enough guard. Undo first, then re-apply narrowed.
*/
/* 1. Undo the over match on any hero column that is NOT the last child. */
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child > .e-con-inner > .e-con:not(:last-child) > .e-con{
align-self:auto !important;
top:auto !important;
margin-left:0 !important;
margin-right:0 !important;
text-align:left !important;
justify-content:flex-start !important;}
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child > .e-con-inner > .e-con:not(:last-child){
align-items:stretch !important;}
/* 2. Re-apply, narrowed to the last column only, and only when it holds the cutout. */
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child > .e-con-inner > .e-con:last-child:has(> .elementor-widget-image){
align-items:center !important;
justify-content:center !important;}
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child > .e-con-inner > .e-con:last-child:has(> .elementor-widget-image) > .e-con{
align-self:center !important;
margin-left:auto !important;
margin-right:auto !important;
justify-content:center !important;
text-align:center !important;
top:-38px !important;}
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child > .e-con-inner > .e-con:last-child:has(> .elementor-widget-image) > .e-con .e-con,
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child > .e-con-inner > .e-con:last-child:has(> .elementor-widget-image) > .e-con .elementor-widget,
.elementor[data-elementor-type="wp-page"]:not(.elementor-296) > .e-con:first-child > .e-con-inner > .e-con:last-child:has(> .elementor-widget-image) > .e-con .elementor-heading-title{
text-align:center !important;
justify-content:center !important;}
/* ===== E-150 (2026-09-02) Card grids brought onto the home patterns ==================
MEASURED at 1440 before this block:
PATTERN B (home 92a7d1f / grid 9349e58): grid 413.328px x3, gap 20px, 6 cards,
card internals 165 / 247 / 411 over two rows, button background rgb(0,179,185).
solutions 5f0fbc7 / d45f54a : SAME 413x3 grid, 6 cards. Button rgba(255,255,255,0.17).
specialties 4b2d93c / f030f83 : SAME 413x3 grid but only 4 cards, so card 04 is
stranded at the left of row 2 with two empty cells. Button rgba(255,255,255,0).
who-we-serve 6cc2830 / 32b6893 : grid-template-columns repeat(3,1fr) is already set,
but all five panels render 1216px wide, i.e. each one spans the full track set, so
it reads as five stacked full width rows. Button rgba(255,255,255,0.17).
PATTERN A (home 2189699 / 000316c): grid 302px x4, gap 24px, one row.
nursing 965fb0f, imaging c8face0, rehab e35af27, lab c657b10 and why-promed 4421a60
all already match at 302px x4.
who-we-serve 039c7d6 and why-promed bc72b45 : 628px x2, so four cards land as 2x2.
So the grids themselves were nearly right. Three real faults: panels spanning all tracks,
an orphan card stranded left, and the card button losing home's teal fill.
Card count differs per page (home 6, solutions 6, specialties 4, who-we-serve 5), so a
fixed three column track leaves a hole whenever the count is not a multiple of three.
auto-fit at home's exact 413px card keeps the component identical to home and centres
any short final row instead of stranding it at the left.
*/
/* ---- PATTERN B: keep home's card size, centre a short final row ---- */
.elementor-298 .elementor-element.elementor-element-d45f54a,
.elementor-300 .elementor-element.elementor-element-f030f83,
.elementor-310 .elementor-element.elementor-element-32b6893{
display:grid !important;
grid-template-columns:repeat(auto-fit, 413px) !important;
justify-content:center !important;
gap:20px !important;}
/* the who-we-serve panels were spanning every track; return them to one cell each */
.elementor-310 .elementor-element.elementor-element-32b6893 > .e-con{
grid-column:auto !important;
grid-row:auto !important;
width:auto !important;
max-width:none !important;}
/* ---- PATTERN B card button: home's solid teal pill, white label (LD-031) ---- */
.elementor-298 .elementor-element.elementor-element-d45f54a .elementor-button,
.elementor-300 .elementor-element.elementor-element-f030f83 .elementor-button,
.elementor-310 .elementor-element.elementor-element-32b6893 .elementor-button{
background-color:#00B3B9 !important;
background-image:none !important;
border:0 !important;
border-radius:30px !important;
padding:12px 24px !important;
display:inline-flex !important;
align-items:center !important;
box-shadow:none !important;}
.elementor-298 .elementor-element.elementor-element-d45f54a .elementor-button,
.elementor-298 .elementor-element.elementor-element-d45f54a .elementor-button .elementor-button-text,
.elementor-300 .elementor-element.elementor-element-f030f83 .elementor-button,
.elementor-300 .elementor-element.elementor-element-f030f83 .elementor-button .elementor-button-text,
.elementor-310 .elementor-element.elementor-element-32b6893 .elementor-button,
.elementor-310 .elementor-element.elementor-element-32b6893 .elementor-button .elementor-button-text{
color:#FFFFFF !important;}
.elementor-298 .elementor-element.elementor-element-d45f54a .elementor-button:hover,
.elementor-300 .elementor-element.elementor-element-f030f83 .elementor-button:hover,
.elementor-310 .elementor-element.elementor-element-32b6893 .elementor-button:hover{
background-color:#009BA1 !important;}
/* ---- PATTERN A: four cards across one row, as home does, never 2x2 ---- */
.elementor-310 .elementor-element.elementor-element-039c7d6,
.elementor-312 .elementor-element.elementor-element-bc72b45{
display:grid !important;
grid-template-columns:repeat(4, minmax(0,1fr)) !important;
gap:24px !important;
align-items:stretch !important;}
@media(max-width:1024px){
.elementor-310 .elementor-element.elementor-element-039c7d6,
.elementor-312 .elementor-element.elementor-element-bc72b45{
grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
.elementor-298 .elementor-element.elementor-element-d45f54a,
.elementor-300 .elementor-element.elementor-element-f030f83,
.elementor-310 .elementor-element.elementor-element-32b6893{
grid-template-columns:repeat(auto-fit, minmax(300px, 340px)) !important;}}
@media(max-width:767px){
.elementor-310 .elementor-element.elementor-element-039c7d6,
.elementor-312 .elementor-element.elementor-element-bc72b45,
.elementor-298 .elementor-element.elementor-element-d45f54a,
.elementor-300 .elementor-element.elementor-element-f030f83,
.elementor-310 .elementor-element.elementor-element-32b6893{
grid-template-columns:1fr !important;}}
/* Footer columns, Lucas review 2026-09-14. Remove middle column horizontal padding only on desktop. */
@media(min-width:1200px){
.elementor-90.elementor-location-footer .elementor-element.elementor-element-6920356 > .e-con-inner > :is(.elementor-element-eb6bf37,.elementor-element-36f94d3,.elementor-element-3b061bc){padding-inline:0!important;}
}
/* The 1280px content row is capped here; fixed outer tracks avoid fractional rounding. */
@media(min-width:1440px){
.elementor-90.elementor-location-footer .elementor-element.elementor-element-6920356.e-con.e-con > .e-con-inner{grid-template-columns:320px repeat(3,204px) 250px!important;justify-content:start!important;}
}/* End custom CSS */