/* =========================================================================================
   1300 Resume: navy restyle, version 3.2 (approved by Monique, November 2026). NUDG.
   Loaded LAST in MinifyX's cssSources (chunk HTMLHead), so it overrides css/custom.css.
   Rollback: remove "css/nudg-navy.css" from that list (the deploy script does this).

   Rules of the palette:
   - Navy #0E1E3A is the base for the menu, bands, tiles and footer.
   - Deep magenta #A3106E is the accent. On WHITE it carries headings and buttons (7.4:1).
   - On NAVY, magenta never carries words (2.3:1, unreadable). Words on navy are white or
     #DDE3EE; magenta appears there only as lines, ticks, edges and button fills.
   - Old purple and lilac are retired: purple becomes navy, lilac becomes mist #EAEEF5.
   ========================================================================================= */
:root{--nv:#0E1E3A;--nv-d:#09152B;--nv-2:#1B3260;--mg:#A3106E;--mg-d:#860A5A;--mist:#EAEEF5;--mist-2:#F4F6FA;--line:#DBDADE;--ink:#2A2F3D;--sub:#5C5961;--on-nv:#DDE3EE}

/* ---- header: magenta top bar, white logo band, navy menu band ---- */
#header{background:#fff!important;box-shadow:0 2px 14px rgba(0,0,0,.18)}
#header .top-bar{background:var(--mg)!important}
#header .top-bar,#header .top-bar li,#header .top-bar a,#header .top-bar i{color:#fff!important}
/* full-width navy menu band: border-image outset paints past the container without clipping
   anything and without widening the page (clip-path, then overflow-x:clip, cropped the dropdowns) */
#header #nav{position:relative;background:var(--nv);border-image:linear-gradient(var(--nv) 0 0) fill 0/0/0 100vmax}
#header #nav .nav-link,#header #nav .nav a{color:#fff!important;background:transparent!important}
#header #nav .nav-link:hover,#header #nav .nav-link:focus,#header #nav .active>.nav-link,#header #nav .nav .active>a{color:#fff!important;background:transparent!important;box-shadow:inset 0 -3px 0 var(--mg)}
#header .dropdown-menu{background:var(--nv-2)!important;border:0!important}
#header .dropdown-menu a,#header .dropdown-menu .dropdown-item{color:#fff!important;background:transparent!important}
#header .dropdown-menu a:hover,#header .dropdown-menu a:focus{background:var(--mg)!important}
#global-social-nav{background-color:var(--nv)!important}
#global-social-nav .socials a{background-color:var(--mg)!important}
@media (max-width:767px){
 /* phones: the site hides the top bar, so a thin magenta strip keeps the order magenta / white / navy */
 #header{border-top:5px solid var(--mg)}
 #header #nav{background:transparent;border-image:none}
 #header .navbar-collapse{background:var(--nv);margin:0 -15px;padding:0 15px}
}

/* ---- type: readable body, magenta headings on white, navy subheads ---- */
#content p,section p,main li,section li,#content span,section span{text-align:left!important}
main p,main li,section p,section li{font-size:16px;line-height:1.65;color:var(--ink)}
main h1,main .h1,main h2,main .h2,section h2{color:var(--mg)!important;font-weight:600!important;letter-spacing:-.01em;line-height:1.18}
main h3,main h4,section h3{color:var(--nv)!important;font-weight:600!important}
h3[style*="color:#000"],h3[style*="color: #000"]{color:var(--nv)!important}
.lined:after,.h2.lined:after{background:var(--mg)!important}

/* ---- hero: navy tint, magenta rule, outline second button, call line ---- */
#feature-panel .inner{background:linear-gradient(180deg,rgba(14,30,58,.40) 0%,rgba(14,30,58,.82) 100%)!important}
#feature-panel .h1:after{content:"";display:block;width:70px;height:4px;background:var(--mg);margin:18px auto 0}
#feature-panel .btn+.btn{background:transparent!important;border:2px solid #fff!important;color:#fff!important}
#feature-panel .nv-call{margin-top:16px;color:#fff;font-size:16px;text-align:center!important}
#feature-panel .nv-call a{color:#fff!important;font-weight:700;text-decoration:none;border-bottom:2px solid var(--mg)}

/* ---- stats band (chunk nudgStatsBand): under the hero on the homepage, inline elsewhere ---- */
.nv-stats{background:var(--nv);padding:44px 0 36px}
.nv-stats .row{margin:0}
.nv-stats .nv-stat{text-align:center;margin-bottom:1.5rem}
.nv-stats .nv-stat-n{display:inline-block;color:#fff;font-size:40px;font-weight:600;line-height:1.1;white-space:nowrap;padding-top:14px;border-top:3px solid var(--mg)}
.nv-stats .nv-stat-l{display:block;color:#C8D0DE;text-align:center!important;font-size:15px;margin-top:4px}
#founder-hero .nv-stats{border-radius:4px;margin-bottom:3rem;padding:36px 0 20px}

/* ---- section rhythm ---- */
main#content>.container{padding-top:88px;padding-bottom:40px}
.bg-lg,#about-monique{background:var(--mist)!important}
.bg-lg2{background:var(--mist-2)!important}
#about-monique,#blog-section,#our-reach,#packages,#content-3rd{padding-top:20px;padding-bottom:20px}
#founder-hero,.package-head,main#content .bg-lg{background:transparent!important}
#about-monique .inner p,#about-monique .inner div{text-align:left!important;font-size:16px!important;line-height:1.65!important;color:var(--ink)!important}
#about-monique h2{text-align:left!important}

/* Monique intro portrait: white then magenta ring */
#content img.rounded-circle{box-shadow:0 0 0 5px #fff,0 0 0 9px var(--mg)}

/* service tiles: navy with a magenta top edge, white words */
.bg-gr-mr,.bg-gr-bl,.bg-gr-blue{background-image:none!important;background-color:var(--nv)!important;border-top:5px solid var(--mg)}
.bg-gr-mr p,.bg-gr-bl p,.bg-gr-blue p{color:var(--on-nv)!important;font-size:15px!important}
.bg-gr-mr h2,.bg-gr-bl h2,.bg-gr-blue h2,.bg-gr-mr h3,.bg-gr-bl h3,.bg-gr-blue h3{color:#fff!important}

/* ATS callout */
.ats-home-callout{background:var(--mist)!important;border:0!important;border-left:5px solid var(--mg)!important;border-radius:4px}
.ats-home-callout .btn{white-space:normal!important;max-width:100%}

/* flat navy bands; the map becomes a faint white silhouette */
.bg-pu,.bg-bl,#content-3rd,#our-reach{background-image:none!important;background-color:var(--nv)!important}
#our-reach h2,#content-3rd h2,#content-3rd h3{color:#fff!important}
#our-reach p,#our-reach li,#our-reach a,#our-reach span,#content-3rd p,#content-3rd li,#content-3rd span{color:var(--on-nv)!important}
img[src*="ausmap-blue"]{filter:brightness(0) invert(1);opacity:.22}

/* resources cards */
#blog-section .blog-wrap{background:var(--mist);border:0!important;border-radius:4px;overflow:hidden}
#blog-section .blog-ftr-image img{width:100%;aspect-ratio:16/10;object-fit:cover}
#blog-section h3,#blog-section h4,#blog-section .project-title a{color:var(--nv)!important;font-weight:600}

/* price cards (chunk packagetab, homepage) */
.nv-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:8px 0 36px}
.nv-price{background:#fff;border:1px solid var(--line);border-top:5px solid var(--mg);border-radius:4px;padding:26px 22px;text-align:left}
.nv-price .k{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.nv-price .n{font-size:22px;font-weight:600;color:var(--nv);margin:6px 0 2px}
.nv-price .p{font-size:30px;font-weight:700;color:var(--mg)}
.nv-price .p small{font-size:14px;font-weight:400;color:var(--sub)}
.nv-price ul{padding-left:18px;margin:12px 0 18px}
.nv-price li{font-size:14.5px!important}
.nv-price a{display:inline-block;background:var(--mg);color:#fff!important;font-weight:700;padding:10px 16px;border-radius:3px;text-decoration:none!important}
.nv-price a:hover,.nv-price a:focus{background:var(--mg-d)}
#packages h2 strong{color:var(--nv)!important}

/* payment logos */
.card.no-border .card-block{display:flex;flex-wrap:wrap;justify-content:center;gap:28px}

/* free guide band: the one full-width magenta band; navy button */
#bottom-download{background-image:none!important;background-color:var(--mg)!important}
#bottom-download h2,#bottom-download h3,#bottom-download p,#bottom-download span,#bottom-download strong{color:#fff!important}
#bottom-download input[type=submit],#bottom-download button,#bottom-download .btn{background:var(--nv)!important;border-color:var(--nv)!important;color:#fff!important}
#bottom-download input[type=email],#bottom-download input[type=text]{border:2px solid var(--nv)!important}

/* packages pages: group labels, navy single items, "from $X" on every bar */
.package-panel .card-header a{display:flex!important;align-items:center;justify-content:space-between;gap:16px;background-color:var(--mg)!important}
.package-panel .card-header a.nv-single{background-color:var(--nv)!important}
.package-panel .nv-from{margin-left:auto;white-space:nowrap;flex:none;font-weight:600;text-transform:none;letter-spacing:0;margin-right:34px}
.nv-group{font:700 14px/1.3 Roboto,Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--nv)!important;margin:40px 0 12px;padding-bottom:8px;border-bottom:2px solid var(--line);text-align:left!important}
.btn-wrap.bg-lg2{background:var(--mist-2)!important}
.desc.bg-lg{background:#fff!important;border:1px solid var(--line)}
.package-panel .card .card-block .btn-wrap ul li+li{border-top-color:var(--line)}

/* team / city bios */
section#monique-thompson.team-list,.team-list{background:var(--mist)!important;padding:20px 0}
.team-list .photo img{box-shadow:12px 12px 0 var(--mg)}
#content>.container>h3{color:var(--nv)!important}

/* buttons: one magenta, deepened; purple secondary becomes navy */
.btn-primary,.btn-pink,.btn-buy,a.btn{background-color:var(--mg)!important;background-image:none!important;border-color:var(--mg)!important;color:#fff!important}
.btn-primary:hover,.btn-primary:focus,.btn-primary-gr:hover,.btn-primary-gr:focus,a.btn:hover,a.btn:focus{background-color:var(--mg-d)!important;border-color:var(--mg-d)!important}
.btn-secondary,.btn-secondary-gr{background:var(--nv)!important;border-color:var(--nv)!important;color:#fff!important}
.btn-secondary:hover,.btn-secondary-gr:hover,.btn-secondary:focus,.btn-secondary-gr:focus{background:var(--nv-2)!important}
.btn-wh{background-color:#fff!important;color:var(--mg)!important;border-color:#fff!important}
.contact-btn{background:var(--mg)!important}
button.contact-btn:hover,.btn-bg-ppl:hover{background:var(--mg-d)!important}
#package-tabs .nav-tabs .nav-link{background-color:var(--nv)!important}
#package-tabs .nav-tabs .nav-link.active:after{border-bottom-color:var(--nv)!important}
.item.txtblk.rev-box{border-color:var(--nv)!important}
.item.txtblk.rev-box .photo{background:var(--nv)!important}

/* footer: navy; logo and contact icons white (v3.2: no magenta words on navy) */
#footer{background:var(--nv)!important;color:#C8D0DE!important;padding-top:24px}
#footer h2,#footer h3,#footer h4{color:#fff!important}
#footer a,#footer p,#footer li,#footer span{color:var(--on-nv)!important}
#footer .bottom{background:var(--nv-d)!important}
#footer .socials a{filter:invert(1)}
#footer .logo>a,#footer .contact-list li{filter:brightness(0) invert(1)}

@media (max-width:767px){
 .nv-prices{grid-template-columns:1fr}
 .nv-stats .nv-stat-n{font-size:32px}
 main#content>.container{padding-top:56px}
 .card.no-border .card-block .row{display:grid!important;grid-template-columns:repeat(3,1fr);gap:14px 10px;margin:0!important}
 .card.no-border .card-block .row>.hidden-xs{display:none}
 .card.no-border .card-block .row>[class*=col]{max-width:none;padding:0;font-size:10px;text-align:center}
 .card.no-border .card-block .row img{max-width:100%;height:auto}
 .package-panel .nv-from{display:none}
}

/* example pages (chunk industryPageCss2): their hero and call band are navy, so the words there
   stay white even though headings on white are magenta (v3.2) */
.ind2 .ind-hero h1,.ind2 .ind-hero h2,.ind2 .ind-cta h2{color:#fff!important}
.ind2 .ind-hero .ind-btn-mag{box-shadow:0 0 0 2px #fff}

/* layout shift (CLS): jQuery adds .fixed to the hero text after load, which moved it ~550px and
   scored 0.16-0.24 CLS on every page with a hero. Start it in the final position instead; the
   class then changes nothing. Same rule as custom.css's .container.fixed. */
#feature-panel .inner .cover .container{width:100%;position:absolute;left:0;bottom:5%}

/* P0 fix (Nov 2026): the Issuu viewer on examples.html is a fixed 1000px iframe that zoomed the
   whole page out on phones. Fit embedded frames to the screen. */
main iframe{max-width:100%}
main iframe[src*="issuu.com"]{width:100%;height:auto;aspect-ratio:1000/751}