/*
Theme Name: Dream IT Global Header & Footer
Author: Dream IT Global
Description: Lightweight theme for shared header, categorized service mega menu and footer. Page content uses the native WordPress editor.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: dreamit-global-hf
*/
:root{--dit-orange:#f04b00;--dit-orange-dark:#d94000;--dit-navy:#172b4d;--dit-ink:#171923;--dit-text:#333b4a;--dit-muted:#697386;--dit-line:#e7eaf0;--dit-soft:#f6f8fb;--dit-footer:#101522;--dit-footer-muted:#a9b0c0;--dit-container:1320px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--dit-text);background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}img{max-width:100%;height:auto}a{color:var(--dit-orange)}a:hover{color:var(--dit-orange-dark)}button{font:inherit}.dit-container{width:min(calc(100% - 48px),var(--dit-container));margin-inline:auto}.dit-skip-link{position:absolute;top:-100px;left:16px;z-index:99999;padding:12px;background:#fff;color:#111}.dit-skip-link:focus{top:12px}
.dit-site-header{position:relative;z-index:1000;background:#fff;border-bottom:1px solid var(--dit-line)}.dit-header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:26px}.dit-brand{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--dit-navy);font-size:1.25rem;font-weight:850;text-decoration:none;line-height:1.15}.dit-brand img{display:block;width:auto;max-width:230px;max-height:58px}.dit-brand-text small{display:block;font-size:.55rem;letter-spacing:.17em;text-align:right}.dit-primary-nav{margin-left:auto}.dit-primary-nav ul{list-style:none;margin:0;padding:0}.dit-primary-nav>div>ul,.dit-primary-nav>ul{display:flex;align-items:center;gap:clamp(16px,2vw,32px)}.dit-primary-nav li{position:relative}.dit-primary-nav a{display:inline-flex;align-items:center;gap:7px;padding:27px 0;color:var(--dit-ink);font-weight:650;text-decoration:none;white-space:nowrap}.dit-primary-nav a:hover,.dit-primary-nav .current-menu-item>a,.dit-primary-nav .current-menu-ancestor>a{color:var(--dit-orange)}.dit-primary-nav .menu-item-has-children>a:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}.dit-primary-nav .sub-menu{position:absolute;top:100%;left:-16px;min-width:225px;padding:12px;background:#fff;border:1px solid var(--dit-line);border-radius:12px;box-shadow:0 18px 45px #10152220;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s}.dit-primary-nav .sub-menu a{display:flex;width:100%;padding:9px 11px;white-space:normal;line-height:1.35;border-radius:7px;font-size:.93rem}.dit-primary-nav .sub-menu a:hover{background:var(--dit-soft)}.dit-primary-nav li:hover>.sub-menu,.dit-primary-nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
/* Add CSS class dit-mega to the top-level Services menu item. Structure: Services > category > service links. */
.dit-primary-nav li.dit-mega{position:static}.dit-primary-nav li.dit-mega>.sub-menu{left:24px;right:24px;top:calc(100% - 1px);width:auto;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:28px clamp(24px,3vw,48px);border-radius:0 0 16px 16px;border-top:1px solid #f0f1f4;box-shadow:0 24px 48px #10152226}.dit-primary-nav li.dit-mega:hover>.sub-menu,.dit-primary-nav li.dit-mega:focus-within>.sub-menu{display:grid}.dit-primary-nav li.dit-mega>.sub-menu>li>a{display:block;padding:0 0 10px;margin-bottom:6px;color:var(--dit-navy);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}.dit-primary-nav li.dit-mega>.sub-menu>li>a:after{display:none}.dit-primary-nav li.dit-mega>.sub-menu>li>.sub-menu{position:static;display:block;min-width:0;padding:0;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none;background:transparent}.dit-primary-nav li.dit-mega>.sub-menu>li>.sub-menu a{padding:8px 0;color:var(--dit-text);font-size:.91rem;font-weight:600}.dit-primary-nav li.dit-mega>.sub-menu>li>.sub-menu a:hover{color:var(--dit-orange);background:transparent}.dit-primary-nav li.dit-mega>.sub-menu>li>.sub-menu .sub-menu{display:none}
.dit-header-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 21px;border-radius:999px;background:var(--dit-orange);color:#fff;font-weight:750;text-decoration:none;white-space:nowrap}.dit-header-cta:hover{background:var(--dit-orange-dark);color:#fff}.dit-menu-toggle{display:none;border:1px solid var(--dit-line);background:#fff;border-radius:9px;padding:10px 12px;color:var(--dit-ink);cursor:pointer}
.dit-site-main{min-height:45vh}.dit-site-footer{padding:62px 0 24px;color:#e8ebf2;background:var(--dit-footer)}.dit-footer-grid{display:grid;grid-template-columns:minmax(250px,1.7fr) 1fr 1fr 1fr;gap:clamp(24px,4vw,64px)}.dit-footer-brand{display:inline-flex;margin-bottom:18px;color:#fff;font-weight:850;font-size:1.3rem;text-decoration:none;line-height:1.15}.dit-footer-brand img{max-width:210px;max-height:58px;width:auto}.dit-footer-description{max-width:370px;margin:0 0 22px;color:var(--dit-footer-muted);font-size:1rem;line-height:1.8}.dit-footer-heading{margin:0 0 20px;color:#fff;font-size:.86rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.dit-footer-nav ul{list-style:none;margin:0;padding:0}.dit-footer-nav li{margin:0 0 12px}.dit-footer-nav a,.dit-footer-contact a{color:var(--dit-footer-muted);text-decoration:none}.dit-footer-nav a:hover,.dit-footer-contact a:hover{color:#fff}.dit-footer-contact p{margin:0 0 14px;overflow-wrap:anywhere}.dit-footer-socials{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}.dit-footer-socials a{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:50%;background:#202635;color:#fff;text-decoration:none;font-size:.8rem;font-weight:800}.dit-footer-socials a:hover{background:var(--dit-orange)}.dit-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:54px;padding-top:22px;border-top:1px solid #2b3140;color:#828b9e;font-size:.9rem}.dit-footer-legal{display:flex;flex-wrap:wrap;gap:8px}.dit-footer-legal a{color:#9da5b5;text-decoration:none}.dit-footer-legal a:hover{color:#fff}
@media(max-width:1100px){.dit-header-inner{gap:16px}.dit-primary-nav>div>ul,.dit-primary-nav>ul{gap:16px}.dit-header-cta{padding:11px 15px}.dit-primary-nav li.dit-mega>.sub-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.dit-footer-grid{grid-template-columns:1.5fr 1fr 1fr}.dit-footer-contact{grid-column:2/4}}
@media(max-width:820px){.dit-container{width:min(calc(100% - 32px),var(--dit-container))}.dit-header-inner{min-height:72px;flex-wrap:wrap;padding-block:11px}.dit-brand img{max-width:190px;max-height:48px}.dit-menu-toggle{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.dit-primary-nav{display:none;order:5;width:100%;margin:0}.dit-primary-nav.is-open{display:block}.dit-primary-nav>div>ul,.dit-primary-nav>ul{display:flex;align-items:stretch;flex-direction:column;gap:0}.dit-primary-nav li{width:100%}.dit-primary-nav a{display:flex;justify-content:space-between;width:100%;padding:12px 4px;border-top:1px solid var(--dit-line)}.dit-primary-nav .sub-menu{display:none;position:static;min-width:0;padding:4px 0 8px 15px;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none}.dit-primary-nav li.submenu-open>.sub-menu{display:block}.dit-primary-nav li.dit-mega>.sub-menu{display:none;grid-template-columns:1fr;gap:12px;padding:8px 0 8px 14px}.dit-primary-nav li.dit-mega.submenu-open>.sub-menu{display:grid}.dit-primary-nav li.dit-mega>.sub-menu>li>a{padding:9px 0 3px;border:0}.dit-primary-nav li.dit-mega>.sub-menu>li>.sub-menu{display:block;padding-left:10px}.dit-primary-nav li.dit-mega>.sub-menu>li>.sub-menu a{border:0;padding:7px 0}.dit-header-cta{padding:10px 13px;font-size:.88rem}.dit-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dit-footer-brand-column{grid-column:1/-1}.dit-footer-contact{grid-column:auto}.dit-footer-bottom{align-items:flex-start;flex-direction:column;margin-top:36px}}
@media(max-width:520px){.dit-footer-grid{grid-template-columns:1fr}.dit-footer-brand-column,.dit-footer-contact{grid-column:auto}.dit-footer-bottom{font-size:.84rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}