/*
Theme Name: Simms Fabrication Theme
Theme URI: https://sysconnect.co.uk/
Author: SysConnect
Description: A responsive fabrication and welding business theme based on the approved Simms Fabrication website design.
Version: 1.8.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: simms-fabrication
*/
:root{
    --sf-orange:#f08a24;
    --sf-orange-dark:#cf6913;
    --sf-ink:#111111;
    --sf-dark:#171717;
    --sf-mid:#5f6265;
    --sf-line:#e5e5e5;
    --sf-soft:#f5f5f5;
    --sf-white:#ffffff;
    --sf-width:1240px;
    --sf-shadow:0 22px 55px rgba(0,0,0,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#1d1d1d;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased}
body.admin-bar .sf-header{top:32px}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(240,138,36,.45);outline-offset:3px}
img{display:block;max-width:100%;height:auto}
button,input,textarea,select{font:inherit}
.sf-wrap{width:min(var(--sf-width),calc(100% - 48px));margin-inline:auto}
.sf-skip-link{position:fixed;left:12px;top:-100px;z-index:9999;background:#fff;padding:12px 18px;box-shadow:var(--sf-shadow)}
.sf-skip-link:focus{top:12px}
.sf-topbar{background:var(--sf-orange);color:#fff;font-size:13px;letter-spacing:.02em;box-shadow:inset 0 -1px 0 rgba(0,0,0,.08)}
.sf-topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:38px}
.sf-topbar-contact{display:flex;gap:28px;margin-left:auto}
.sf-topbar-contact a{display:flex;align-items:center;gap:8px;color:#fff;font-weight:800;opacity:1;padding:4px 7px;border-radius:5px;transition:background .2s ease}
.sf-topbar-contact a:hover{color:#fff;background:rgba(255,255,255,.16)}
.sf-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.98);border-bottom:1px solid rgba(0,0,0,.08);transition:box-shadow .25s ease,background .25s ease}
.sf-header.is-scrolled{box-shadow:0 12px 30px rgba(0,0,0,.11)}
.sf-nav{display:flex;align-items:center;justify-content:space-between;min-height:92px;gap:32px}
.sf-brand{display:inline-flex;align-items:center;justify-content:flex-start;flex:0 0 auto;line-height:1}
.sf-brand-lockup{display:inline-flex;align-items:center;gap:15px;min-width:245px;color:#111}
.sf-site-logo,.custom-logo{display:block;width:70px;height:70px;max-height:none;flex:0 0 70px;object-fit:cover;border-radius:16px;box-shadow:0 5px 16px rgba(0,0,0,.14)}
.sf-brand-name{display:block;font-size:24px;font-weight:950;line-height:1.05;letter-spacing:-.025em;white-space:nowrap;color:#111}
.sf-brand-lockup:hover .sf-brand-name{color:var(--sf-orange)}
.sf-navigation{margin-left:auto}
.sf-menu{display:flex;align-items:center;gap:36px;list-style:none;margin:0;padding:0}
.sf-menu li{margin:0}
.sf-menu a{position:relative;display:block;padding:34px 0 31px;font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#202020}
.sf-menu a:after{content:"";position:absolute;left:0;right:100%;bottom:24px;height:3px;background:var(--sf-orange);transition:right .25s ease}
.sf-menu a:hover,.sf-menu .current-menu-item>a,.sf-menu .current_page_item>a{color:var(--sf-orange)}
.sf-menu a:hover:after,.sf-menu .current-menu-item>a:after,.sf-menu .current_page_item>a:after{right:0}
.sf-header-actions{display:flex;align-items:center;gap:10px}
.sf-search-toggle{display:grid;place-items:center;width:42px;height:42px;border:0;background:transparent;color:#111;font-size:29px;cursor:pointer;line-height:1}
.sf-search-toggle:hover{color:var(--sf-orange)}
.sf-mobile{display:none;width:44px;height:44px;border:0;background:transparent;padding:8px;cursor:pointer}
.sf-mobile span{display:block;width:27px;height:2px;background:#111;margin:6px auto;transition:.2s}
.sf-mobile.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.sf-mobile.is-open span:nth-child(2){opacity:0}
.sf-mobile.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.sf-search-panel{position:absolute;left:0;right:0;background:#fff;border-top:1px solid var(--sf-line);box-shadow:0 18px 30px rgba(0,0,0,.1);padding:22px 0}
.sf-search-panel form{display:flex;max-width:760px;margin:auto}
.sf-search-panel label{flex:1}
.sf-search-panel input[type=search]{width:100%;height:54px;border:1px solid #ccc;padding:0 18px}
.sf-search-panel input[type=submit]{height:54px;border:0;background:var(--sf-orange);color:#111;font-weight:900;padding:0 25px;cursor:pointer}
.sf-hero{position:relative;min-height:690px;display:flex;align-items:center;overflow:hidden;background-image:var(--sf-bg);background-size:cover;background-position:center;color:#fff}
.sf-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 44%,rgba(0,0,0,.18) 78%,rgba(0,0,0,.3) 100%)}
.sf-hero:after{content:"";position:absolute;inset:auto 0 0;height:7px;background:var(--sf-orange)}
.sf-hero-content{position:relative;z-index:2;padding:105px 0}
.sf-hero-copy{max-width:780px}
.sf-kicker{display:inline-flex;align-items:center;gap:12px;color:var(--sf-orange);font-size:13px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.sf-kicker:before{content:"";width:34px;height:2px;background:currentColor}
.sf-hero h1{margin:20px 0 24px;font-size:clamp(58px,8vw,108px);font-weight:950;letter-spacing:-.055em;line-height:.88;text-transform:uppercase;text-shadow:0 5px 20px rgba(0,0,0,.24)}
.sf-hero p{max-width:710px;margin:0 0 35px;font-size:20px;line-height:1.65;color:rgba(255,255,255,.94)}
.sf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 30px;border:2px solid var(--sf-orange);background:var(--sf-orange);color:#111;font-size:13px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.sf-btn:hover{background:transparent;color:var(--sf-orange);transform:translateY(-2px)}
.sf-section{padding:105px 0}
.sf-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:78px}
.sf-split-wide{grid-template-columns:1.15fr .85fr}
.sf-copy-block h2,.sf-section-heading h2,.sf-contact-band h2{margin:13px 0 27px;color:#151515;font-size:clamp(38px,4.6vw,62px);font-weight:900;letter-spacing:-.04em;line-height:1.06}
.sf-copy-block p{margin:0 0 19px;color:#555c60}
.sf-feature-image{position:relative;margin:0;overflow:hidden;background:#ddd;box-shadow:var(--sf-shadow)}
.sf-feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.sf-feature-image:hover img{transform:scale(1.025)}
.sf-feature-image-raised{height:530px}
.sf-feature-image-raised:after{content:"15+ YEARS EXPERIENCE";position:absolute;left:0;bottom:0;background:var(--sf-orange);color:#111;padding:18px 25px;font-size:13px;font-weight:950;letter-spacing:.11em}
.sf-feature-image-raised:before{content:"";position:absolute;right:-22px;bottom:-22px;width:68%;height:68%;border:8px solid var(--sf-orange);z-index:-1}
.sf-services-section{background:#151515;color:#fff}
.sf-section-heading{max-width:760px;margin-bottom:50px}
.sf-section-heading h2{color:#fff}
.sf-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.sf-service-card{overflow:hidden;background:#fff;color:#1a1a1a;border-bottom:5px solid var(--sf-orange);box-shadow:0 15px 34px rgba(0,0,0,.26);transition:transform .25s ease}
.sf-service-card:hover{transform:translateY(-8px)}
.sf-service-image{height:245px;overflow:hidden;background:#333}
.sf-service-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.sf-service-card:hover .sf-service-image img{transform:scale(1.06)}
.sf-service-card-body{padding:28px 25px 31px}
.sf-service-card h3{margin:0 0 12px;font-size:24px;line-height:1.15}
.sf-service-card p{margin:0;color:#62676a;font-size:15px;line-height:1.65}
.sf-comprehensive-section{background:#f3f3f1}
.sf-feature-image-wide{height:560px}
.sf-contact-band{padding:105px 0;background:linear-gradient(rgba(17,17,17,.91),rgba(17,17,17,.91)),url('assets/sandblasting.webp') center/cover;color:#fff;text-align:center}
.sf-contact-band-inner{max-width:890px}
.sf-contact-band .sf-kicker{justify-content:center}
.sf-contact-band .sf-kicker:before{display:none}
.sf-contact-band h2{color:#fff;margin-bottom:20px}
.sf-contact-band p{margin:0 auto 34px;color:rgba(255,255,255,.82);font-size:18px}
.sf-page-hero{position:relative;min-height:470px;display:flex;align-items:center;background-image:var(--sf-bg);background-position:center;background-size:cover;color:#fff}
.sf-page-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.48))}
.sf-page-hero-content{position:relative;z-index:2;padding:85px 0;max-width:980px}
.sf-page-hero h1{margin:15px 0 18px;font-size:clamp(48px,6vw,82px);font-weight:950;letter-spacing:-.045em;line-height:.95;text-transform:uppercase}
.sf-page-hero p{max-width:720px;margin:0 0 28px;font-size:19px;color:rgba(255,255,255,.9)}
.sf-page-content{padding:85px 0 105px}
.sf-entry{width:min(1080px,100%)}
.sf-entry>h2:first-child{margin-top:0}
.sf-entry h2{font-size:clamp(31px,4vw,48px);line-height:1.12;letter-spacing:-.03em}
.sf-entry h3{font-size:27px}
.sf-entry p{color:#54595d}
.sf-entry ul{padding-left:22px}
.sf-entry .sft-builder{max-width:1120px}
.sf-page-contact .sf-page-content{padding-top:85px}
.sf-builder-main{min-height:400px}
.sf-post-card{padding:30px 0;border-bottom:1px solid var(--sf-line)}
.sf-footer{background:#101010;color:#bfc0c1;padding:75px 0 24px}
.sf-footer-grid{display:grid;grid-template-columns:1.55fr .8fr 1.1fr;gap:70px}
.sf-footer h2,.sf-footer h3{color:#fff;margin-top:0}
.sf-footer h2{font-size:31px}
.sf-footer h3{font-size:17px;text-transform:uppercase;letter-spacing:.09em}
.sf-footer p{max-width:520px}
.sf-footer ul{list-style:none;margin:0;padding:0}
.sf-footer li{margin:8px 0}
.sf-footer-links ul{display:grid;gap:10px}
.sf-footer-links li{margin:0}
.sf-footer-links a{display:block;padding:10px 14px;border:0;border-radius:9px;background:#fff;color:#111;font-size:14px;font-weight:800;box-shadow:none;transition:background .2s ease,color .2s ease,transform .2s ease}
.sf-footer a:hover{color:var(--sf-orange)}
.sf-footer .sf-footer-links a:hover,.sf-footer .sf-footer-links .current-menu-item>a,.sf-footer .sf-footer-links .current_page_item>a{background:#fff0df;color:#111;transform:translateX(3px)}
.sf-copy-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sf-copy-links a{color:#fff;font-weight:800}
.sf-copy-links a:hover{color:var(--sf-orange)}
.sf-footer address{font-style:normal}
.sf-copy{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:55px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:13px}
.sf-form input,.sf-form textarea,.sf-form select,.sft-contact input{width:100%;min-height:54px;margin-bottom:15px;padding:13px 16px;border:1px solid #d3d3d3;background:#fff;color:#222}
.sf-form textarea{min-height:160px;resize:vertical}
.sf-form input:focus,.sf-form textarea:focus,.sf-form select:focus{border-color:var(--sf-orange);outline:0;box-shadow:0 0 0 3px rgba(240,138,36,.14)}
.sf-notice{margin-bottom:22px;padding:14px 18px;border-left:5px solid #2f8d45;background:#e9f7ed}
@media(max-width:1100px){
    .sf-brand-lockup{min-width:215px;gap:12px}.sf-site-logo,.custom-logo{width:62px;height:62px;flex-basis:62px}.sf-brand-name{font-size:21px}.sf-menu{gap:22px}.sf-menu a{font-size:12px}.sf-service-grid{grid-template-columns:repeat(2,1fr)}.sf-split{gap:48px}.sf-feature-image-raised{height:470px}
}
@media(max-width:860px){
    body.admin-bar .sf-header{top:46px}.sf-wrap{width:min(var(--sf-width),calc(100% - 32px))}.sf-topbar-spacer{display:none}.sf-topbar-inner{justify-content:center}.sf-topbar-contact{margin:0;justify-content:center;flex-wrap:wrap;gap:8px 18px;padding:8px 0}.sf-nav{min-height:75px}.sf-brand-lockup{min-width:0;gap:10px}.sf-site-logo,.custom-logo{width:56px;height:56px;max-height:none;flex-basis:56px;border-radius:13px}.sf-brand-name{font-size:19px}.sf-navigation{position:static}.sf-mobile{display:block}.sf-search-toggle{display:none}.sf-menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-top:1px solid var(--sf-line);box-shadow:0 20px 30px rgba(0,0,0,.13);padding:12px 24px 22px}.sf-menu.open{display:flex}.sf-menu a{padding:14px 4px;font-size:14px}.sf-menu a:after{bottom:8px}.sf-hero{min-height:610px;background-position:62% center}.sf-hero-shade{background:rgba(0,0,0,.7)}.sf-hero-content{padding:85px 0}.sf-hero h1{font-size:clamp(53px,13vw,82px)}.sf-section{padding:78px 0}.sf-split,.sf-split-wide{grid-template-columns:1fr}.sf-split-intro .sf-copy-block{order:1}.sf-split-intro .sf-feature-image{order:2}.sf-feature-image-raised,.sf-feature-image-wide{height:440px}.sf-footer-grid{grid-template-columns:1fr 1fr}.sf-footer-about{grid-column:1/-1}
}
@media(max-width:620px){
    body{font-size:16px}.sf-site-logo,.custom-logo{width:50px;height:50px;max-height:none;flex-basis:50px;border-radius:12px}.sf-brand-name{font-size:17px}.sf-topbar-contact{font-size:11px}.sf-topbar-contact a:first-child{display:none}.sf-service-grid{grid-template-columns:1fr}.sf-service-image{height:260px}.sf-hero{min-height:560px}.sf-hero h1{font-size:49px}.sf-hero p{font-size:17px}.sf-page-hero{min-height:400px}.sf-page-hero h1{font-size:43px}.sf-page-content{padding:60px 0 75px}.sf-feature-image-raised,.sf-feature-image-wide{height:330px}.sf-copy-block h2,.sf-section-heading h2,.sf-contact-band h2{font-size:36px}.sf-page-contact .sf-page-content{padding-top:60px}.sf-footer-grid{grid-template-columns:1fr;gap:35px}.sf-footer-about{grid-column:auto}.sf-copy{align-items:flex-start;flex-direction:column}.sf-contact-band{padding:75px 0}
}

/* Product Builder page: allow the Bootstrap-style two-column layout to use the full content width. */
.sf-page-product-builder .sf-page-content{background:#f6f7f8}
.sf-page-product-builder .sf-entry{width:100%;max-width:var(--sf-width)}
