.pxl–percentage, .pxl-progressbar–wrap { display: none !important; }<\/p>\n
\/* USP icon box normalization + sizing + colour *\/
\n.pxl-icon-list.style-box1 a {
\n width: 80px !important;
\n height: 80px !important;
\n line-height: 80px !important;
\n}
\n.pxl-icon-list.style-box1 a svg {
\n width: 55% !important;
\n height: 55% !important;
\n}
\n.pxl-icon-list.style-box1 a svg path {
\n fill: #052E12 !important;
\n}<\/p>\n
\/* Services Landing (and future category-landing pages): suppress shared page-title banner, custom hero used instead *\/
\nbody.page-id-9952, body.page-id-10023, body.page-id-10025, body.page-id-10027 .elementor-element-8fa800b {
\n display: none !important;
\n}<\/p>\n
\/* Services Landing: service-link cards (layout3) – even 50\/50 split, proper padding, cropped image *\/
\nbody.page-id-9952, body.page-id-10023, body.page-id-10025, body.page-id-10027 .pxl-team-single3 .col-5,
\nbody.page-id-9952, body.page-id-10023, body.page-id-10025, body.page-id-10027 .pxl-team-single3 .col-7 {
\n flex: 0 0 50%;
\n max-width: 50%;
\n min-width: 0;
\n box-sizing: border-box;
\n}
\nbody.page-id-9952, body.page-id-10023, body.page-id-10025, body.page-id-10027 .pxl-team-single3 .col-5 {
\n padding: 0 40px;
\n}
\nbody.page-id-9952, body.page-id-10023, body.page-id-10025, body.page-id-10027 .pxl-team-single3 .col-7 {
\n padding: 0;
\n}
\nbody.page-id-9952, body.page-id-10023, body.page-id-10025, body.page-id-10027 .pxl-team-single3 .pxl-inner-layout2 {
\n padding: 0;
\n max-width: 100%;
\n}
\nbody.page-id-9952, body.page-id-10023, body.page-id-10025, body.page-id-10027 .pxl-team-single3 .pxl-item-heading {
\n font-size: 42px !important;
\n line-height: 1.2 !important;
\n word-break: break-word;
\n}
\nbody.page-id-9952, body.page-id-10023, body.page-id-10025, body.page-id-10027 .pxl-team-single3 .pxl-item-desc,
\nbody.page-id-9952, body.page-id-10023, body.page-id-10025, body.page-id-10027 .pxl-team-single3 .pxl-item-desc p {
\n max-width: 100%;
\n}
\nbody.page-id-9952, body.page-id-10023, body.page-id-10025, body.page-id-10027 .pxl-team-single3 .pxl-item–imgprimary,
\nbody.page-id-9952, body.page-id-10023, body.page-id-10025, body.page-id-10027 .pxl-team-single3 .pxl-image-wg {
\n height: 100%;
\n min-height: 420px;
\n overflow: hidden;
\n}
\nbody.page-id-9952, body.page-id-10023, body.page-id-10025, body.page-id-10027 .pxl-team-single3 .pxl-image-wg img {
\n width: 100%;
\n height: 100%;
\n object-fit: cover;
\n}<\/p>\n
\/* Reusable alternate-layout class: add “pxl-card-swap” in a card’s Advanced > CSS Classes
\n to flip that card to image-left \/ content-right. Leave it off for image-right \/ content-left. *\/
\nbody.page-id-9952, body.page-id-10023, body.page-id-10025, body.page-id-10027 .pxl-card-swap .pxl-team-lv1 {
\n flex-direction: row-reverse;
\n}<\/p>\n
\/* Related Services carousel icons: normalize size – source SVGs have inconsistent native dimensions (some 24px, some 512px), forcing them to different rendered sizes. Fill the fixed icon box consistently instead. *\/
\n.pxl-item–icon img {
\n width: 100% !important;
\n height: 100% !important;
\n object-fit: contain;
\n}<\/p>\n
\/* Homepage Sectors We Support widget (8b0358a, pxl_portfolio_modern): hide index numbers, anchor images left *\/
\n.elementor-element-8b0358a .pxl-item–number {
\n display: none !important;
\n}
\n.elementor-element-8b0358a .bg-image {
\n background-position: left center !important;
\n}
\n\/* Homepage Services carousel (cb25280): hide index numbers *\/
\n.elementor-element-cb25280 .pxl-item–number {
\n display: none !important;
\n}<\/p>\n
\/* Homepage Sectors We Support widget (8b0358a): tighter item spacing (7 items) + smaller rectangular image *\/<\/p>\n
.elementor-element-8b0358a .pxl-portfolio–title {
\n font-size: 26px !important;
\n line-height: 1.3 !important;
\n}
\n.elementor-element-8b0358a .bg-image {
\n background-size: cover !important;
\n background-repeat: no-repeat !important;
\n}<\/p>\n
\/* Homepage Sectors We Support (8b0358a): cut text column width in half so image can be fuller, and close remaining per-item gap *\/
\n.elementor-element-8b0358a .pxl-portfolio–items {
\n width: 30% !important;
\n}
\n.elementor-element-8b0358a .pxl-portfolio–images {
\n width: 65% !important;
\n padding-left: 40px !important;
\n}<\/p>\n
\/* Homepage Sectors We Support (8b0358a): use full-resolution originals instead of blurry small crop *\/
\n.elementor-element-8b0358a .pxl-portfolio–featured:nth-child(1) {
\n background-image: url(“https:\/\/proactive-fm.co.uk\/wp-content\/uploads\/\/2026\/08\/Healthcare-Sector.webp”) !important;
\n}
\n.elementor-element-8b0358a .pxl-portfolio–featured:nth-child(2) {
\n background-image: url(“https:\/\/proactive-fm.co.uk\/wp-content\/uploads\/\/2026\/08\/Retail-Sector.webp”) !important;
\n}
\n.elementor-element-8b0358a .pxl-portfolio–featured:nth-child(3) {
\n background-image: url(“https:\/\/proactive-fm.co.uk\/wp-content\/uploads\/\/2026\/08\/Leisure-Sector.webp”) !important;
\n}
\n.elementor-element-8b0358a .pxl-portfolio–featured:nth-child(4) {
\n background-image: url(“https:\/\/proactive-fm.co.uk\/wp-content\/uploads\/\/2026\/08\/Hospitality-Sector.webp”) !important;
\n}
\n.elementor-element-8b0358a .pxl-portfolio–featured:nth-child(5) {
\n background-image: url(“https:\/\/proactive-fm.co.uk\/wp-content\/uploads\/\/2026\/08\/Office-Sector.webp”) !important;
\n}
\n.elementor-element-8b0358a .pxl-portfolio–featured:nth-child(6) {
\n background-image: url(“https:\/\/proactive-fm.co.uk\/wp-content\/uploads\/\/2026\/08\/Education-Sector.webp”) !important;
\n}
\n.elementor-element-8b0358a .pxl-portfolio–featured:nth-child(7) {
\n background-image: url(“https:\/\/proactive-fm.co.uk\/wp-content\/uploads\/\/2026\/08\/Industrial-Sector.webp”) !important;
\n}<\/p>\n
\/* Homepage Sectors We Support (8b0358a): close remaining per-item gap *\/
\n.elementor-element-8b0358a .pxl-portfolio–item {
\n margin-bottom: 0px !important;
\n}
\n.elementor-element-8b0358a .pxl-content–inner {
\n padding-top: 2px !important;
\n padding-bottom: 2px !important;
\n}<\/p>\n
\/* Hero button (“Consult With Our Experts”) – match View All Services style *\/
\n.elementor-element-7f7a964 .btn.pxl-btn-effect5 {
\n border-color: #052e12 !important;
\n color: #052e12 !important;
\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
\n}
\n.elementor-element-7f7a964 .btn.pxl-btn-effect5:hover {
\n background-color: #052e12 !important;
\n border-color: #052e12 !important;
\n color: #ffffff !important;
\n}<\/p>\n
\/* Hero buttons (Services, Property Management, Commercial) – match View All Services style *\/
\n.elementor-element-6ea203e .btn.pxl-btn-effect5,
\n.elementor-element-369eb74 .btn.pxl-btn-effect5,
\n.elementor-element-aabfe64 .btn.pxl-btn-effect5 {
\n border-color: #052e12 !important;
\n color: #052e12 !important;
\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
\n}
\n.elementor-element-6ea203e .btn.pxl-btn-effect5:hover,
\n.elementor-element-369eb74 .btn.pxl-btn-effect5:hover,
\n.elementor-element-aabfe64 .btn.pxl-btn-effect5:hover {
\n background-color: #052e12 !important;
\n border-color: #052e12 !important;
\n color: #ffffff !important;
\n}<\/p>\n
\/* Homepage Services carousel (Style 2, widget cb25280) – overlay caption on image, revealed only on expanded\/active slide (original accordion behaviour preserved) *\/
\n.elementor-element-cb25280 .pxl-item–holder-inner {
\n display: flex;
\n flex-direction: column;
\n position: relative;
\n z-index: 2;
\n}
\n.elementor-element-cb25280 .pxl-item–title {
\n color: #ffffff !important;
\n font-weight: 700 !important;
\n margin-left: 0 !important;
\n border-bottom: 1px solid rgba(255, 255, 255, 0.35) !important;
\n padding-bottom: 8px !important;
\n}
\n.elementor-element-cb25280 .pxl-swiper-slide.swiper-slide-active .pxl-item–holder .pxl-item–title {
\n color: #ffffff !important;
\n}
\n.elementor-element-cb25280 .pxl-item–content {
\n color: #2ECC71 !important;
\n opacity: 0;
\n max-width: 480px;
\n margin-top: 10px;
\n margin-left: 0 !important;
\n transition: 0.35s;
\n}
\n.elementor-element-cb25280 .pxl-swiper-slide.swiper-slide-active .pxl-item–content {
\n opacity: 1;
\n}
\n\/* Dark faded overlay on bottom half of images so caption stands out *\/
\n.elementor-element-cb25280 .pxl-item–image::after {
\n content: “”;
\n position: absolute;
\n left: 0;
\n right: 0;
\n bottom: 0;
\n height: 55%;
\n background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
\n pointer-events: none;
\n z-index: 1;
\n}
\n\/* Fix stretched images – let width scale proportionally with height instead of forcing a fixed pixel width, but never narrower than the panel (avoids a gap at narrow breakpoints) *\/
\n.elementor-element-cb25280 .pxl-item–image img {
\n width: auto !important;
\n min-width: 100% !important;
\n max-width: none !important;
\n}<\/p>\n
\/* Sitewide “How We Work” step numbers (any page using this widget): fill fades in to primary green automatically ~1.2s after render (matches stroke-draw duration) *\/
\n.pxl-item-number.wow.textAnimate .pxl-item-text {
\n fill: transparent;
\n animation: pxlNumberFillIn 0.6s ease-in forwards;
\n animation-delay: 1.2s;
\n}
\n@keyframes pxlNumberFillIn {
\n from { fill: transparent; }
\n to { fill: #0c7f40; }
\n}<\/p>\n
\/* Homepage hero heading (widget 79e40e8): highlight “Proactive” and “Performance” in primary green *\/
\n.elementor-element-79e40e8 .pxl-green-word {
\n color: #0c7f40 !important;
\n}<\/p>\n
\/* Sectors archive (\/sectors\/): hide the default theme page-title\/breadcrumb hero, page is now a full custom Elementor build *\/
\n.post-type-archive-sky_sectors .elementor-77 {
\n display: none !important;
\n}<\/p>\n
.post-type-archive-sky_sectors #pxl-main {
\n padding-top: 0 !important;
\n}<\/p>\n
\/* Global: buttons should not fill with a solid colour (green) on hover\/active\/focus anywhere on the site *\/
\n.pxl-button .btn:hover,
\n.pxl-button .btn:focus,
\n.pxl-button .btn:active,
\na.btn:hover,
\na.btn:focus,
\na.btn:active,
\n.elementor-button:hover,
\n.elementor-button:focus,
\n.elementor-button:active {
\n background-color: revert !important;
\n background: revert !important;
\n}<\/p>\n
\/* Related Services cards (post-layout-service-3): accent title, readable text-colour description, duller divider *\/
\n.post-layout-service-3 .pxl-inner-content {
\n background: linear-gradient(to top, rgba(5,20,10,0.88) 0%, rgba(5,20,10,0.55) 55%, rgba(5,20,10,0) 100%) !important;
\n padding: 28px 22px 22px !important;
\n left: 0 !important;
\n right: 0 !important;
\n bottom: 0 !important;
\n width: 100% !important;
\n}
\n.post-layout-service-3 .pxl-item–title a {
\n font-weight: 700 !important;
\n color: #049545 !important;
\n}
\n.post-layout-service-3 .pxl-item–title {
\n border-bottom: 1px solid rgba(229,229,229,0.35) !important;
\n padding-bottom: 12px !important;
\n margin-bottom: 12px !important;
\n display: block !important;
\n}
\n.post-layout-service-3 .pxl-item–content,
\n.post-layout-service-3 .pxl-item–content * {
\n color: #e5e5e5 !important;
\n font-size: 14px !important;
\n font-weight: 300 !important;
\n line-height: 1.6 !important;
\n}<\/p>\n","protected":false},"excerpt":{"rendered":"
.pxl–percentage, .pxl-progressbar–wrap { display: none !important; } \/* USP icon box normalization + sizing + colour *\/ .pxl-icon-list.style-box1 a { width: 80px !important; height: 80px !important; line-height: 80px !important; } .pxl-icon-list.style-box1 a svg { width: 55% !important; height: 55% !important; } .pxl-icon-list.style-box1 a svg path { fill: #052E12 !important; } \/* Services Landing (and future […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-7156","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/proactive-fm.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/7156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proactive-fm.co.uk\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/proactive-fm.co.uk\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/proactive-fm.co.uk\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/proactive-fm.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7156"}],"version-history":[{"count":0,"href":"https:\/\/proactive-fm.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/7156\/revisions"}],"wp:attachment":[{"href":"https:\/\/proactive-fm.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/proactive-fm.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/proactive-fm.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}