/* @import must be the first line of a stylesheet or browsers ignore it */
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');

#idFooterPoweredByWA {
  display: none;
}

.WaGadgetBlogStateList .boxBodyInfoContainer .postedByComment
{
display: none;
}

span.postedByComment 
{
display: none
}

/* ===== NLA redesign 2026-10 (Website > CSS). Added below the three original rules. ===== */
:root{--nla-black:#010101;--nla-red:#A30000;--nla-wine:#680109;--nla-gray:#636467;--nla-stone:#f4f3f1;
--nla-head:"Century Gothic","Didact Gothic",Futura,"Trebuchet MS",Arial,sans-serif;--nla-body:Georgia,"Times New Roman",serif}

/* ---- base type ---- */
body,.zoneMain{font-family:var(--nla-body);color:#1d1d1d}
.zoneMain p,.zoneMain li,.zoneMain td{font-family:var(--nla-body);font-size:17px;line-height:1.7}
.zoneMain h1,.zoneMain h2,.zoneMain h3,.zoneMain h4,.zoneMain h5,.zoneMain h6{font-family:var(--nla-head);font-weight:normal;letter-spacing:.3px;color:var(--nla-black)}
.zoneMain h1 font,.zoneMain h2 font,.zoneMain h3 font{font-size:inherit!important}
.zoneMain a{color:var(--nla-red)}
.zoneMain h2{font-size:28px;margin:36px 0 10px}
.zoneMain h3{font-size:21px;color:var(--nla-wine)}

/* ---- off-canvas sidebar: removed; phones use the Mobile Panel ---- */
.zoneSidebar{display:none!important}
.zoneMain{padding-left:0!important}

/* ---- header: top bar (first row of Header zone) ---- */
.zoneHeader1 .WaPlaceHolderHeader>div{padding-top:0!important;padding-bottom:0!important}
.zoneHeader1 .WaLayoutContainerFirst{background:var(--nla-black);box-shadow:0 0 0 100vmax var(--nla-black);clip-path:inset(0 -100vmax);color:#b9b9b9;padding:6px 0;margin:0!important}
.nla-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font:11px/1.4 var(--nla-head);letter-spacing:1.6px;text-transform:uppercase;color:#b9b9b9}
.nla-top a{color:#fff!important;text-decoration:none;margin-left:22px}
.zoneHeader1 .WaGadgetLoginButton{text-align:right}
.zoneHeader1 .WaGadgetLoginButton a,.zoneHeader1 .WaGadgetLoginButton .loginButton,.zoneHeader1 .WaGadgetLoginButton input{background:transparent!important;border:1px solid var(--nla-red)!important;color:#fff!important;font:11px/1 var(--nla-head)!important;letter-spacing:1.6px;text-transform:uppercase;padding:5px 12px!important;border-radius:0!important;box-shadow:none!important;height:auto!important}

/* ---- header: logo row (remaining rows) ---- */
.zoneHeader1 .WaLayoutContainerLast{padding:14px 0!important}
.zoneHeader1 .WaContentDivider{display:none}
.nla-logo img{height:70px;width:auto;display:block}
.nla-acts{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.nla-btn,.zoneMain a.nla-btn{display:inline-block;font:bold 13px/1 var(--nla-head);letter-spacing:1.6px;text-transform:uppercase;padding:12px 22px;border:2px solid var(--nla-red);text-decoration:none!important}
.nla-btn.red{background:var(--nla-red);color:#fff!important}
.nla-btn.ghost{background:transparent;color:var(--nla-red)!important}
.nla-btn.white{background:#fff;color:var(--nla-black)!important;border-color:#fff}
/* header rows become flex rows so cell widths no longer matter */
.zoneHeader1 .WaLayoutTable,.zoneHeader1 .WaLayoutTable>tbody{display:block;width:100%}
.zoneHeader1 tr.WaLayoutRow{display:flex;align-items:center;gap:20px}
.zoneHeader1 td.WaLayoutItem{display:block;width:auto!important}
.zoneHeader1 td.WaLayoutItem:first-child{flex:1}
.zoneHeader1 td.WaLayoutSeparator{display:none}
.zoneHeader1 td.WaLayoutItem:not(:first-child)>div{display:flex;align-items:center;justify-content:flex-end;gap:14px}
.zoneHeader1 .WaGadgetSiteSearch{max-width:220px;margin:0!important}

/* ---- main menu (Header1 zone) ---- */
.zoneHeader2{background:var(--nla-black);border-bottom:4px solid var(--nla-red)}
.zoneHeader2 .WaPlaceHolderHeader1>div{padding-top:0!important;padding-bottom:0!important}
.WaGadgetMenuHorizontal .firstLevel>li>.item>a{font:13px/1 var(--nla-head)!important;letter-spacing:1.4px;text-transform:uppercase;color:#fff!important;padding:17px 17px!important;background:none!important}
.WaGadgetMenuHorizontal .firstLevel>li:first-child>.item>a{padding-left:0!important}
.WaGadgetMenuHorizontal .firstLevel>li.sel>.item>a,.WaGadgetMenuHorizontal .firstLevel>li>.item>a:hover{color:#ff7d7d!important}
.WaGadgetMenuHorizontal .firstLevel>li>.item>a>span:after{font-size:11px!important;color:#8d8d8d!important;display:inline-block;transform:rotate(90deg);margin-left:6px}
.WaGadgetMenuHorizontal .secondLevel{background:#fff!important;border-top:4px solid var(--nla-red)!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important;min-width:240px;padding:8px 0!important}
.WaGadgetMenuHorizontal .secondLevel li>.item>a{font:15px/1.3 var(--nla-head)!important;color:#1d1d1d!important;padding:10px 20px!important;text-transform:none!important;background:none!important}
.WaGadgetMenuHorizontal .secondLevel li>.item>a:hover{color:var(--nla-red)!important}

/* ---- page title band: the gadget holding the page h1 (in the page's own zone) ---- */
.zoneHeader3 [class*=WaGadget]:has(>.gadgetStyleBody>h1){background:#151515;box-shadow:0 0 0 100vmax #151515;clip-path:inset(0 -100vmax);padding:50px 0 46px;margin:0 0 40px}
.zoneHeader3 [class*=WaGadget]:has(>.gadgetStyleBody>h1) h1{color:#fff!important;font-size:42px!important;line-height:1.15;margin:0;letter-spacing:1px;text-transform:none!important}
.zoneHeader3 [class*=WaGadget]:has(>.gadgetStyleBody>h1) h1 *{color:#fff!important;font-size:inherit!important}
.zoneHeader3 .WaLayoutTable:has(h1) td.WaLayoutItem:has(h1){width:100%!important}
.zoneHeader3 .WaLayoutTable:has(h1) td:not(:has(h1)){display:none}
.zoneHeader3 .WaPlaceHolderHeader2>div{padding-top:0!important}
/* readable text width on content pages */
.zoneHeader3 .WaPlaceHolderHeader2 .gadgetContentEditableArea{max-width:780px}
.zoneHeader3 [class*=WaGadget]:has(>.gadgetStyleBody>h1) .gadgetContentEditableArea{max-width:none}

/* ---- footer ---- */
.zoneFooter1,.zoneFooter2,.zoneFooter3,.WaPlaceHolderFooter,.WaPlaceHolderFooter1,.WaPlaceHolderFooter2{background:var(--nla-black)!important}
.zoneFooter1{border-top:4px solid var(--nla-red)}
.zoneFooter1 h1,.zoneFooter1 h2,.zoneFooter1 h3,.zoneFooter1 .gadgetStyleBody *{font:22px/1.4 var(--nla-head)!important;color:#fff!important;text-align:left!important;text-transform:none!important}
.zoneFooter2 .WaContentDivider{display:none}
.zoneFooter2 h1,.zoneFooter2 h2,.zoneFooter2 h3,.zoneFooter2 h4,.zoneFooter2 strong{font:12px/1.4 var(--nla-head)!important;letter-spacing:2.4px;text-transform:uppercase;color:#ff7d7d!important}
.zoneFooter2 a,.zoneFooter2 p,.zoneFooter2 li{color:#ddd!important;font-size:15px!important;text-decoration:none}
.zoneFooter3{border-top:1px solid #2a2a2a}
.zoneFooter3,.zoneFooter3 *{font-family:var(--nla-head)!important;font-size:12px!important;letter-spacing:1px;color:#bdbdbd!important}
.zoneFooter3 a{color:#ddd!important;text-decoration:none}

/* ---- shared page components (used by rebuilt pages) ---- */
.nla-sh{font:12px/1 var(--nla-head);letter-spacing:3px;text-transform:uppercase;color:var(--nla-red);margin:0 0 10px}
.nla-card{background:#fff;border:1px solid #e3e1dd;border-top:4px solid var(--nla-red);padding:26px 24px}
.nla-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.nla-pull{border-left:4px solid var(--nla-red);padding:6px 0 6px 22px;font-size:22px;line-height:1.5;color:var(--nla-black);margin:30px 0}

/* ---- phone ---- */
@media (max-width:860px){
 .nla-top .nla-tag{display:none}
 .nla-logo img{height:48px}
 .nla-acts .nla-btn{padding:9px 14px;font-size:11px}
 .zoneHeader3 [class*=WaGadget]:has(>.gadgetStyleBody>h1){padding:34px 0 30px}
 .zoneHeader3 [class*=WaGadget]:has(>.gadgetStyleBody>h1) h1{font-size:30px!important}
 .zoneMain p,.zoneMain li{font-size:16.5px}
}
.zoneHeader1 [class*=WaGadget]:has(.WaContentDivider),.zoneFooter2 [class*=WaGadget]:has(.WaContentDivider){display:none!important}
.zoneHeader1 [class*=WaLayoutContainer]:has(.nla-logo){padding:14px 0!important}
.zoneHeader1 [class*=WaGadget]{overflow:visible!important}
.nla-logo img{height:70px!important;width:auto!important}
@media (max-width:860px){.nla-logo img{height:48px!important}}
.zoneHeader3 [class*=WaGadget]:has(>.gadgetStyleBody>h1):not(:has(>.gadgetStyleBody>h1:only-child)){background:none!important;box-shadow:none!important;clip-path:none!important;padding:0!important;margin:0!important}
.zoneHeader3 [class*=WaGadget]:has(>.gadgetStyleBody>h1):not(:has(>.gadgetStyleBody>h1:only-child)) h1,.zoneHeader3 [class*=WaGadget]:has(>.gadgetStyleBody>h1):not(:has(>.gadgetStyleBody>h1:only-child)) h1 *{color:#010101!important;font-size:30px!important}
.zoneMain a.button,.zoneMain a.button:visited{color:#fff!important}
.zoneFooter3 *{background-color:transparent!important}
.zoneFooter2 a{text-decoration:none!important}
.stickyMenu{background:#010101!important;border-bottom:4px solid #A30000}
.WaGadgetMenuHorizontal .firstLevel>li:has(>.item>a[href="https://nlainfo.org/"]){display:none!important}

/* header: search and buttons side by side */
.zoneHeader1 .WaLayoutPlaceHolder>div:has(>.WaGadgetSiteSearch){display:flex;align-items:center;justify-content:flex-end;gap:14px}
.zoneHeader1 .WaLayoutPlaceHolder>div:has(>.WaGadgetSiteSearch)>[class*=WaGadget]{margin:0!important}
/* step 3 components */
html,body{overflow-x:clip}
.nla-bleed{width:100vw;position:relative;left:50%;margin-left:-50vw;box-sizing:border-box}
.nla-in{max-width:1180px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.nla-home *{box-sizing:border-box}
.nla-home p{margin:0 0 16px}
.nla-home h1,.nla-home h2,.nla-home h3{font-family:var(--nla-head)!important;font-weight:normal!important;text-transform:none!important}
.nla-hero{background:#010101 center/cover no-repeat;color:#fff}
.nla-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,1,1,.94) 30%,rgba(1,1,1,.45))}
.nla-hero .nla-in{position:relative;padding:92px 24px 96px}
.nla-eyebrow{font:12px/1 var(--nla-head);letter-spacing:3px;text-transform:uppercase;color:#ff7d7d;margin:0 0 16px}
.nla-hero h1{font-size:54px!important;line-height:1.08;margin:0 0 12px;color:#fff!important;letter-spacing:1px;max-width:720px}
.nla-hero .nla-sub{font-size:22px;line-height:1.55;color:#e8e8e8;margin:0 0 30px;max-width:640px}
.nla-ctas{display:flex;gap:14px;flex-wrap:wrap}
.nla-sec{padding:72px 0}
.nla-sec.alt{background:var(--nla-stone)}
.nla-sec.dark{background:var(--nla-black);color:#ddd}
.nla-sec h2{font-size:34px!important;line-height:1.2;margin:0 0 18px;color:var(--nla-black)!important}
.nla-sec.dark h2{color:#fff!important}
.nla-sec.dark .nla-sh{color:#ff7d7d}
.nla-sec.dark p{color:#ddd}
.nla-lead{font-size:19px;color:#333}
.nla-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.nla-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:34px}
.nla-img{width:100%;display:block;border:1px solid #e3e1dd}
.nla-more{font:bold 12px/1 var(--nla-head);letter-spacing:1.6px;text-transform:uppercase;color:var(--nla-red)!important;text-decoration:none}
.nla-card h3{font-size:19px!important;margin:0 0 10px;color:var(--nla-black)!important}
.nla-card p{font-size:15.5px!important;line-height:1.6;color:#3a3a3a}
.nla-aud{display:flex;flex-direction:column;justify-content:flex-end;position:relative;min-height:230px;padding:24px;background:#151515 center/cover no-repeat;color:#fff;text-decoration:none!important}
.nla-aud:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,1,1,.92) 25%,rgba(1,1,1,.25))}
.nla-aud>*{position:relative}
.nla-aud h3{font-size:21px!important;margin:0 0 6px;color:#fff!important}
.nla-aud p{font-size:14.5px!important;line-height:1.5;margin:0 0 10px;color:#ddd!important}
.nla-aud span{font:bold 12px/1 var(--nla-head);letter-spacing:1.6px;text-transform:uppercase;color:#ff7d7d}
.nla-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.nla-tool{padding:44px 40px;color:#fff}
.nla-tool.a{background:var(--nla-wine)}.nla-tool.b{background:#1d1d1d}
.nla-tool h3{font-size:26px!important;margin:0 0 10px;color:#fff!important}
.nla-tool p{color:#e6e6e6!important}
.nla-jala{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;align-items:center;background:#fff;border:1px solid #e3e1dd;padding:28px}
.nla-jcov{background:var(--nla-black);color:#fff;aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:space-between;padding:16px;font-family:var(--nla-head)}
.nla-jcov b{font-size:28px;letter-spacing:2px}.nla-jcov small{font-size:10px;letter-spacing:1.5px;color:#bbb;text-transform:uppercase}
.nla-label{font:bold 11px/1 var(--nla-head);letter-spacing:1.8px;text-transform:uppercase;color:var(--nla-red)}
.nla-jala h3{font-size:22px!important;margin:10px 0 8px;color:var(--nla-black)!important}
.nla-cta{background:var(--nla-red);color:#fff;text-align:center}
.nla-cta .nla-in{padding:60px 24px}
.nla-cta h2{color:#fff!important;font-size:32px!important;margin:0 0 10px}
.nla-cta p{color:#ffe1e1!important}
.nla-glance{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border:1px solid #e3e1dd;margin:0 0 36px;background:#fff}
.nla-glance div{padding:22px 20px;border-left:1px solid #e3e1dd;font:15px/1.45 var(--nla-head);color:#1d1d1d}
.nla-glance div:first-child{border-left:0}
.nla-glance b{display:block;color:var(--nla-red);font-size:28px;line-height:1;margin-bottom:10px;font-weight:normal}
.nla-join{background:var(--nla-black);color:#ddd;border-top:4px solid var(--nla-red);padding:28px;margin:36px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.nla-join p{margin:0!important;color:#ddd!important;font-size:17px}
.nla-join b{color:#fff;font-family:var(--nla-head);font-weight:normal;font-size:22px;display:block;margin-bottom:4px}
body:has(#nlahub) .nla-wait,body:has(#nlashare) .nla-wait{display:none}
.nla-std{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:14px 0 10px}
.nla-std .nla-card h3{font-size:18px!important;margin:0 0 8px;color:var(--nla-black)!important}
.nla-std .nla-card p{font-size:15px!important;line-height:1.55;margin:0 0 12px}
body.publicContentView .zonePlace.zoneContent:not(:has([class*=WaGadget])),body.publicContentView .zonePlace.zoneHeader3:not(:has([class*=WaGadget])){display:none}
.zoneContent:has(.nla-home) .WaPlaceHolder>div{padding-top:0!important;padding-bottom:0!important}
@media (max-width:860px){
 .nla-hero .nla-in{padding:56px 16px 60px}.nla-hero h1{font-size:36px!important}.nla-hero .nla-sub{font-size:18px}
 .nla-in{padding:0 16px}.nla-sec{padding:48px 0}.nla-sec h2{font-size:27px!important}
 .nla-two,.nla-four,.nla-split,.nla-jala{grid-template-columns:minmax(0,1fr)}
 .nla-tool{padding:34px 20px}.nla-jcov{max-width:140px}
 .nla-glance div{border-left:0;border-top:1px solid #e3e1dd}.nla-glance div:first-child{border-top:0}
}

/* home: hide the old home content once the new home gadget is in */
body.publicContentView:has(.nla-home) .zoneContent,body.publicContentView:has(.nla-home) .zoneHeader3 [class*=WaGadget]:not(:has(.nla-home)){display:none!important}

/* home: let full-width sections escape the gadget box; align the split panels with the page width */
[class*=WaGadget]:has(.nla-home),[class*=WaGadget]:has(.nla-home) .gadgetStyleBody,.zoneHeader3 .WaPlaceHolder:has(.nla-home),.zoneHeader3 .WaPlaceHolder:has(.nla-home)>div{overflow:visible!important}
.nla-tool.a{padding-left:max(40px,calc(50vw - 566px))}
.nla-tool.b{padding-right:max(40px,calc(50vw - 566px))}
@media (max-width:860px){.nla-tool.a,.nla-tool.b{padding-left:20px;padding-right:20px}}
.zoneHeader3 .WaPlaceHolder:has(.nla-home)>div{padding-bottom:0!important;padding-top:0!important}
[class*=WaGadget]:has(.nla-home){margin-bottom:0!important}
