/* Original FinTrust visual fidelity layer. Loaded after base theme CSS. */ :root{--ftp-green:#83b91f;--ftp-blue:#00a9ca;--ftp-dark:#2c3539;--ftp-type:#3f4649} html{scroll-behavior:smooth} body{margin:0} body .ftp-home,body .ftp-header,body .ftp-footer{font-family:Arial,Helvetica,sans-serif;letter-spacing:normal;color:var(--ftp-type)} .ftp-home *,.ftp-header *,.ftp-footer *{box-sizing:border-box} .ftp-home h1,.ftp-home h2,.ftp-home h3,.ftp-footer h2,.ftp-footer h3{font-family:Arial,Helvetica,sans-serif;font-style:normal!important;letter-spacing:normal!important;text-transform:none!important} .ftp-home a,.ftp-header a,.ftp-footer a{text-decoration:none} .ftp-container{width:min(100% - 40px,1140px);margin-inline:auto} .ftp-header{background:#f3f9fb;position:relative;z-index:12;border-bottom:1px solid rgba(221,233,235,.55);height:74px} .ftp-header-inner{height:100%;width:min(100% - 30px,1850px);margin:auto;display:flex;align-items:center;gap:32px} .ftp-header .ftp-logo{display:block;flex:0 0 auto;width:197px;line-height:0} .ftp-header .ftp-logo img{width:100%;height:auto;object-fit:contain} .ftp-nav{display:flex;gap:31px;align-items:center;margin-right:auto;flex-wrap:wrap} .ftp-nav a{font-size:13px;color:#6b7275!important;white-space:nowrap;font-weight:400} .ftp-nav a:hover,.ftp-nav a:focus-visible{color:#008bb6!important;text-decoration:underline;text-underline-offset:4px} .ftp-header-actions{display:flex;align-items:center;gap:0;margin-left:auto;align-self:stretch} .ftp-header-phone{padding:0 28px;color:#434b4d!important;font-size:12px;display:flex;align-items:center;white-space:nowrap} .ftp-header-call{padding:0 28px;background:#75bb0a;color:#fff!important;font-size:13px;display:flex;align-items:center;justify-content:center;white-space:nowrap;min-width:124px} .ftp-header-call:hover,.ftp-header-call:focus-visible{background:#669f0c} .ftp-nav-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;border:1px solid #b9cfd0;border-radius:4px;background:#fff;padding:9px;width:39px;height:36px} .ftp-nav-toggle span{background:#32474d;height:2px;width:19px;border-radius:10px} .ftp-hero{position:relative;isolation:isolate;height:clamp(480px,48.3vw,930px);overflow:hidden;background:#eef9fc} .ftp-hero-slide{position:absolute;inset:0;background-image:var(--ftp-hero-image);background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s} .ftp-hero-slide.ftp-current{opacity:1;visibility:visible} .ftp-hero-wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#f0fafe 0%,rgba(241,250,253,.94) 31%,rgba(241,250,253,.35) 50%,rgba(241,250,253,0) 64%)} .ftp-hero-inner{position:relative;width:min(100% - 56px,1140px);height:100%;margin:auto;display:flex;align-items:center} .ftp-hero-text{width:min(560px,48%);padding:12px 0;color:#343434} .ftp-hero-text>span{font-size:clamp(16px,1.3vw,23px);font-weight:700;color:#5b5f60;line-height:1.3} .ftp-hero-text h1{font-size:clamp(28px,2.2vw,44px)!important;font-weight:800!important;color:#202628!important;margin:7px 0 14px!important;line-height:1.2!important} .ftp-hero-text p{font-size:clamp(14px,1.15vw,20px);line-height:1.65;color:#5b5f60;max-width:560px;margin:0 0 32px} .ftp-hero-buttons{display:flex;gap:9px;flex-wrap:wrap} .ftp-hero-buttons a{min-height:44px;padding:13px 25px;display:inline-flex;align-items:center;justify-content:center;color:#fff!important;font-size:14px;line-height:1.2} .ftp-btn-primary{background:#00a3bd}.ftp-btn-dark{background:#30393c}.ftp-btn-primary:hover{background:#007e96}.ftp-btn-dark:hover{background:#1d2427} .ftp-hero-control{position:absolute;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#fff;font-weight:200;font-size:55px;opacity:.75;z-index:2;padding:15px;cursor:pointer;line-height:1}.ftp-hero-control:hover,.ftp-hero-control:focus-visible{opacity:1;background:rgba(32,44,50,.12)} .ftp-hero-prev{left:12px}.ftp-hero-next{right:12px} .ftp-about{background:#fff;text-align:center;padding:105px 0 75px} .ftp-about h2,.ftp-services h2{font-size:25px!important;font-weight:400!important;color:#353c40;margin:0 0 24px!important;line-height:1.4} .ftp-about p{font-size:15px;line-height:1.35;margin:0 auto;color:#72797b;max-width:1035px} .ftp-services{padding:55px 0 95px;background:#fff} .ftp-services h2{text-align:center;margin-bottom:58px!important} .ftp-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:31px;width:100%;max-width:1140px;margin:auto} .ftp-service img{display:block;width:100%;height:auto;aspect-ratio:352/171;object-fit:cover;margin-bottom:22px} .ftp-service h3{font-size:22px!important;line-height:1.25!important;color:#505455;font-weight:600!important;margin:0 0 25px!important} .ftp-service p,.ftp-service li{font-size:13px;line-height:1.45;color:#6c7375} .ftp-service p{margin:0 0 7px} .ftp-service ul{margin:0 0 16px;padding:0 0 0 22px;list-style:disc} .ftp-service li{padding:0;margin:0 0 2px} .ftp-map{position:relative;height:500px;background:#f0f4f5;width:100%;overflow:hidden} .ftp-map iframe{border:0;width:100%;height:100%;display:block;filter:saturate(.85)} .ftp-map-link{position:absolute;bottom:16px;left:16px;background:#fff;color:#27618f!important;font-size:13px;padding:9px 13px;box-shadow:0 2px 8px #0002;border-radius:3px} .ftp-footer{background:#2b3438;color:#cad0d2;padding:44px 0 0} .ftp-footer h2,.ftp-footer h3{color:#fff!important;font-weight:700!important} .ftp-callback-form{max-width:530px;width:100%;margin-inline:auto} .ftp-footer .ftp-callback-form .ftlc{max-width:100%;background:#303b40!important;border-color:#3e4a4c!important;box-shadow:none!important;padding:22px!important;border-radius:4px!important} .ftp-footer .ftp-callback-form .ftlc__eyebrow{font-size:10px;color:#a7bb9a!important} .ftp-footer .ftp-callback-form .ftlc__title{font-size:20px!important;color:#fff!important} .ftp-footer .ftp-callback-form .ftlc__subheading{font-size:12px;color:#d6dfe0!important} .ftp-footer .ftp-callback-form .ftlc__top{margin:0 0 14px!important} .ftp-footer .ftp-callback-form .ftlc__form>br,.ftp-footer .ftp-callback-form .ftlc__form>p:empty,.ftp-footer .ftp-callback-form .ftlc__fields>p:empty{display:none!important} .ftp-footer .ftp-callback-form .ftlc__fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} .ftp-footer .ftp-callback-form .ftlc__field label{color:#e4eaea!important;font-size:12px!important} .ftp-footer .ftp-callback-form .ftlc__field input,.ftp-footer .ftp-callback-form .ftlc__field select{background:#fff!important;border-color:#d6dde0!important;min-height:38px!important;font-size:13px!important;padding:8px!important} .ftp-footer .ftp-callback-form .ftlc__field--time,.ftp-footer .ftp-callback-form .ftlc__field--message{display:none!important} .ftp-footer .ftp-callback-form .ftlc__consent{color:#e8ebec!important;font-size:12px!important;margin-top:10px!important} .ftp-footer .ftp-callback-form .ftlc__submit{background:#75b922!important;font-size:13px!important;min-height:40px!important} .ftp-footer .ftp-callback-form .ftlc__assurance{color:#c0cacd!important;font-size:11px!important} .ftp-footer .ftp-callback-form .ftlc__verification{margin-top:9px!important;min-height:0!important} .ftp-footer-columns{display:grid;grid-template-columns:1.2fr 1fr .72fr;gap:50px;padding:24px 0 35px} .ftp-footer-brand>img{width:202px;max-width:100%;height:auto;margin-bottom:18px} .ftp-footer-links{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:10px} .ftp-footer-links a{color:#869196!important;font-size:12px;line-height:1.45;position:relative;padding-left:10px} .ftp-footer-links a::before{content:'·';position:absolute;left:0;top:0;color:#67767b} .ftp-footer-columns h3{font-size:19px!important;margin:8px 0 19px!important} .ftp-footer-contact p{color:#adb7ba;font-size:12px;line-height:1.85;margin:0 0 7px} .ftp-footer-contact a{color:#c4cdd0!important;text-decoration:none} .ftp-footer-contact a:hover{text-decoration:underline} .ftp-social-fb{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;background:#444e53;color:#fff!important;font-size:15px;font-weight:bold} .ftp-footer-bottom{border-top:1px solid #394348;padding:25px 0;font-size:12px;color:#d7dcdd} @media(max-width:1100px){.ftp-header-inner{gap:18px}.ftp-nav{gap:18px}.ftp-header-phone{padding:0 8px}.ftp-header-call{padding:0 16px}.ftp-services-grid{gap:20px}} @media(max-width:800px){.ftp-header{height:66px}.ftp-header .ftp-logo{width:160px}.ftp-nav-toggle{display:flex;order:3;margin-left:auto}.ftp-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#f3f9fb;border-bottom:1px solid #dae5e8;padding:15px 22px;flex-direction:column;align-items:flex-start;gap:12px;box-shadow:0 8px 17px #0001}.ftp-nav.ftp-nav-open{display:flex}.ftp-header-actions{margin-left:auto}.ftp-header-phone{display:none}.ftp-header-call{min-width:0;font-size:12px;padding:0 12px}.ftp-hero{height:450px}.ftp-hero-inner{width:min(100% - 60px,700px)}.ftp-hero-text{width:min(440px,70%)}.ftp-hero-wash{background:linear-gradient(90deg,#f0fafe 0%,rgba(241,250,253,.9) 44%,rgba(241,250,253,.2) 80%)}.ftp-services-grid{gap:20px}.ftp-service h3{font-size:18px!important}.ftp-service p,.ftp-service li{font-size:12px}} @media(max-width:620px){.ftp-header-inner{gap:8px;width:calc(100% - 24px)}.ftp-header .ftp-logo{width:140px}.ftp-header-call{font-size:10px;padding:0 8px;height:38px;align-self:center}.ftp-nav-toggle{margin-left:2px;order:4}.ftp-hero{height:520px}.ftp-hero-inner{width:calc(100% - 44px);align-items:flex-start;padding-top:70px}.ftp-hero-slide{background-position:59% bottom}.ftp-hero-wash{background:linear-gradient(90deg,rgba(242,251,253,.97) 0%,rgba(242,251,253,.87) 56%,rgba(242,251,253,.37) 100%)}.ftp-hero-text{width:90%;padding:0 9px}.ftp-hero-text h1{font-size:clamp(27px,7vw,38px)!important}.ftp-hero-text p{font-size:14px;line-height:1.5}.ftp-hero-text p br{display:none}.ftp-hero-buttons a{padding:11px 13px;font-size:12px;min-height:40px}.ftp-hero-control{font-size:35px;padding:4px;top:78%}.ftp-hero-prev{left:4px}.ftp-hero-next{right:4px}.ftp-about{padding:46px 0 30px}.ftp-about h2,.ftp-services h2{font-size:23px!important;margin-bottom:15px!important}.ftp-about p{font-size:14px;line-height:1.6}.ftp-desktop-only{display:none}.ftp-services{padding:30px 0 55px}.ftp-services h2{margin-bottom:28px!important}.ftp-services-grid{grid-template-columns:1fr;gap:32px;max-width:470px}.ftp-service img{width:100%}.ftp-service h3{font-size:20px!important;margin-bottom:13px!important}.ftp-service p,.ftp-service li{font-size:14px;line-height:1.6}.ftp-map{height:300px}.ftp-footer{padding-top:35px}.ftp-callback-form{max-width:530px;margin-inline:auto}.ftp-footer-columns{grid-template-columns:1fr;gap:22px;padding:35px 0}.ftp-footer-links{max-width:560px}.ftp-footer-columns h3{margin:0 0 10px!important}} @media(max-width:390px){.ftp-header .ftp-logo{width:118px}.ftp-hero-inner{padding-top:60px}.ftp-header-call{font-size:9px}.ftp-footer .ftp-callback-form .ftlc__fields{grid-template-columns:1fr!important}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ftp-hero-slide{transition:none}} /* Prevent automatic block-template spacing around complete page sections. */ .wp-site-blocks > header,.wp-site-blocks > main,.wp-site-blocks > footer,.wp-site-blocks > .wp-block-template-part,.wp-site-blocks > * + *{margin-block-start:0!important} .ftp-header,.ftp-home,.ftp-footer{max-width:none!important;margin:0!important} .ftp-home .ftp-service ul li{list-style-type:disc} .ftp-home .ftp-service li:before{display:none!important} @media (min-width:621px) and (max-width:1100px){.ftp-about{padding:65px 0 50px}.ftp-services{padding:40px 0 65px}.ftp-map{height:390px}} /* ----------------------------------------------------------------------- * FinTrust Modern v0.3.1 — original overlaid header + lifted contact panel * Homepage only: keep navigation over the photographic slider, preserving * a normal-flow header on inner pages. Nothing here changes PHP/form logic. * ----------------------------------------------------------------------- */ body.home .ftp-header, body.front-page .ftp-header, body:has(.ftp-home) .ftp-header { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 74px; z-index: 40; background: linear-gradient(90deg, rgba(241,250,253,.95) 0%, rgba(241,250,253,.90) 38%, rgba(241,250,253,.60) 65%, rgba(241,250,253,.10) 100%); border-bottom: 1px solid rgba(224,238,241,.3); box-shadow: none; } body.home .ftp-header-inner, body:has(.ftp-home) .ftp-header-inner { position: relative; z-index: 1; } body.home .ftp-hero, body:has(.ftp-home) .ftp-hero { margin-block-start: 0 !important; } /* Keep top-of-hero headlines below the overlaid header at smaller widths. */ @media(max-width:800px) { body.home .ftp-header, body:has(.ftp-home) .ftp-header { height: 66px; } body.home .ftp-hero-inner, body:has(.ftp-home) .ftp-hero-inner { padding-top: 68px; } .ftp-nav.ftp-nav-open { background: rgba(245,251,253,.98); backdrop-filter: blur(8px); } } @media(max-width:620px) { body.home .ftp-hero-inner, body:has(.ftp-home) .ftp-hero-inner { padding-top: 88px; } } /* v0.3.2 — Single callback form across the map/footer boundary. * No outer painted panel, duplicate heading, left-hand copy or decorative frame. * The DIV is structural only; all visible charcoal is provided by the actual * FinTrust Lead Capture form. Preserve WordPress shortcode and Turnstile. */ .ftp-footer { position: relative; z-index: 4; display: flow-root; /* prevents negative child margin collapse */ padding-top: 0; overflow: visible; } .ftp-footer > .ftp-container { display: flow-root; } .ftp-footer .ftp-callback-form { position: relative; z-index: 3; display: block; width: min(100%, 530px); max-width: 530px; min-height: 0; margin: -238px auto 0; padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; scroll-margin-top: 20px; } /* Only the form itself has a grey/charcoal background. */ .ftp-footer .ftp-callback-form .ftlc { display: block; width: 100%; background: #303b40!important; border: 1px solid #465359!important; border-radius: 8px!important; box-shadow: 0 15px 36px rgba(16,28,33,.27)!important; margin: 0 auto!important; padding: 24px!important; color: #fff; } .ftp-footer .ftp-footer-columns { padding-top: 52px; } .ftp-map { z-index: 1; } @media (min-width:801px) and (max-width:1100px) { .ftp-footer .ftp-callback-form { margin-top: -238px; } } @media (max-width:800px) { .ftp-footer .ftp-callback-form { margin-top: -210px; } .ftp-footer .ftp-footer-columns { padding-top: 34px; } } @media (max-width:620px) { /* A long mobile form must not obscure most of the map. */ .ftp-footer .ftp-callback-form { margin-top: -88px; } .ftp-footer .ftp-callback-form .ftlc { padding: 20px!important; } .ftp-footer .ftp-footer-columns { padding-top: 30px; } } /* FinTrust Modern v0.3.3 — premium map / floating enquiry / footer * Retain a single live FinTrust Lead Capture form and its shortcode. The * decoration is CSS; no cloned form or fake CAPTCHA. All existing links work. */ .ftp-map { position:relative; overflow:hidden; } .ftp-map-card { position:absolute;z-index:2;top:35px;left:clamp(16px,4.8vw,80px); width:min(340px,calc(100% - 32px));padding:21px 22px 21px 18px; display:flex;align-items:flex-start;gap:15px; border:1px solid rgba(218,231,231,.9);border-radius:15px; box-shadow:0 9px 23px rgba(13,42,48,.19); background:rgba(255,255,255,.98);color:#1e3035; font-family:Arial,Helvetica,sans-serif; } .ftp-map-card-pin { flex:none;display:grid;place-items:center;width:42px;height:42px; border-radius:50%;color:#fff;background:#21363d;box-shadow:0 3px 9px #12272e33; } .ftp-map-card-pin svg { width:23px;height:23px;fill:currentColor; } .ftp-map-card-copy { flex:1;min-width:0; } .ftp-map-card-copy strong {display:block;font-size:17px;line-height:1.25;color:#17282f;margin:1px 0 7px;} .ftp-map-card-copy address {font-size:13px;line-height:1.5;font-style:normal;color:#33454c;margin:0 0 14px;} .ftp-map-card-directions {display:inline-flex;align-items:center;justify-content:center;gap:8px; min-height:39px;padding:9px 13px;border-radius:7px;background:#206bd0;color:#fff!important; font-size:13px;font-weight:700;line-height:1.2;box-shadow:0 3px 9px #2460af33;} .ftp-map-card-directions:hover,.ftp-map-card-directions:focus-visible {background:#1455a9;color:#fff!important;text-decoration:none;} .ftp-map-card-directions:focus-visible {outline:3px solid #98d1ee;outline-offset:2px;} .ftp-map-card-directions svg {width:16px;height:16px;fill:currentColor;} .ftp-footer {background:#243239;color:#d8e1e2;} .ftp-footer > .ftp-container {width:min(calc(100% - 64px),1240px);max-width:1240px;position:relative;} .ftp-footer .ftp-callback-form {width:min(100%,595px);max-width:595px;margin:-307px 0 0 auto;} .ftp-footer .ftp-callback-form .ftlc { border:1px solid #46555b!important;border-top:4px solid #75bb20!important; background:linear-gradient(145deg,#26373d 0%,#223138 100%)!important; border-radius:15px!important;padding:32px 36px!important; box-shadow:0 22px 45px rgba(13,33,40,.3)!important; } .ftp-footer .ftp-callback-form .ftlc__top {margin:0 0 21px!important;} .ftp-footer .ftp-callback-form .ftlc__eyebrow { font-size:11px!important;letter-spacing:2.5px!important;color:#97cb4f!important;font-weight:800!important;margin:0 0 11px!important; } .ftp-footer .ftp-callback-form .ftlc__title {font-size:27px!important;line-height:1.2!important;margin:0 0 11px!important;color:#fff!important;} .ftp-footer .ftp-callback-form .ftlc__subheading {font-size:15px!important;line-height:1.5!important;color:#d3dcdf!important;} .ftp-footer .ftp-callback-form .ftlc__fields {column-gap:13px!important;row-gap:14px!important;} .ftp-footer .ftp-callback-form .ftlc__field label {font-size:13px!important;line-height:1.4!important;margin:0 0 2px!important;color:#ecf3f3!important;} .ftp-footer .ftp-callback-form .ftlc__field input, .ftp-footer .ftp-callback-form .ftlc__field select {font-size:14px!important;min-height:44px!important;padding:10px 11px!important;border-radius:8px!important;background:#fff!important;color:#26383f!important;} .ftp-footer .ftp-callback-form .ftlc__verification {margin-top:13px!important;min-height:0!important;} .ftp-footer .ftp-callback-form .ftlc__consent {margin-top:18px!important;font-size:13px!important;line-height:1.5!important;color:#edf1f1!important;} .ftp-footer .ftp-callback-form .ftlc__submit {font-size:15px!important;min-height:48px!important;padding:11px 21px!important;border-radius:8px!important;background:#7dc21f!important;font-weight:700!important;} .ftp-footer .ftp-callback-form .ftlc__submit:hover,.ftp-footer .ftp-callback-form .ftlc__submit:focus-visible {background:#69a81d!important;} .ftp-footer .ftp-callback-form .ftlc__assurance {font-size:12px!important;color:#cdd6d8!important;} .ftp-footer .ftp-footer-columns {grid-template-columns:1.22fr .90fr .63fr;gap:58px;padding:0 0 48px!important;margin-top:30px;align-items:start;} .ftp-footer-brand {margin:0;} .ftp-footer-brand>img {width:202px;height:55px;margin-bottom:23px;} .ftp-footer-links {column-gap:29px;row-gap:12px;} .ftp-footer-links a {font-size:13px;line-height:1.45;color:#d1dbdc!important;padding-left:19px;} .ftp-footer-links a::before {content:'›';color:#83c534;font-size:22px;top:-5px;line-height:1;font-weight:700;} .ftp-footer-links a:hover,.ftp-footer-links a:focus-visible {color:#fff!important;text-decoration:underline;text-underline-offset:3px;} .ftp-footer-columns h3 {font-size:21px!important;margin:0 0 20px!important;color:#fff!important;line-height:1.2!important;} .ftp-footer-contact {padding-top:0;} .ftp-footer-contact p {margin:0 0 14px;display:flex;align-items:flex-start;gap:15px;color:#d0dadc;font-size:13px;line-height:1.6;} .ftp-footer-contact p a {color:#e6edee!important;} .ftp-footer-contact p a:hover,.ftp-footer-contact p a:focus-visible {color:#9de54c!important;} .ftp-footer-icon {flex:none;width:24px;height:24px;display:inline-grid;place-items:center;color:#7fbd2f;} .ftp-footer-icon svg {width:20px;height:20px;fill:currentColor;} .ftp-footer-social {padding-top:0;} .ftp-social-fb {border-radius:7px;width:41px;height:41px;font-size:24px;line-height:1;background:#315d9d;} .ftp-social-fb:hover,.ftp-social-fb:focus-visible {background:#447dcc;} .ftp-footer-bottom {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 26px;font-size:12px;border-top:1px solid #46545a;color:#d2dcde;} .ftp-footer-bottom strong {color:#98ca4a;} .ftp-footer-motto {font-size:12px;color:#c6d0d2;} @media (min-width:1001px) and (max-width:1240px) { .ftp-footer .ftp-callback-form {width:min(100%,470px);max-width:470px;margin-top:-276px;} .ftp-footer .ftp-footer-columns {gap:32px;margin-top:30px;grid-template-columns:1.25fr 1fr .68fr;} .ftp-footer-contact,.ftp-footer-social {padding-top:0;} .ftp-footer-brand>img {width:202px;height:55px;} } @media (min-width:801px) and (max-width:1000px) { .ftp-footer .ftp-callback-form {width:min(100%,500px);max-width:500px;margin-top:-245px;} .ftp-footer .ftp-callback-form .ftlc {padding:26px!important;} .ftp-footer .ftp-callback-form .ftlc__title {font-size:23px!important;} .ftp-footer .ftp-footer-columns {grid-template-columns:1fr 1fr;gap:28px;margin-top:30px;} .ftp-footer-brand {grid-column:1;grid-row:1;} .ftp-footer-contact {grid-column:2;grid-row:1;padding-top:0;} .ftp-footer-social {grid-column:1 / -1;padding-top:0;} } @media (min-width:621px) and (max-width:800px) { .ftp-footer .ftp-callback-form {width:min(100%,520px);max-width:520px;margin-top:-175px;} .ftp-footer .ftp-callback-form .ftlc {padding:25px!important;} .ftp-footer .ftp-callback-form .ftlc__title {font-size:23px!important;} .ftp-footer .ftp-footer-columns {margin-top:38px;grid-template-columns:1fr 1fr;gap:28px;} .ftp-footer-brand {grid-column:1;grid-row:1;} .ftp-footer-contact {grid-column:2;grid-row:1;padding-top:0;} .ftp-footer-social {grid-column:1 / -1;padding-top:0;} } @media (max-width:620px) { .ftp-map {height:330px;} .ftp-map-card {top:14px;left:14px;width:min(260px,calc(100% - 28px));gap:9px;padding:11px;border-radius:10px;} .ftp-map-card-pin {width:32px;height:32px;} .ftp-map-card-pin svg {width:18px;height:18px;} .ftp-map-card-copy strong {font-size:13px;margin-bottom:4px;} .ftp-map-card-copy address {font-size:11px;line-height:1.4;margin-bottom:8px;} .ftp-map-card-directions {min-height:32px;font-size:11px;padding:7px 8px;} .ftp-footer > .ftp-container {width:calc(100% - 28px);} .ftp-footer .ftp-callback-form {width:100%;max-width:530px;margin:-78px auto 0;} .ftp-footer .ftp-callback-form .ftlc {padding:23px 20px!important;border-radius:12px!important;} .ftp-footer .ftp-callback-form .ftlc__title {font-size:24px!important;} .ftp-footer .ftp-callback-form .ftlc__subheading {font-size:13px!important;} .ftp-footer .ftp-callback-form .ftlc__fields {grid-template-columns:1fr!important;gap:13px!important;} .ftp-footer .ftp-callback-form .ftlc__verification {max-width:100%;overflow:hidden;} .ftp-footer .ftp-callback-form .ftlc__consent {font-size:12px!important;} .ftp-footer .ftp-footer-columns {margin-top:38px;padding:0 0 28px!important;grid-template-columns:1fr;gap:30px;} .ftp-footer-brand>img {width:202px;height:55px;margin-bottom:20px;} .ftp-footer-links a {font-size:12px;} .ftp-footer-contact,.ftp-footer-social {padding-top:0;} .ftp-footer-bottom {flex-direction:column;align-items:flex-start;padding:22px 0;gap:10px;} } /* FinTrust Modern v0.3.5 — shared footer TOP baseline. * On desktop, align Contact us and the Facebook heading with the actual TOP * of the FinTrust logo, not with the first service links underneath it. * The row follows the floating callback card instead of overlapping it. * Tablet/mobile retain their existing two-column/stacked arrangements. */ @media (min-width:1001px) { .ftp-footer .ftp-footer-columns { align-items:start; } .ftp-footer .ftp-footer-contact, .ftp-footer .ftp-footer-social { padding-top:0; align-self:start; } .ftp-footer .ftp-footer-columns h3 { margin-top:0!important; } } /* FinTrust Modern v0.3.6: service-row alignment (the actual requested baseline). * At desktop widths the two informational HEADINGS must align to the same * vertical row as "Monthly Statements" and "Debtor Management", not to the * top of the FinTrust logo. Use CSS grid rows; do not guess pixel offsets. * Row 1 holds only the logo. Row 2 holds service links, Contact us and Social. * This reflows naturally when the original logo size changes. */ @media (min-width: 1001px) { .ftp-footer .ftp-footer-columns { display: grid; grid-template-columns: 1.22fr .90fr .63fr; column-gap: 58px; row-gap: 0; align-items: start; } .ftp-footer .ftp-footer-brand { display: contents; } .ftp-footer .ftp-footer-brand > img { grid-column: 1; grid-row: 1; align-self: start; display: block; } .ftp-footer .ftp-footer-links { grid-column: 1; grid-row: 2; align-self: start; } .ftp-footer .ftp-footer-contact { grid-column: 2; grid-row: 2; padding: 0; align-self: start; } .ftp-footer .ftp-footer-social { grid-column: 3; grid-row: 2; padding: 0; align-self: start; } .ftp-footer .ftp-footer-contact > h3, .ftp-footer .ftp-footer-social > h3 { margin-top: 0 !important; } } @media (min-width:1001px) and (max-width:1240px) { .ftp-footer .ftp-footer-columns { grid-template-columns:1.25fr 1fr .68fr; column-gap:32px; } } /* FinTrust Modern v0.3.7 — exact SHARED footer rows across all four data columns. * The blue lines in the client's example are alignment guides, not borders. * This layout shares grid row tracks, even if a service label wraps at 1001px. */ @media (min-width:1001px) { .ftp-footer .ftp-footer-columns { display:grid; grid-template-columns:minmax(0,.61fr) 29px minmax(0,.61fr) 58px minmax(0,.90fr) 58px minmax(0,.63fr); grid-template-rows:minmax(103px,auto) repeat(6,minmax(31px,auto)); column-gap:0;row-gap:0; align-items:start; } .ftp-footer .ftp-footer-brand, .ftp-footer .ftp-footer-contact, .ftp-footer .ftp-footer-social, .ftp-footer .ftp-footer-links, .ftp-footer .ftp-footer-contact-details {display:contents;} .ftp-footer .ftp-footer-brand > img { grid-column:1 / 4;grid-row:1; max-width:202px;width:202px;height:55px; max-height:55px;object-fit:contain;object-position:left top; margin:0!important;align-self:start;display:block; } .ftp-footer .ftp-footer-contact > h3, .ftp-footer .ftp-footer-social > h3 { align-self:end;margin:0 0 15px!important; line-height:1.2!important;min-width:0; } .ftp-footer .ftp-footer-contact > h3 {grid-column:5;grid-row:1;} .ftp-footer .ftp-footer-social > h3 {grid-column:7;grid-row:1;} .ftp-footer .ftp-footer-links > a { display:block;margin:0!important;min-width:0; padding-top:0!important;padding-bottom:0!important; line-height:19px!important; border:0!important; } .ftp-footer .ftp-footer-links > a:nth-child(odd) {grid-column:1;} .ftp-footer .ftp-footer-links > a:nth-child(even) {grid-column:3;} .ftp-footer .ftp-footer-links > a:nth-child(-n+2) {grid-row:2;} .ftp-footer .ftp-footer-links > a:nth-child(n+3):nth-child(-n+4) {grid-row:3;} .ftp-footer .ftp-footer-links > a:nth-child(n+5):nth-child(-n+6) {grid-row:4;} .ftp-footer .ftp-footer-links > a:nth-child(n+7):nth-child(-n+8) {grid-row:5;} .ftp-footer .ftp-footer-links > a:nth-child(n+9):nth-child(-n+10) {grid-row:6;} .ftp-footer .ftp-footer-links > a:nth-child(n+11):nth-child(-n+12) {grid-row:7;} .ftp-footer .ftp-contact-row { grid-column:5; display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:14px; align-items:start;line-height:19px;font-size:13px;color:#d0dadc!important; margin:0;padding:0;min-width:0;border:0!important; } .ftp-footer .ftp-contact-row:nth-child(1) {grid-row:2;} .ftp-footer .ftp-contact-row:nth-child(2) {grid-row:3;} .ftp-footer .ftp-contact-row:nth-child(3) {grid-row:4;} .ftp-footer .ftp-contact-row:nth-child(4) {grid-row:5;} .ftp-footer .ftp-contact-row:nth-child(5) {grid-row:6;} .ftp-footer .ftp-contact-row .ftp-footer-icon { width:24px;height:19px;display:flex;justify-content:center;align-items:center; } .ftp-footer .ftp-contact-row .ftp-footer-icon svg {width:18px;height:18px;} .ftp-footer .ftp-icon-spacer {visibility:hidden;} .ftp-footer .ftp-contact-row a {color:#e6edee!important;} .ftp-footer .ftp-social-fb {grid-column:7;grid-row:2 / span 2;align-self:start;margin:0;} } @media (min-width:1001px) and (max-width:1240px) { .ftp-footer .ftp-footer-columns { grid-template-columns:minmax(0,.625fr) 24px minmax(0,.625fr) 32px minmax(0,1fr) 32px minmax(0,.68fr); } .ftp-footer .ftp-footer-brand > img {max-width:202px;height:55px;} .ftp-footer .ftp-footer-contact > h3, .ftp-footer .ftp-footer-social > h3 {font-size:18px!important;white-space:nowrap;} } /* Tablet/mobile: original naturally flowing layouts, not flattened Grid items. */ @media (max-width:1000px) { .ftp-footer-contact-details {display:flex;flex-direction:column;gap:13px;} .ftp-contact-row {display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;font-size:13px;line-height:1.55;color:#d0dadc!important;} .ftp-contact-row .ftp-footer-icon {height:22px;} .ftp-icon-spacer {display:none;} .ftp-contact-city {margin-top:-13px;padding-left:36px;grid-template-columns:1fr;} } /* v0.3.8 — use the native 202 × 55 px WHITE FinTrust footer logo at 1:1. * Do not upscale a low-resolution image or change the established grid alignment. * This declaration wins over all earlier desktop/tablet overrides. */ .ftp-footer .ftp-footer-brand > img { display:block; width:202px !important; height:55px !important; max-width:202px !important; max-height:55px !important; min-width:0; margin:0 !important; object-fit:contain; object-position:left top; } /* v0.3.9 — single visible map address and spacious location-marker placement. * The standard Google Maps place iframe renders its own non-configurable * address card. Keep the premium FinTrust card directly over that Google card * on first load, fully opaque, so users see exactly one address (NOT two). * This does not crop out Google's attribution or disable map interaction. * Desktop Google Maps viewport center is adjusted with an ll/z query while * retaining q=the actual 7 Collins Road address, so the real marker remains * geolocated and has space to the left of the floating callback form. * Small screens use the standard centered mobile map; parity.js controls the * responsive iframe URL without using CSS-generated or fake location markers. */ .ftp-map .ftp-map-card { top:0!important; left:0!important; width:min(370px,100%)!important; background:#fff!important; border:0!important; border-right:1px solid #dfebeb!important; border-bottom:1px solid #dfebeb!important; border-radius:0 0 15px 0!important; box-shadow:0 9px 23px rgba(13,42,48,.14)!important; } @media(max-width:620px) { .ftp-map .ftp-map-card { top:0!important; left:0!important; width:min(370px,100%)!important; border-radius:0 0 12px 0!important; } } /* v0.3.10 — subtle visible top edge for the FinTrust map address panel. * Keep the panel flush with the map (top:0) to continue concealing the * duplicate Google Maps address card. No layout, positioning or form changes. */ .ftp-map .ftp-map-card { border-top: 2px solid #a6c677 !important; } /* ------------------------------------------------------------------------- * FinTrust Modern 0.3.11 | SERVICES ONLY. Built from approved 0.3.10 baseline. * This layer is deliberately scoped to the services section. Existing map, * green address border, footer, contact card, header, slider are unchanged. * ------------------------------------------------------------------------- */ .ftp-home .ftp-services{padding:62px 0 92px;background:#fbfcfc} .ftp-home .ftp-services .ftp-container{width:min(100% - 40px,1440px)} .ftp-services-heading{text-align:center;margin:0 auto 37px;max-width:760px} .ftp-services-eyebrow{display:inline-flex;align-items:center;gap:16px;color:#2a9e21;font-size:12px;line-height:1.4;font-weight:750;letter-spacing:.20em} .ftp-services-eyebrow::before,.ftp-services-eyebrow::after{content:"";width:45px;height:1px;background:#a7c8a5} .ftp-home .ftp-services h2{font-size:clamp(30px,3vw,40px)!important;color:#0e293d!important;line-height:1.12!important;margin:7px 0 10px!important;font-weight:750!important;letter-spacing:-.025em!important} .ftp-services-heading>p{color:#5f7080;font-size:16px;line-height:1.55;margin:0} .ftp-home .ftp-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;max-width:none;width:100%;gap:24px;margin:0 auto} .ftp-home .ftp-service{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #edf0f1;border-radius:14px;box-shadow:0 8px 25px rgba(26,48,62,.075);transition:box-shadow .22s ease,transform .22s ease} .ftp-home .ftp-service:hover{box-shadow:0 12px 33px rgba(26,48,62,.12);transform:translateY(-2px)} .ftp-home .ftp-service-media{aspect-ratio:2.22/1;width:100%;overflow:hidden;flex:0 0 auto;background:#eaf3ee} .ftp-home .ftp-service-media img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;margin:0;border:0;border-radius:0;transition:transform .35s ease} .ftp-home .ftp-service:hover .ftp-service-media img{transform:scale(1.025)} .ftp-home .ftp-service-body{padding:20px 23px 23px;display:flex;flex-direction:column;flex:1;min-width:0} .ftp-home .ftp-service-head{display:flex;align-items:center;gap:14px;min-width:0;margin-bottom:17px} .ftp-home .ftp-service-icon{width:50px;height:50px;flex:0 0 50px;display:inline-flex;align-items:center;justify-content:center;background:#eaf7e9;color:#26a11c;border-radius:50%} .ftp-home .ftp-service-icon svg{width:26px;height:26px;display:block} .ftp-home .ftp-service-head-copy{min-width:0} .ftp-home .ftp-service h3{font-size:clamp(18px,1.65vw,23px)!important;color:#0e293d!important;font-weight:750!important;line-height:1.23!important;margin:0 0 10px!important;letter-spacing:-.02em!important} .ftp-home .ftp-service-rule{width:74px;height:2px;background:#38b32b;display:block} .ftp-home .ftp-service-details{min-width:0;flex:1;margin-bottom:18px} .ftp-home .ftp-service-subhead{font-size:14px!important;font-weight:700!important;color:#269920!important;line-height:1.45!important;margin:13px 0 7px!important} .ftp-home .ftp-service-subhead:not(:first-child){padding-top:10px;border-top:1px solid #e8edf0} .ftp-home .ftp-service ul{list-style:none!important;margin:0 0 12px!important;padding:0!important} .ftp-home .ftp-service li{list-style:none!important;display:flex;align-items:flex-start;position:relative;gap:10px;padding:0 0 0 30px!important;margin:0 0 5px!important;color:#465a6a!important;font-size:clamp(12px,1.02vw,15px)!important;line-height:1.48!important;overflow-wrap:break-word} .ftp-home .ftp-service ul li::before{content:"✓"!important;position:absolute;top:.22em;left:0;width:17px;height:17px;border-radius:50%;display:flex!important;justify-content:center;align-items:center;background:#31b724;color:#fff;font-size:12px;line-height:17px;font-weight:700} .ftp-home .ftp-service-cta{display:flex;align-items:center;justify-content:center;gap:13px;min-height:49px;padding:11px 14px;border-radius:8px;color:#fff!important;background:#126bd5;text-align:center;font-size:15px;line-height:1.3;font-weight:700;text-decoration:none!important;box-shadow:0 5px 13px rgba(25,94,190,.14);transition:background .18s,box-shadow .18s} .ftp-home .ftp-service-cta:hover,.ftp-home .ftp-service-cta:focus-visible{color:#fff!important;background:#0b55ae;box-shadow:0 7px 17px rgba(25,94,190,.2)} .ftp-home .ftp-service-cta:focus-visible{outline:3px solid #81afed;outline-offset:3px} .ftp-service-cta span{font-size:20px;line-height:1} @media(max-width:1100px){ .ftp-home .ftp-services .ftp-container{width:min(100% - 32px,960px)} .ftp-home .ftp-services-grid{gap:16px} .ftp-home .ftp-service-body{padding:17px 16px 18px} .ftp-home .ftp-service-head{gap:9px} .ftp-home .ftp-service-icon{width:41px;height:41px;flex-basis:41px} .ftp-home .ftp-service-icon svg{width:22px;height:22px} .ftp-home .ftp-service h3{font-size:18px!important} .ftp-home .ftp-service li{font-size:12.5px!important;line-height:1.43!important} .ftp-home .ftp-service-cta{font-size:12.5px;min-height:46px;padding-inline:8px} } @media(min-width:761px) and (max-width:980px){ .ftp-home .ftp-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .ftp-home .ftp-service:last-child{grid-column:1/-1;justify-self:center;width:calc((100% - 20px)/2)} .ftp-home .ftp-service li{font-size:13px!important} } @media(max-width:760px){ .ftp-home .ftp-services{padding:49px 0 70px} .ftp-home .ftp-services .ftp-container{width:min(100% - 32px,690px)} .ftp-home .ftp-services-grid{grid-template-columns:1fr;max-width:560px;gap:24px} .ftp-home .ftp-service-body{padding:18px 22px 22px} .ftp-home .ftp-service h3{font-size:21px!important} .ftp-home .ftp-service li{font-size:14px!important;line-height:1.48!important} .ftp-home .ftp-service-cta{font-size:15px} .ftp-services-heading{margin-bottom:26px} .ftp-services-heading>p{font-size:14px} } @media(max-width:390px){ .ftp-home .ftp-services .ftp-container{width:calc(100% - 24px)} .ftp-home .ftp-service-body{padding:17px 15px 18px} .ftp-home .ftp-service h3{font-size:19px!important} .ftp-home .ftp-service li{font-size:13px!important} .ftp-home .ftp-service-icon{width:41px;height:41px;flex-basis:41px} } @media(prefers-reduced-motion:reduce){.ftp-home .ftp-service,.ftp-home .ftp-service-media img,.ftp-home .ftp-service-cta{transition:none!important;transform:none!important}} /* -------------------------------------------------------------- * 0.3.12 | Services: blue icons / green enquiry buttons. * Only the three services cards and their dedicated popup are modified. * Map card / floating footer form retain their approved v0.3.10 green borders. * -------------------------------------------------------------- */ .ftp-home .ftp-services .ftp-service-icon{background:#e8f2ff!important;color:#186ad0!important} .ftp-home .ftp-services .ftp-service-cta{ appearance:none;border:0!important;font-family:inherit;cursor:pointer; background:#73b81e!important;color:#fff!important; box-shadow:0 5px 13px rgba(89,151,20,.17)!important; } .ftp-home .ftp-services .ftp-service-cta:hover, .ftp-home .ftp-services .ftp-service-cta:focus-visible{ background:#619e17!important;color:#fff!important; box-shadow:0 7px 19px rgba(79,138,15,.23)!important; } .ftp-home .ftp-services .ftp-service-cta:focus-visible{outline:3px solid #2d6bd3!important;outline-offset:3px!important} /* Hidden native trigger: the visible service buttons adopt its dialog ID. Keep the actual dialog accessible; it is reparented to document.body. */ .ftp-service-modal-host>.wp-block-shortcode>.ftlc-launch, .ftp-service-modal-host .ftlc-launch{display:none!important} .ftp-service-modal-host{margin:0!important;padding:0!important;min-height:0!important;height:0!important;font-size:0!important;line-height:0!important} .ftp-services-dialog .ftlc-dialog__shade{ background:rgba(8,24,31,.55)!important; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); } .ftp-services-dialog .ftlc-dialog__panel{ width:min(100%,600px)!important; max-height:min(90vh,810px)!important; border-radius:14px!important; box-shadow:0 22px 75px rgba(6,23,31,.36)!important; } .ftp-services-dialog .ftlc-dialog__panel .ftlc{ border:1px solid #495960!important; border-top:4px solid #79bc25!important; background:linear-gradient(145deg,#28383e 0%,#223239 100%)!important; color:#f0f5f5!important; box-shadow:none!important; padding:31px 32px!important; border-radius:14px!important; width:100%!important; max-width:none!important; margin:0!important; } .ftp-services-dialog .ftlc__eyebrow{color:#a4d068!important;letter-spacing:2px!important;font-weight:800!important} .ftp-services-dialog .ftlc__title{color:#fff!important;font-size:27px!important;line-height:1.2!important} .ftp-services-dialog .ftlc__subheading{color:#d3dee1!important;font-size:14px!important} .ftp-services-dialog .ftlc__fields{gap:14px!important} .ftp-services-dialog .ftlc__field label{color:#eaf3f5!important;font-weight:650!important;font-size:13px!important} .ftp-services-dialog .ftlc__field input, .ftp-services-dialog .ftlc__field select, .ftp-services-dialog .ftlc__field textarea{background:#fff!important;color:#20333e!important;min-height:45px!important;border-radius:7px!important} .ftp-services-dialog .ftlc__consent{color:#e7eeee!important;font-size:12.5px!important} .ftp-services-dialog .ftlc__consent a{color:#c7e58c!important} .ftp-services-dialog .ftlc__assurance{color:#c7d5d6!important;font-size:12px!important} .ftp-services-dialog .ftlc__submit{background:#78ba24!important;color:#fff!important;border-radius:7px!important} .ftp-services-dialog .ftlc__submit:hover{background:#619e17!important} .ftp-services-dialog .ftlc-dialog__close{background:#394c52!important;color:#fff!important;z-index:4!important} .ftp-services-dialog .ftlc-dialog__close:hover{background:#4b6065!important} /* WordPress wpautop can insert empty paragraphs/line breaks in embedded forms. Avoid the old massive gaps without touching form element validation. */ .ftp-services-dialog .ftlc__form > br, .ftp-services-dialog .ftlc__form > p:empty, .ftp-services-dialog .ftlc__fields > p:empty{display:none!important} @media(max-width:650px){ .ftp-services-dialog{padding:12px!important} .ftp-services-dialog .ftlc-dialog__panel{max-height:calc(100dvh - 24px)!important} .ftp-services-dialog .ftlc-dialog__panel .ftlc{padding:25px 20px!important} .ftp-services-dialog .ftlc__title{font-size:22px!important} .ftp-services-dialog .ftlc__fields{grid-template-columns:1fr!important;gap:12px!important} .ftp-services-dialog .ftlc__submit{width:100%!important} } @media(prefers-reduced-motion:reduce){.ftp-services-dialog *{transition:none!important}} /* ------------------------------------------------------------------ * v0.3.13 — Approved Services colour correction ONLY. * Service illustrations, heading underlines and list checkmarks blue; * enquiry CTA buttons stay green; accounting subheadings stay green. * Scope strictly to the home page service cards so v0.3.10's green * map address / floating contact form accents remain exactly as they are. * ------------------------------------------------------------------ */ .ftp-home .ftp-services .ftp-service .ftp-service-rule { background-color: #186ad0 !important; } .ftp-home .ftp-services .ftp-service ul li::before { background-color: #186ad0 !important; color: #fff !important; display: flex !important; } /* ---------------------------------------------------------------------- * FinTrust Modern v0.3.14 — client-approved About Us visual refinement. * The original About copy is retained verbatim. Photograph is cropped * from the client's approved concept; no CDN or external media dependency. * Only #ftm-about is styled: v0.3.13 services/modal and v0.3.10 map/footer * remain unchanged. All three informational highlights are static text. * ---------------------------------------------------------------------- */ .ftp-home #ftm-about.ftp-about-refreshed { isolation:isolate; position:relative; overflow:hidden; min-height:0; padding:54px 0 40px; background:linear-gradient(115deg,#f4faff 0%,#f7fbfe 40%,#fff 73%); text-align:center; } .ftp-home #ftm-about .ftp-about-content{position:relative;z-index:2;width:min(100% - 48px,1120px)} .ftp-home #ftm-about .ftp-about-eyebrow{ display:inline-flex;align-items:center;gap:13px; font-size:12px;line-height:1.3;letter-spacing:.18em;font-weight:800; text-transform:uppercase;color:#1169cf; margin-bottom:12px; } .ftp-home #ftm-about .ftp-about-eyebrow:before, .ftp-home #ftm-about .ftp-about-eyebrow:after{ content:"";display:block;background:rgba(24,106,208,.42);height:1px;width:40px; } .ftp-home #ftm-about h2#ftp-about-title{ font-size:clamp(27px,3.15vw,38px)!important; font-weight:760!important; letter-spacing:-.035em!important; line-height:1.18!important; color:#0b2b46!important; margin:0 0 12px!important; } .ftp-home #ftm-about .ftp-about-underline{ width:89px;height:2px;background:#1b6dd8;margin:0 auto 20px; } .ftp-home #ftm-about p.ftp-about-intro{ max-width:985px!important; font-size:clamp(14px,1.15vw,16px)!important; line-height:1.65!important; font-weight:400; color:#36546b!important; margin:0 auto 29px!important; } .ftp-home #ftm-about .ftp-about-highlights{ width:min(100%,980px);margin:0 auto; display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:20px;row-gap:16px; text-align:left; } .ftp-home #ftm-about .ftp-about-highlight{ display:flex;align-items:center;gap:14px; min-width:0;padding:0 14px 0 0; } .ftp-home #ftm-about .ftp-about-highlight+.ftp-about-highlight{ border-left:1px solid #d7e2ec;padding-left:20px; } .ftp-home #ftm-about .ftp-about-highlight-icon{ flex:0 0 60px;width:60px;height:60px;border-radius:50%; display:grid;place-items:center;background:#e2eefb;color:#126bcc; } .ftp-home #ftm-about .ftp-about-highlight-icon svg{width:33px;height:33px;fill:none} .ftp-home #ftm-about .ftp-about-highlight-copy{display:flex;flex-direction:column;min-width:0;gap:5px} .ftp-home #ftm-about .ftp-about-highlight-copy strong{ font-size:15px;line-height:1.35;font-weight:750;color:#12304b; } .ftp-home #ftm-about .ftp-about-highlight-copy>span{ font-size:13px;line-height:1.55;color:#3b5670; } @media(max-width:1050px){ .ftp-home #ftm-about.ftp-about-refreshed{padding:51px 0 43px} .ftp-home #ftm-about .ftp-about-highlights{max-width:900px;gap:12px} .ftp-home #ftm-about .ftp-about-highlight{gap:11px} .ftp-home #ftm-about .ftp-about-highlight+.ftp-about-highlight{padding-left:12px} .ftp-home #ftm-about .ftp-about-highlight-icon{flex-basis:54px;width:54px;height:54px} .ftp-home #ftm-about .ftp-about-highlight-copy strong{font-size:14px} .ftp-home #ftm-about .ftp-about-highlight-copy>span{font-size:12.5px} } @media(max-width:760px){ .ftp-home #ftm-about.ftp-about-refreshed{padding:47px 0 45px} .ftp-home #ftm-about .ftp-about-content{width:calc(100% - 38px)} .ftp-home #ftm-about .ftp-about-highlights{grid-template-columns:1fr;max-width:510px;gap:17px} .ftp-home #ftm-about .ftp-about-highlight, .ftp-home #ftm-about .ftp-about-highlight+.ftp-about-highlight{ border:0;padding:0 0 0 0;gap:16px; } .ftp-home #ftm-about .ftp-about-highlight+.ftp-about-highlight{border-top:1px solid rgba(32,89,142,.14);padding-top:14px} .ftp-home #ftm-about .ftp-about-highlight-icon{width:57px;height:57px;flex-basis:57px} .ftp-home #ftm-about .ftp-about-highlight-copy strong{font-size:16px} .ftp-home #ftm-about .ftp-about-highlight-copy>span{font-size:14px} .ftp-home #ftm-about .ftp-about-wide-br{display:none} .ftp-home #ftm-about p.ftp-about-intro{line-height:1.68!important;margin-bottom:27px!important} } @media(max-width:390px){ .ftp-home #ftm-about .ftp-about-eyebrow{font-size:10px;letter-spacing:.16em} .ftp-home #ftm-about .ftp-about-eyebrow:before, .ftp-home #ftm-about .ftp-about-eyebrow:after{width:27px} .ftp-home #ftm-about h2#ftp-about-title{font-size:27px!important} } @media(prefers-reduced-motion:reduce){.ftp-home #ftm-about *{transition:none!important}} /* ------------------------------------------------------------ * v0.3.15 — clean About section and blue service category labels. * Restrict heading adjustment to the service cards only; preserve * all three green enquiry CTAs, the modal, and approved footer/map. * ------------------------------------------------------------ */ .ftp-home .ftp-services .ftp-service .ftp-service-subhead { color: #186ad0 !important; }