/*
Theme Name: WITB Systems
Author: WITB Systems
Description: Complete responsive consulting theme with a built-in marketing homepage, inquiry forms, client dashboard routing, and optional Elementor page editing.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: witb-systems
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
body{margin:0;background:#fff} .witb{min-height:100vh}.witb .witb-menu{display:flex;gap:24px;list-style:none;margin:0;padding:0}.witb .witb-menu li{border:0;padding:0;font-size:13px}.witb .custom-logo{max-width:220px;max-height:60px;width:auto;height:auto}.witb .content-area{min-height:55vh;padding-block:65px}.witb .entry-content{overflow-wrap:anywhere}.witb .entry-content a,.witb .post-list a{text-decoration:underline}.witb .entry-content img,.witb .post-thumbnail img{max-width:100%;height:auto}.witb .entry-content iframe{max-width:100%}.witb .post-list{display:grid;gap:35px}.witb .post-preview{border-bottom:1px solid var(--line);padding-bottom:30px}.witb .post-meta{font-size:13px;color:var(--muted)}.witb .pagination{margin-block:30px}.witb .pagination .page-numbers{display:inline-block;padding:8px 12px}.witb .pagination .current{background:var(--navy);color:#fff}.witb .comments-area{margin-top:50px;border-top:1px solid var(--line);padding-top:30px}.witb textarea{width:100%;font:inherit;padding:12px}.witb .comment-list{padding-left:20px}.witb .comment-list li{padding-block:15px}.witb .comment-form-cookies-consent input{display:inline;width:auto;min-height:0}.witb .comment-form-cookies-consent label{display:inline}.witb .search-form{max-width:480px;display:flex;gap:12px;align-items:end}.witb .search-form label{flex:1}.witb .search-submit,.witb .submit{padding:12px 18px;background:var(--navy);color:white;border:0;cursor:pointer}.witb .footer-policy{font-size:12px}
@media(max-width:950px){.witb .witb-header{flex-wrap:wrap}.witb .witb-header nav{display:block;order:3;flex-basis:100%}.witb .witb-menu{flex-wrap:wrap;gap:12px 24px}}

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}

/* Mobile and tablet usability across marketing and WordPress content. */
.witb main,.witb article,.witb section,.witb .hero>*,.witb .section-heading>*,.witb .inquiry>*,.witb .partner>*{min-width:0}.witb img,.witb svg,.witb video{max-width:100%}.witb input,.witb select,.witb textarea{max-width:100%}.witb p,.witb h1,.witb h2,.witb h3,.witb a{overflow-wrap:break-word}.witb dialog{overscroll-behavior:contain;max-height:calc(100dvh - 32px);scroll-padding-block:25px}.witb .witb-header nav a,.witb .portal-link{display:inline-flex;align-items:center;min-height:44px}.witb .witb-header nav a{padding-block:8px}.witb .witb-menu{gap:8px 24px}.witb .witb-faq summary{padding-block:6px;min-height:44px}.witb .inquiry-form{scroll-margin-top:20px}.witb .search-form label{min-width:0}.witb .entry-content table{display:block;max-width:100%;overflow-x:auto}.witb .entry-content pre{max-width:100%;overflow:auto}
@media(max-width:950px){.witb .hero{grid-template-columns:1fr;gap:36px}.witb .hero>div:first-child{max-width:750px}.witb .operation{max-width:620px;width:100%;justify-self:start}.witb .hero h1{font-size:clamp(40px,7vw,62px)}.witb .witb-header nav{width:100%;gap:8px 24px}.witb .witb-menu{gap:8px 24px}.witb .brand{white-space:normal}.witb .inquiry{grid-template-columns:1fr}.witb .inquiry>div:first-child{max-width:700px}}
@media(max-width:680px){.witb .wrap{width:calc(100% - 32px)}.witb .witb-header{padding-block:16px;gap:10px 16px}.witb .hero{padding-block:36px 42px}.witb .hero h1{font-size:clamp(36px,9vw,45px);letter-spacing:-1.4px;line-height:1.1}.witb .lead{font-size:17px}.witb h2{font-size:clamp(29px,7.5vw,35px);letter-spacing:-.8px}.witb .witb-menu{gap:8px 18px}.witb .witb-header nav{gap:8px 18px}.witb .witb-header nav a{font-size:14px}.witb .portal-link{font-size:13px}.witb .three-phases{gap:22px}.witb .three-phases .price-card{padding:24px}.witb .three-phases .price{font-size:clamp(29px,8vw,35px);white-space:normal}.witb .three-phases .button,.witb .growth-details .button,.witb .partner-intro .button,.witb .inquiry-form .button{width:100%;min-height:50px;text-align:center;white-space:normal}.witb .partner-split{grid-template-columns:1fr 1fr}.witb .partner-upfront{flex-wrap:wrap}.witb .partner-split p{overflow-wrap:anywhere}.witb .op-top{gap:8px;font-size:10px}.witb .op-list{padding-inline:17px}.witb .op-list li{gap:12px}.witb .op-list li>div{font-size:15px}.witb .box-art{padding-inline:15px}.witb .box-art span{font-size:9px;letter-spacing:.6px}.witb .service-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:9px 15px;font-size:10px;letter-spacing:.5px}.witb .service-strip span{display:none}.witb .witb-footer{align-items:start;gap:12px}.witb dialog{width:calc(100% - 24px);padding:30px 20px 24px;max-height:calc(100dvh - 24px)}.witb dialog h2{padding-right:28px}.witb input,.witb select,.witb textarea{font-size:17px;min-height:48px}.witb .search-form{flex-direction:column;align-items:stretch}.witb .search-submit{min-height:48px}.witb .post-navigation .nav-links{display:grid;gap:20px}}
@media(max-width:380px){.witb .witb-header .site-identity{flex-basis:100%}.witb .witb-header>.portal-link{margin-left:auto}.witb .witb-header>.brand{flex-basis:100%}.witb .brand{font-size:22px}.witb .hero h1{font-size:36px}.witb .partner-split{grid-template-columns:1fr}.witb .three-phases .price-card,.witb .partner{padding:21px}.witb .op-top .live{display:none}}

/* Supplied WITB artwork; original PNG preserved. */
.witb .witb-logo-link{display:inline-flex;align-items:center;flex-shrink:0;background:#01070d;border-radius:6px;overflow:hidden;max-width:100%;border:1px solid #193e53}.witb .witb-logo{display:block;width:190px;height:122px;object-fit:cover;object-position:50% 43%;max-width:100%}.witb .witb-header{padding-block:15px}.witb .witb-footer .witb-logo{width:154px;height:100px}.witb .witb-footer{align-items:center}.witb .witb-header .site-identity{flex-shrink:0}
@media(max-width:680px){.witb .witb-logo{width:148px;height:96px}.witb .witb-header{gap:8px 12px}.witb .witb-header>.witb-logo-link{flex-basis:auto}.witb .witb-footer{align-items:start}.witb .witb-footer .witb-logo{width:148px;height:96px}}
@media(max-width:380px){.witb .witb-header .site-identity{flex-basis:auto}.witb .witb-logo{width:130px;height:85px}.witb .witb-header>.portal-link{margin-left:0;font-size:12px}}

/* Open-box logo: light framing to match the supplied navy/green/gold artwork. */
.witb .witb-logo-link{background:#fffefa;border:0;border-radius:0}.witb .witb-logo{width:190px;height:140px;object-fit:contain;object-position:center}.witb .witb-footer .witb-logo{width:154px;height:114px}
@media(max-width:680px){.witb .witb-logo,.witb .witb-footer .witb-logo{width:148px;height:110px}}
@media(max-width:380px){.witb .witb-logo{width:130px;height:96px}}

/* Keep service labels visible and independently wrappable on narrow screens. */
.witb .service-strip .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:14px}.witb .service-strip .service-label{display:block;color:inherit;min-width:0;overflow-wrap:break-word}.witb .op-list li>div{min-width:0}.witb .box-art{height:auto;min-height:200px}.witb .box-art svg{flex-shrink:0}.witb .box-art span{line-height:1.6}.witb .partner-split>div{min-width:0}
@media(max-width:680px){.witb .service-strip .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.witb .service-strip .service-label{display:block;font-size:11px;line-height:1.6}.witb .witb-header .portal-link{white-space:normal}.witb .witb-header nav a{white-space:normal}.witb .op-list li{align-items:flex-start}.witb .op-list li>span,.witb .op-list li>b{padding-top:3px}}

/* Explicit spacing for primary navigation in the theme and standalone preview. */
.witb .witb-header nav{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:8px}.witb .witb-header nav>a,.witb .witb-header nav .witb-menu>li>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;line-height:1.4;border-radius:5px}.witb .witb-header nav>a:hover,.witb .witb-header nav .witb-menu>li>a:hover{background:#edf2eb}.witb .witb-header nav .witb-menu{display:flex;flex-wrap:wrap;column-gap:12px;row-gap:8px;margin:0;padding:0;list-style:none}.witb .witb-header nav .witb-menu>li{margin:0;padding:0;border:0}
@media(max-width:950px){.witb .witb-header nav{flex-basis:100%;width:100%;column-gap:8px}.witb .witb-header nav .witb-menu{column-gap:8px}}
@media(max-width:680px){.witb .witb-header nav{display:flex;gap:8px;justify-content:flex-start}.witb .witb-header nav>a,.witb .witb-header nav .witb-menu>li>a{padding:10px 12px;font-size:14px;background:#f0f4ed;border:1px solid #d7dfda}.witb .witb-header nav .witb-menu{gap:8px}.witb .witb-header nav>a+a{margin-left:2px}}

.witb .steps .step-service-note{font-size:13px;color:#53636b;margin-top:12px;padding-top:12px;border-top:1px solid #ced8cb}
