/*
Theme Name: WebFX Business
Author: WebFX Business
Description: White and blue agency theme with service pages and WhatsApp proposal inquiries.
Version: 1.2.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: webfx-business
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#132c4a;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a:hover{color:#1870e8}.top{padding:12px 5%;display:flex;justify-content:space-between;background:#f2f7fe;font-size:12px;letter-spacing:.7px}.top>a{font-size:14px;letter-spacing:0}header{display:flex;align-items:center;justify-content:space-between;padding:23px 5%;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e7edf5}.logo{font-size:31px;font-weight:700;letter-spacing:-1.5px;display:inline-flex;align-items:center;gap:2px;line-height:1}.logo span{background:#1769e0;color:white;padding:5px;letter-spacing:-2px}.logo small{font-size:10px;letter-spacing:2px;writing-mode:vertical-rl;margin-left:5px}nav{display:flex;align-items:center;gap:28px;font-size:14px}.btn{display:inline-flex;justify-content:center;gap:30px;align-items:center;background:#1769e0;color:white;padding:15px 23px;border:0;border-radius:4px;font-weight:700;font-size:14px;cursor:pointer}.btn:hover{background:#0d51b4;color:white}.outline{background:transparent;border:1px solid #b4c7e4;color:#173656}.hero{padding:78px 5% 64px;background:linear-gradient(125deg,#fff 42%,#e9f3ff);display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;overflow:hidden}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2px;font-weight:bold;color:#1769e0;display:block;margin-bottom:20px}h1{font-size:clamp(42px,4.4vw,68px);letter-spacing:-2.8px;line-height:1.08;margin:0 0 25px;font-weight:750}h1 em{font-style:normal;color:#1769e0}p{color:#5b6d83} .hero p{font-size:18px;max-width:550px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 22px}.notes{font-size:12px;color:#5b6d83}.notes span{margin-right:18px}.visual{position:relative;padding:30px 0}.browser{background:white;border:1px solid #d5e3f5;border-radius:12px;box-shadow:0 25px 65px #173f7620;transform:rotate(-3deg);overflow:hidden}.bar{height:36px;background:#f6f8fc;display:flex;align-items:center;padding:0 15px;gap:5px;border-bottom:1px solid #e4eaf2}.dot{width:6px;height:6px;border-radius:50%;background:#becce1}.url{font-size:9px;margin:auto;color:#70819a}.mock{padding:25px 28px 0;background:#fff}.mocknav{font-size:10px;display:flex;justify-content:space-between}.mockhero{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;padding:35px 0}.mock h3{font-size:31px;line-height:1.05;letter-spacing:-1px;margin:12px 0}.mock p{font-size:10px;margin:15px 0}.tiny{background:#1769e0;color:#fff;padding:9px 12px;font-size:8px;display:inline-block}.sculpture{border-radius:90px 90px 15px 15px;background:#eaf2ff;position:relative;display:flex;align-items:center;justify-content:center}.sculpture:before{content:'↗';font-size:130px;font-weight:bold;color:#1769e0;transform:rotate(-10deg)}.mockbottom{display:flex;justify-content:space-between;background:#f2f6fc;margin:0 -28px;padding:17px 28px;font-size:9px}.label{position:absolute;bottom:0;left:-25px;background:#fff;box-shadow:0 12px 35px #163e7318;border:1px solid #e4ebf4;border-radius:8px;padding:17px 24px;font-size:12px}.label b{display:block;font-size:17px}.tag{position:absolute;right:-12px;top:0;background:#1769e0;color:#fff;border-radius:50%;width:95px;height:95px;display:grid;place-content:center;text-align:center;font-size:11px;transform:rotate(10deg)}.strip{padding:22px 5%;display:flex;justify-content:space-between;border-block:1px solid #e6edf6;font-size:13px;gap:20px;color:#5b6d83}.strip strong{color:#163557}section{padding:88px 5%}h2{font-size:42px;line-height:1.15;letter-spacing:-1.4px;margin:0 0 20px}.sectionhead{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.sectionhead p{max-width:420px;margin:0}.tabs{display:flex;gap:10px;border-bottom:1px solid #dce6f2;margin-bottom:30px}.tab{background:none;border:0;border-bottom:3px solid transparent;padding:15px 25px;color:#65768a;cursor:pointer}.tab.active{border-color:#1769e0;color:#1769e0;font-weight:bold}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #dce6f2;padding:30px;border-radius:7px;transition:.2s;display:block}.card:hover{border-color:#1769e0;transform:translateY(-3px);box-shadow:0 10px 25px #163e7309}.icon{font-size:26px;color:#1769e0;font-weight:400}.card h3{font-size:20px;line-height:1.3;margin:20px 0 12px}.card p{font-size:14px;min-height:66px}.learn{font-size:13px;font-weight:bold;color:#1769e0;display:flex;justify-content:space-between}.light{background:#f4f8fe}.challengewrap{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}details{border-bottom:1px solid #d7e3f2;padding:22px 0}summary{font-size:18px;font-weight:bold;cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary:after{content:'+';color:#1769e0}details[open] summary:after{content:'−'}details p{font-size:14px;max-width:550px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:45px}.step{border-top:1px solid #cbdcf1;padding-top:22px}.num{font-size:13px;color:#1769e0}.step h3{font-size:21px}.step p{font-size:14px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#edf5ff}.about p{font-size:16px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#123e7e;color:#fff}.contact p{color:#c5d7f0}.contact a{display:inline-block;margin-top:15px}.form{background:#fff;padding:32px;border-radius:8px;color:#173656}.form label{font-size:13px;font-weight:bold;display:block;margin-bottom:15px}.form input,.form textarea,.form select{display:block;width:100%;border:1px solid #d1dceb;padding:12px;margin-top:6px;background:#fff;border-radius:4px;font-weight:normal;font-size:14px}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form p{color:#63748a;font-size:12px}footer{padding:55px 5% 25px}footer>div{display:flex;gap:50px;justify-content:space-between;font-size:14px;margin:35px 0}footer small{font-size:11px;color:#697b91}hr{border:0;border-top:1px solid #e0e8f2;margin:25px 0}.float{position:fixed;bottom:22px;right:22px;background:#1769e0;color:#fff;box-shadow:0 7px 22px #164c8040;border-radius:30px;padding:12px 22px;z-index:30;font-size:13px}.menu{display:none}.detail{max-width:950px;margin:auto;min-height:60vh}.detail ul{padding-left:20px;color:#5b6d83}[hidden]{display:none!important}@media(max-width:1000px){nav{gap:14px;font-size:12px}.hero{gap:30px}.grid{grid-template-columns:repeat(2,1fr)}.challengewrap{gap:40px}.tag{right:0}}@media(max-width:760px){.top{font-size:9px}.top>span{max-width:160px}.top>a{font-size:11px}header{padding:18px 5%}.menu{display:block;background:none;border:0;font-size:25px;color:#173656}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:25px;background:#fff;flex-direction:column;align-items:stretch;border-bottom:1px solid #ddd}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:45px;gap:30px}h1{font-size:47px}.visual{margin:0 15px 15px}.strip{flex-wrap:wrap;font-size:11px}.sectionhead{display:block}.sectionhead p{margin-top:18px}section{padding:60px 5%}h2{font-size:34px}.grid,.challengewrap,.about,.contact{grid-template-columns:1fr;gap:25px}.steps{grid-template-columns:1fr 1fr;gap:25px}.card p{min-height:0}footer>div{flex-direction:column;gap:20px}.row{grid-template-columns:1fr}.label{left:-10px}.float{bottom:15px;right:15px}.hero p{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body.admin-bar header{top:32px}.logo small{writing-mode:horizontal-tb;letter-spacing:1px;font-size:11px;margin-left:8px} .skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:40px;background:white;z-index:100;padding:12px}.entry-content img{max-width:100%;height:auto}.entry-content .alignwide{width:100%}@media(max-width:782px){body.admin-bar header{top:46px}}

/* Services mega menu and editable client stories */
.nav-services{position:static}.services-toggle{display:flex;align-items:center;gap:9px;color:inherit;background:none;border:0;padding:18px 0;cursor:pointer;font-size:inherit}.services-toggle:hover,.services-toggle:focus-visible{color:#1769e0}.mega-menu{position:absolute;left:5%;right:5%;top:100%;display:grid;grid-template-columns:.9fr 1.1fr 1.2fr;background:#fff;border:1px solid #dce6f2;border-top:3px solid #1769e0;border-radius:0 0 10px 10px;box-shadow:0 20px 45px #12375d24;padding:32px;gap:35px;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .16s,transform .16s;max-height:calc(100vh - 155px);overflow:auto}.nav-services:hover .mega-menu,.nav-services:focus-within .mega-menu,.nav-services.expanded .mega-menu{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.mega-intro{background:#eef5ff;padding:26px;border-radius:6px}.mega-intro .eyebrow{font-size:10px}.mega-intro h2{font-size:29px;letter-spacing:-.8px}.mega-intro p{font-size:13px}.mega-intro>a{font-size:12px;font-weight:bold;color:#1769e0}.mega-column h3{font-size:13px;color:#1769e0;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 15px;padding-bottom:12px;border-bottom:1px solid #e0e8f2}.mega-column>a{display:flex;justify-content:space-between;gap:15px;font-size:13px;padding:11px 8px;border-radius:4px}.mega-column>a:hover,.mega-column>a:focus-visible{background:#edf5ff}.mega-column>a span{color:#1769e0}.testimonials{background:#f4f8fe}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.review-card{background:#fff;border:1px solid #dce6f2;border-radius:8px;padding:30px;display:flex;flex-direction:column}.quote-mark{font-size:65px;line-height:1;color:#1769e0;font-family:Georgia,serif}.review-card blockquote{margin:0 0 28px;color:#294362;font-size:17px;line-height:1.7;flex:1}.review-author{display:flex;align-items:center;gap:13px;border-top:1px solid #e4ecf7;padding-top:20px}.review-avatar{width:42px;height:42px;border-radius:50%;background:#eaf2ff;color:#1769e0;display:grid;place-content:center;font-weight:bold}.review-author strong{display:block;font-size:14px}.review-author small{color:#697b91;font-size:12px}.review-placeholder{border-style:dashed}.review-placeholder blockquote{color:#76879a;font-size:15px}.placeholder-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#70839d;margin-bottom:15px}.review-note{font-size:12px;margin-top:22px;color:#74839a}@media(max-width:1000px){.mega-menu{gap:20px;padding:22px}.mega-intro{padding:18px}}@media(max-width:760px){.nav-services{width:100%}.services-toggle{width:100%;justify-content:space-between;padding:8px 0}.mega-menu{position:static;display:none;visibility:visible;opacity:1;pointer-events:auto;transform:none;box-shadow:none;border:0;border-top:1px solid #e0e8f2;padding:20px 0;margin-top:12px;max-height:55vh;grid-template-columns:1fr;gap:20px}.nav-services:hover .mega-menu,.nav-services:focus-within .mega-menu{display:none}.nav-services.expanded .mega-menu{display:grid}.mega-intro{display:none}.review-grid{grid-template-columns:1fr}.review-card{padding:25px}}@media(prefers-reduced-motion:reduce){.mega-menu{transition:none}}

.nav-services.dismissed .mega-menu{visibility:hidden;opacity:0;pointer-events:none}@media(max-width:760px){.nav-services.dismissed .mega-menu{display:none}}

.tabs{overflow-x:auto;scrollbar-width:thin;flex-wrap:nowrap}.tab{white-space:nowrap;flex-shrink:0}.mega-menu{grid-template-columns:repeat(3,minmax(0,1fr));max-height:calc(100vh - 155px)}.mega-intro h2{font-size:25px}.service-hero{background:linear-gradient(125deg,#fff,#eaf3ff);padding:65px 5%}.service-inner{max-width:1180px;margin:auto}.service-hero h1{max-width:900px}.service-lead{max-width:750px;font-size:21px}.service-body{display:grid;grid-template-columns:1fr 320px;gap:65px;padding:70px 5%}.service-body h2{font-size:32px;margin-top:30px}.service-aside{background:#edf5ff;padding:30px;border-radius:8px;align-self:start;position:sticky;top:130px}.service-aside h3{font-size:26px;line-height:1.2;margin-top:0}.service-aside p{font-size:14px}.deliverables{margin:30px 0}.deliverables>div{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #e0e8f2}.deliverables span{color:#1769e0}.deliverables h3{font-size:16px;margin:0}.service-note{font-size:13px;background:#f5f8fc;padding:18px;border-radius:5px}.service-process{padding-left:20px;color:#5b6d83}.service-process li{padding:10px 0}@media(max-width:760px){.mega-menu{grid-template-columns:1fr}.service-body{grid-template-columns:1fr;gap:30px;padding-top:40px}.service-aside{position:static}.service-lead{font-size:18px}.tabs{gap:0}.tab{padding:14px 18px}.service-hero h1{font-size:40px;letter-spacing:-1.5px}}
.review-stars{color:#1769e0;letter-spacing:3px;font-size:16px;margin-bottom:16px}.review-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.review-card{padding:25px}.review-card blockquote{font-size:15px}@media(max-width:1100px){.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.review-grid{grid-template-columns:1fr}}