/*
Theme Name: JoloTEX Nigeria Limited — Corporate
Theme URI: https://jolotexnig.com/
Author: JoloTEX Nigeria Limited
Description: Premium, responsive corporate WordPress theme for JoloTEX Nigeria Limited, built around supplied corporate, project, workforce and award imagery.
Version: 6.0.0
License: GPL-2.0-or-later
Text Domain: jolotex
*/
:root{--grey:#dfe2e4;--grey2:#eef0f1;--charcoal:#262b2f;--ink:#30373c;--muted:#667078;--white:#fff;--gold:#b28b35;--gold2:#d1b15d;--line:#d9dde0;--black:#121719;--shadow:0 18px 55px rgba(22,28,32,.10);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.7}img{max-width:100%;height:auto;display:block;image-orientation:from-image}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{background:var(--charcoal);color:#fff;font-size:13px}.topbar .container{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar a:hover{color:var(--gold2)}.topbar-left,.topbar-right{display:flex;gap:20px;flex-wrap:wrap}.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{min-height:84px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:11px;min-width:260px}.brand img{width:58px;height:58px;object-fit:contain}.brand strong{display:block;font-size:25px;line-height:1;color:var(--charcoal)}.brand span{display:block;font-size:12px;color:#70777c;font-weight:800;margin-top:5px}.primary{margin-left:auto}.primary ul{display:flex;list-style:none;padding:0;margin:0;gap:21px;align-items:center}.primary a{font-size:13px;font-weight:800;color:var(--charcoal)}.primary a:hover,.primary .current-menu-item>a{color:var(--gold)}.nav-btn{white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--charcoal);color:#fff;padding:14px 22px;font-weight:850;border:1px solid var(--charcoal);transition:.2s}.btn:hover{transform:translateY(-2px);background:#000}.btn.gold{background:var(--gold);border-color:var(--gold);color:#151515}.btn.light{background:#fff;border-color:#fff;color:var(--charcoal)}.btn.outline{background:transparent;color:#fff;border-color:#fff}.mobile-toggle{display:none;background:none;border:0;font-size:30px}.mobile-menu{display:none;border-top:1px solid var(--line);background:#fff}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-weight:800}.hero{position:relative;min-height:660px;overflow:hidden;background:var(--charcoal)}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.9)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,21,23,.92) 0%,rgba(17,21,23,.78) 34%,rgba(17,21,23,.24) 72%,rgba(17,21,23,.08) 100%)}.hero-content{position:relative;z-index:2;min-height:660px;display:flex;align-items:center}.hero-copy{max-width:700px;color:#fff;padding:70px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:3px;font-size:11px;font-weight:900;color:var(--gold2)}.eyebrow:before{content:"";width:42px;height:3px;background:var(--gold2)}.hero h1{font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-3px;margin:18px 0}.hero h1 em{font-style:normal;color:var(--gold2)}.hero p{font-size:20px;max-width:620px;color:#e8ecee}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-panel{position:absolute;z-index:3;right:5%;bottom:55px;background:rgba(255,255,255,.95);color:var(--charcoal);padding:25px 28px;width:300px;border-top:4px solid var(--gold);box-shadow:var(--shadow)}.hero-panel b{font-size:20px;display:block;line-height:1.3}.hero-panel small{color:var(--muted)}.trust-strip{background:var(--grey2);border-bottom:1px solid var(--line)}.trust-strip .container{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:25px 20px;border-right:1px solid var(--line)}.trust-item:last-child{border:0}.trust-item b{display:block;font-size:26px;color:var(--charcoal)}.trust-item span{font-size:12px;color:var(--muted);font-weight:750}.section{padding:90px 0}.section.grey{background:var(--grey2)}.section.dark{background:var(--charcoal);color:#fff}.head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.head h2,.section h2{font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-1.7px;margin:8px 0 12px}.head p{max-width:760px;color:var(--muted);margin:0}.dark .head p,.dark p{color:#c9d0d4}.grid-8{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service{background:#fff;border:1px solid var(--line);overflow:hidden;transition:.25s;box-shadow:0 8px 30px rgba(0,0,0,.05)}.service:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service img{width:100%;height:185px;object-fit:cover}.service-body{padding:20px}.service-body h3{font-size:18px;line-height:1.25;margin:0 0 10px}.service-body p{font-size:14px;color:var(--muted);margin:0 0 13px}.arrow{font-weight:900;color:var(--gold)}.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:center}.about-image{position:relative}.about-image img{width:100%;height:500px;object-fit:cover}.about-tag{position:absolute;left:20px;bottom:20px;background:var(--charcoal);color:#fff;padding:22px 25px;border-left:4px solid var(--gold);max-width:280px}.about-copy p{color:var(--muted)}.about-copy .lead{font-size:20px;color:var(--ink)}.split{display:grid;grid-template-columns:1fr 1fr}.split-image{min-height:560px;background-size:cover;background-position:center}.split-copy{padding:70px 8%;background:var(--charcoal);color:#fff}.check{display:grid;grid-template-columns:44px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.14)}.check:last-child{border:0}.check-icon{width:40px;height:40px;border:1px solid var(--gold2);display:grid;place-items:center;color:var(--gold2);font-weight:900}.check h3{margin:0 0 4px}.check p{margin:0;color:#c7ced2}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.timeline-card{background:#fff;border-top:4px solid var(--gold);padding:27px;box-shadow:var(--shadow)}.timeline-card .year{font-size:12px;font-weight:900;letter-spacing:2px;color:var(--gold)}.timeline-card h3{margin:9px 0}.timeline-card p{color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery figure{margin:0;background:#fff;border:1px solid var(--line);overflow:hidden}.gallery img{width:100%;height:240px;object-fit:cover}.gallery figcaption{padding:12px 14px;font-size:12px;color:var(--muted);font-weight:800}.gallery .wide{grid-column:span 2}.gallery .wide img{height:300px}.awards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.award{background:#fff;border:1px solid var(--line);box-shadow:0 8px 30px rgba(0,0,0,.06);overflow:hidden}.award-img{height:350px;background:#f6f7f7;padding:12px}.award-img img{height:100%;width:100%;object-fit:contain}.award-body{padding:20px}.award-body h3{margin:0;font-size:17px;line-height:1.3}.award-body p{margin:6px 0 0;color:var(--muted);font-size:13px}.page-hero{position:relative;overflow:hidden;background:var(--charcoal);color:#fff;padding:105px 0}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,24,26,.95),rgba(20,24,26,.65),rgba(20,24,26,.22))}.page-hero .container{position:relative;z-index:2}.page-hero-image{position:absolute;right:0;top:0;width:52%;height:100%;object-fit:cover;opacity:.55}.page-hero h1{font-size:clamp(42px,6vw,78px);line-height:1;margin:12px 0;letter-spacing:-2px}.page-hero p{max-width:760px;font-size:19px;color:#d4d9dc}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);padding:28px;box-shadow:0 8px 30px rgba(0,0,0,.05)}.card h3{margin-top:0;font-size:20px}.card p{color:var(--muted)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.feature img{width:100%;max-height:540px;object-fit:cover}.service-detail{display:grid;grid-template-columns:1fr .95fr;gap:55px;align-items:center}.service-detail img{width:100%;height:440px;object-fit:cover}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.service-list div{background:var(--grey2);padding:15px;border-left:4px solid var(--gold);font-weight:800}.legal h2{font-size:30px;margin-top:38px}.legal h3{font-size:20px;margin-top:28px}.legal p,.legal li{color:var(--muted)}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-size:18px;font-weight:850;cursor:pointer}.faq .answer{padding-top:10px;color:var(--muted)}.quote-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.quote-side{background:var(--charcoal);color:#fff;padding:45px}.quote-side p{color:#d1d6d9}.form-box{background:#fff;border:1px solid var(--line);padding:35px;box-shadow:var(--shadow)}form{display:grid;gap:10px}label{font-size:13px;font-weight:850}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #cdd2d5;border-radius:2px;font:inherit}textarea{min-height:150px;resize:vertical}.cta{padding:80px 0;background:linear-gradient(120deg,var(--grey),#f7f8f8);border-top:1px solid var(--line)}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:clamp(34px,5vw,62px);margin:0;line-height:1.05}.site-footer{background:#181d20;color:#d9dee0;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.site-footer h3{color:#fff;margin-top:0}.site-footer p{color:#aeb7bb}.social-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.social-links a{display:inline-flex;padding:8px 11px;border:1px solid rgba(255,255,255,.16);color:#e8ecee;font-size:12px;font-weight:800}.social-links a:hover{border-color:var(--gold2);color:var(--gold2)}.footer-bottom{margin-top:45px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;font-size:12px}.wa{position:fixed;right:20px;bottom:20px;width:62px;height:62px;border-radius:50%;background:#18bd70;color:#fff;display:grid;place-items:center;font-weight:900;z-index:90;box-shadow:0 12px 30px rgba(0,0,0,.22)}.notice{padding:18px 20px;background:#f8f9f9;border-left:4px solid var(--gold);margin-bottom:25px}.center{text-align:center}.muted{color:var(--muted)}
@media(max-width:1050px){.primary ul{gap:12px}.grid-8{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.hero-panel{display:none}}
@media(max-width:780px){.container{width:calc(100% - 28px)}.topbar{display:none}.nav{min-height:74px}.brand{min-width:0;flex:1}.brand img{width:52px;height:52px}.brand strong{font-size:21px}.brand span{font-size:10px}.primary,.nav-btn{display:none}.mobile-toggle{display:block}.hero,.hero-content{min-height:590px}.hero-copy{padding:45px 0}.hero h1{font-size:50px;letter-spacing:-2px}.hero p{font-size:17px}.trust-strip .container{grid-template-columns:repeat(2,1fr)}.trust-item{padding:18px 12px}.trust-item b{font-size:22px}.section{padding:60px 0}.head{display:block}.head .btn{margin-top:20px}.grid-8,.about-grid,.split,.timeline,.gallery,.awards,.cards-3,.feature,.service-detail,.quote-layout{grid-template-columns:1fr}.service img{height:225px}.about-image img{height:350px}.split-image{min-height:330px}.split-copy{padding:55px 25px}.gallery .wide{grid-column:auto}.gallery img,.gallery .wide img{height:270px}.award-img{height:330px}.page-hero{padding:75px 0}.page-hero-image{width:100%;opacity:.2}.service-detail img{height:310px}.service-list{grid-template-columns:1fr}.cta-inner{display:block}.cta h2{margin-bottom:25px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom div{margin-top:8px}}