/* TDA site chrome: the parts of the Elementor header / drawer / footer that Elementor controls cannot express.
   Sizes, colours and spacing of every element are set on the element in the Elementor editor; this file only adds
   - sticky + shrink-on-scroll header,
   - the look of the WordPress menus (Navigation Menu widget): desktop menu + dropdown, footer columns, legal row,
   - the mobile drawer menu, which tda-chrome.js builds from the header menu (one menu, edited in Appearance > Menus),
   - the mockup's in-between breakpoints (1150 / 900 / 600 px) that Elementor's two breakpoints do not have.
   Hooks: Elementor global classes tda-* (added to elements in the editor) and the menu widget's own markup. */
/* page base (mockup body): Hello's theme CSS is switched off in Hello > Settings, so the document defaults live here */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;color:#2E2E2E;-webkit-font-smoothing:antialiased}

/* ---------- header: sticky + shrink ---------- */
.elementor-location-header{position:sticky;top:0;z-index:60}
body.admin-bar .elementor-location-header{top:32px}
@media (max-width:782px){body.admin-bar .elementor-location-header{top:46px}}
@media (max-width:600px){body.admin-bar .elementor-location-header{top:0}}
.elementor-location-header .tda-header{transition:box-shadow .28s ease}
.elementor-location-header.is-shrink .tda-header{box-shadow:0 10px 30px -22px rgba(0,0,0,.45)}
.elementor-location-header .tda-header .tda-header-bar{transition:height .28s ease}
.elementor-location-header.is-shrink .tda-header .tda-header-bar{height:70px}
.elementor-location-header .tda-header-bar .tda-brand img{transition:height .28s ease}
.elementor-location-header.is-shrink .tda-header-bar .tda-brand img{height:46px}
.elementor-location-header.is-shrink .tda-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{padding-top:8px;padding-bottom:8px}

/* focus ring (mockup: 3px red, white on dark surfaces) */
.elementor-location-header :focus-visible,.elementor-location-footer :focus-visible,.tda-drawer :focus-visible{outline:3px solid #D0202A;outline-offset:3px;border-radius:4px}
.elementor-location-footer :focus-visible,.tda-drawer-bottom :focus-visible{outline-color:#fff}

/* skip link (functions.php prints it) */
.tda-skip-link{position:absolute;left:16px;top:-60px;z-index:200;background:#D0202A;color:#fff;padding:12px 20px;border-radius:0 0 8px 8px;
  font:600 14.5px/1.6 Inter,system-ui,sans-serif;text-decoration:none;transition:top .18s ease}
.tda-skip-link:focus{top:0;color:#fff}

/* ---------- desktop menu (Navigation Menu widget, class tda-menu) ---------- */
.tda-menu{flex:0 1 auto;min-width:0}
.tda-menu .elementor-menu-toggle,.tda-menu nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{display:none!important}
.tda-menu .elementor-widget-nav-menu{width:auto;max-width:none}
.tda-menu .elementor-nav-menu--main .elementor-nav-menu{display:flex;flex-wrap:nowrap;align-items:center;gap:2px}
.tda-menu .elementor-nav-menu--main .elementor-nav-menu > li{position:relative;flex:0 1 auto;min-width:auto}
/* like the mockup, labels may wrap when the bar gets tight (just above the 900px burger switch) */
.tda-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{white-space:normal;flex:0 1 auto}
.tda-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{
  display:flex;align-items:center;gap:6px;padding:11px 15px;margin:0;border-radius:8px;
  font-family:Inter,system-ui,sans-serif;font-size:14.5px;line-height:1.6;font-weight:600;color:#2E2E2E;background:none;transition:.18s}
.tda-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover,
.tda-menu .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a.elementor-item,
.tda-menu .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-ancestor > a.elementor-item,
.tda-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item.highlighted{color:#D0202A;background:#FDF2F3}
/* caret: the mockup's 9px stroke chevron */
.tda-menu .elementor-nav-menu--main .sub-arrow{display:block;flex:0 1 auto;width:9px;height:9px;padding:0;margin:0;opacity:.5;transition:.2s;
  background:currentColor;-webkit-mask:var(--tda-caret) center/9px 9px no-repeat;mask:var(--tda-caret) center/9px 9px no-repeat;
  --tda-caret:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.5L6 8.5L10 4.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.tda-menu .elementor-nav-menu--main .sub-arrow > *{display:none}
.tda-menu .elementor-nav-menu--main .elementor-nav-menu > li:hover .sub-arrow{transform:rotate(180deg);opacity:1}
/* dropdown: always in the DOM, faded in on hover/focus like the mockup (SmartMenus' inline display/position is overridden) */
.tda-menu .elementor-nav-menu--main ul.sub-menu{
  display:block!important;position:absolute!important;top:calc(100% + 10px)!important;left:0!important;right:auto!important;
  margin:0!important;width:auto!important;min-width:252px!important;max-width:none!important;
  background:#fff;border:1px solid #E7E9EC;border-radius:12px;padding:8px;list-style:none;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 32px -12px rgba(16,24,40,.10);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:10}
.tda-menu .elementor-nav-menu--main ul.sub-menu::before{content:'';position:absolute;top:-10px;left:0;right:0;height:10px}
.tda-menu .elementor-nav-menu--main .elementor-nav-menu > li:hover > ul.sub-menu,
.tda-menu .elementor-nav-menu--main .elementor-nav-menu > li:focus-within > ul.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.tda-menu .elementor-nav-menu--main ul.sub-menu li{border:0}
.tda-menu .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item{
  display:flex;align-items:center;min-height:38px;padding:9px 13px;border:0;border-radius:8px;
  font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.6;font-weight:500;color:#2E2E2E;background:none;white-space:normal}
.tda-menu .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item:hover,
.tda-menu .elementor-nav-menu--main ul.sub-menu li.current-menu-item > a.elementor-sub-item{color:#D0202A;background:#FDF2F3}
.tda-menu .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item.elementor-item-active{color:#2E2E2E;background:none}
/* section anchors (e.g. Who We Are = /about/#profile) are not the current page in the mockup */
.tda-menu .elementor-nav-menu--main ul.sub-menu li.current-menu-item > a.elementor-sub-item[href*="#"]:not(:hover){color:#2E2E2E;background:none}

/* 901-1150px: the mockup tightens the menu so it still fits beside the CTA */
@media (max-width:1150px) and (min-width:901px){
  .elementor-location-header .tda-header .tda-header-bar{gap:12px}
  .tda-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{padding-left:9px;padding-right:9px;font-size:13px}
  .elementor-location-header .tda-header-bar .tda-header-cta{padding-left:14px;padding-right:14px}
  .elementor-location-header .tda-header-bar .tda-header-cta > *{font-size:13px;line-height:1.6}
}
/* <=900px: burger instead of menu + CTA */
@media (max-width:900px){
  .elementor-location-header .tda-header-bar .tda-menu,
  .elementor-location-header .tda-header-bar .tda-header-cta{display:none}
  .elementor-location-header .tda-header-bar .tda-burger{display:flex}
}
/* <=600px: smaller lockups */
@media (max-width:600px){
  .elementor-location-header .tda-header-bar .tda-brand,.elementor-location-header .tda-header-bar.tda-header-bar .tda-brand{gap:10px}
  .elementor-location-header .tda-header-bar .tda-brand img,
  .elementor-location-header.is-shrink .tda-header-bar .tda-brand img{height:36px}
  .elementor-location-header .tda-header-bar .tda-brand > div{height:32px}
  .tda-drawer.tda-drawer .tda-brand{gap:10px}
  .tda-drawer.tda-drawer .tda-brand img{height:36px}
  .tda-drawer.tda-drawer .tda-brand img:first-child{height:32px}
  .tda-drawer.tda-drawer .tda-brand > div{height:32px}
  .elementor-location-footer .tda-brand > div:nth-child(2){height:32px}
}

/* ---------- burger ---------- */
.tda-burger > *{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease}
.tda-burger[aria-expanded="true"] > :nth-child(1){transform:translateY(7px) rotate(45deg)}
.tda-burger[aria-expanded="true"] > :nth-child(2){opacity:0;transform:scaleX(.4)}
.tda-burger[aria-expanded="true"] > :nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- drawer ---------- */
.tda-scrim{transition:opacity .32s ease,visibility .32s ease}
.tda-scrim.open{opacity:1!important;visibility:visible!important}
.tda-drawer{transition:transform .38s cubic-bezier(.32,.72,0,1),visibility 0s linear .4s;visibility:hidden}
.tda-drawer.open{transform:translateX(0)!important;visibility:visible;transition:transform .38s cubic-bezier(.32,.72,0,1),visibility 0s}
body.admin-bar .tda-drawer{top:32px}
@media (max-width:782px){body.admin-bar .tda-drawer{top:46px}}
@media (min-width:901px){.tda-drawer,.tda-scrim{display:none!important}}
body.no-scroll{overflow:hidden}
/* scroll shadows on the drawer menu */
.tda-drawer-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  background:linear-gradient(#fff 30%,rgba(255,255,255,0)) top/100% 24px no-repeat,
             linear-gradient(rgba(255,255,255,0),#fff 70%) bottom/100% 24px no-repeat,
             radial-gradient(farthest-side at 50% 0,rgba(16,24,40,.12),rgba(0,0,0,0)) top/100% 10px no-repeat,
             radial-gradient(farthest-side at 50% 100%,rgba(16,24,40,.12),rgba(0,0,0,0)) bottom/100% 10px no-repeat;
  background-attachment:local,local,scroll,scroll}
/* drawer menu markup is built by tda-chrome.js from the header menu */
.tda-dnav{list-style:none;margin:0;padding:0}
.tda-dnav > li{border-bottom:1px solid #F1F2F4}
.tda-dnav > li > a,.tda-dnav-toggle{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:17px 24px;background:none;border:0;border-radius:0;cursor:pointer;text-align:left;text-decoration:none;
  font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6;font-weight:600;color:#1A1A1A;transition:.2s ease}
.tda-dnav-toggle{line-height:normal}
/* Hello Elementor's reset paints every button:focus/:hover pink (#c36); the mockup keeps these transparent */
.tda-dnav-toggle:focus{background:none;color:#1A1A1A}
.tda-drawer-close:focus-visible,.tda-dnav-toggle:focus-visible,.tda-burger:focus-visible{box-shadow:none}
.tda-dnav > li > a:hover,.tda-dnav-toggle:hover{background:#FAFAFB;color:#D0202A}
.tda-dnav > li.active > a,.tda-dnav > li.active > .tda-dnav-toggle{color:#D0202A}
.tda-dnav > li.active > .tda-dnav-toggle{position:relative}
.tda-dnav > li.active > .tda-dnav-toggle::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:3px;height:22px;background:#D0202A;border-radius:0 3px 3px 0}
.tda-dnav-toggle svg{width:12px;height:12px;color:#6E7480;transition:transform .3s ease;flex-shrink:0}
.tda-dnav-toggle[aria-expanded="true"]{color:#D0202A}
.tda-dnav-toggle[aria-expanded="true"] svg{transform:rotate(180deg);color:#D0202A}
.tda-dsub{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;background:#FAFAFB;transition:max-height .34s cubic-bezier(.32,.72,0,1)}
.tda-dsub.open{max-height:720px;padding:6px 0}
.tda-dsub li a{display:block;padding:13px 24px 13px 38px;font-family:Inter,system-ui,sans-serif;font-size:14.5px;line-height:1.6;color:#5B616E;
  text-decoration:none;border-left:2px solid transparent;transition:.18s ease}
.tda-dsub li a:hover{color:#D0202A;border-left-color:#D0202A;background:#fff}
.tda-dsub li.active a{color:#D0202A;border-left-color:#D0202A;background:#fff;font-weight:600}
.tda-dlegal{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 0 2px;margin:6px 0 0;border-top:1px solid rgba(12,14,17,.1)}
.tda-dlegal a,.tda-dlegal .vw-update{display:block;width:100%;font-family:Inter,system-ui,sans-serif;font-size:13px;line-height:1.2;color:#6A7079;
  background:none;border:0;padding:9px 24px;margin:0;text-align:left;cursor:pointer;text-decoration:none}
.tda-dlegal a:hover,.tda-dlegal .vw-update:hover{color:#D0202A}
.tda-dlegal a:focus-visible,.tda-dlegal .vw-update:focus-visible{outline:2px solid #D0202A;outline-offset:2px;border-radius:3px}

/* ---------- footer menus (Navigation Menu widget, classes tda-fmenu / links) ---------- */
.tda-fmenu .elementor-menu-toggle,.tda-fmenu nav.elementor-nav-menu--dropdown.elementor-nav-menu__container,
.links .elementor-menu-toggle,.links nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{display:none!important}
.tda-fmenu .elementor-nav-menu--main .elementor-nav-menu{display:grid;gap:4px;padding:0;margin:0}
.tda-fmenu .elementor-nav-menu--main .elementor-nav-menu > li{border:0;display:flex}
.tda-fmenu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item,
.links .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{
  display:inline-flex;align-items:center;min-height:32px;padding:4px 0;margin:0;border:0;background:none;
  font-family:Inter,system-ui,sans-serif;font-size:14.5px;line-height:1.6;font-weight:400;color:#B9BEC6;transition:none}
.links .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{padding:0;font-size:13.5px;color:inherit}
.tda-fmenu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover{color:#fff}
.tda-fmenu .elementor-nav-menu--main a.elementor-item.elementor-item-active{color:#B9BEC6}
.elementor-location-footer .f-bot .links{display:flex;align-items:center;gap:22px;width:auto}
.links .elementor-nav-menu--main .elementor-nav-menu{display:flex;gap:22px;padding:0;margin:0}
.links .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover{color:inherit}
/* Elementor's clearfix pseudo-elements on the menu <ul> would count as grid/flex items (an extra gap) */
.tda-menu .elementor-nav-menu::before,.tda-menu .elementor-nav-menu::after,
.tda-fmenu .elementor-nav-menu::before,.tda-fmenu .elementor-nav-menu::after,
.links .elementor-nav-menu::before,.links .elementor-nav-menu::after{content:none;display:none}
/* links typed inside the contact paragraphs */
.tda-fcontact a{color:#B9BEC6;display:inline-flex;align-items:center;min-height:26px;text-decoration:none}
.tda-fcontact a:hover{color:#fff}
.elementor-location-footer .vw-update:focus{background-color:transparent;color:inherit}
.elementor-location-footer .vw-update:hover{background-color:transparent;color:#fff}
/* <=900px: the legal row moves into the drawer */
@media (max-width:900px){
  .elementor-location-footer .f-bot .links{display:none}
  .elementor-location-footer .f-bot{justify-content:center;text-align:center}
}

/* ---------- resource-page palette (body.tda-chrome-resource; page meta _tda_chrome=resource) ----------
   The mockup's governance / legal / media pages load v2.css, which recolours the chrome: near-black footer,
   darker menu text, deeper red states and a white drawer bottom. Same layout, colours only. */
body.tda-chrome-resource .elementor-location-header .tda-header{border-bottom-color:rgba(0,0,0,.1)}
body.tda-chrome-resource .tda-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{color:#1A1A1A}
body.tda-chrome-resource .tda-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover,
body.tda-chrome-resource .tda-menu .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a.elementor-item,
body.tda-chrome-resource .tda-menu .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-ancestor > a.elementor-item,
body.tda-chrome-resource .tda-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item.highlighted{color:#C00C20;background:rgba(245,43,53,.08)}
body.tda-chrome-resource .tda-menu .elementor-nav-menu--main ul.sub-menu{border-color:rgba(0,0,0,.1);box-shadow:0 20px 48px -24px rgba(0,0,0,.35)}
body.tda-chrome-resource .tda-menu .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item:hover{color:#C00C20;background:rgba(245,43,53,.07)}
body.tda-chrome-resource .tda-menu .elementor-nav-menu--main ul.sub-menu li.current-menu-item > a.elementor-sub-item{color:#D0202A;background:rgba(245,43,53,.14)}
body.tda-chrome-resource .elementor-location-header .tda-header-cta:hover{border-color:#FF6B72;box-shadow:0 10px 26px -10px rgba(230,28,41,.2)}
/* drawer */
body.tda-chrome-resource .tda-drawer .tda-drawer-close:not(:hover):not(:focus-visible){color:#070809;border-color:rgba(16,24,40,.1)}
body.tda-chrome-resource .tda-drawer .tda-drawer-close:hover{color:#070809;border-color:rgba(208,32,42,.3);background-color:rgba(245,43,53,.14)}
body.tda-chrome-resource .tda-drawer .tda-drawer-body + * > div:has(> a[href^="mailto"]) > span{color:#070809}
body.tda-chrome-resource .tda-drawer a[href^="mailto"]:not(:hover),body.tda-chrome-resource .tda-drawer a[href^="tel"]:not(:hover),
body.tda-chrome-resource .tda-drawer .tda-drawer-body + * > div:has(> a[href^="mailto"]) > a:not(:hover),
body.tda-chrome-resource .tda-drawer-bottom a:not(:hover),body.tda-chrome-resource .tda-dlegal a:not(:hover),body.tda-chrome-resource .tda-drawer-bottom .vw-update:not(:hover){color:#1A1A1A}
body.tda-chrome-resource .tda-dnav > li{border-bottom-color:rgba(255,255,255,.06)}
body.tda-chrome-resource .tda-dnav > li > a,body.tda-chrome-resource .tda-dnav-toggle,body.tda-chrome-resource .tda-dnav-toggle:focus{color:#070809}
body.tda-chrome-resource .tda-dnav > li > a:hover,body.tda-chrome-resource .tda-dnav-toggle:hover{background:#fff;color:#070809}
body.tda-chrome-resource .tda-dnav > li.active > a,body.tda-chrome-resource .tda-dnav > li.active > .tda-dnav-toggle,
body.tda-chrome-resource .tda-dnav-toggle[aria-expanded="true"]{color:#C00C20}
body.tda-chrome-resource .tda-dnav-toggle svg{color:#5B616E}
body.tda-chrome-resource .tda-dsub{background:#fff}
body.tda-chrome-resource .tda-dsub li a{color:#0B0D0F}
body.tda-chrome-resource .tda-dsub li a:hover{color:#0B0D0F;background:rgba(245,43,53,.07)}
body.tda-chrome-resource .tda-dsub li.active a{color:#C00C20;background:#fff}
body.tda-chrome-resource .tda-drawer-bottom{background:#fff}
body.tda-chrome-resource .tda-drawer-bottom a{color:#1A1A1A}
/* footer */
body.tda-chrome-resource .elementor-location-footer .tda-footer{background-color:#070809;color:#D0D1D4;border-top:1px solid rgba(255,255,255,.1)}
body.tda-chrome-resource .elementor-location-footer h3{color:#F5F3F1}
body.tda-chrome-resource .elementor-location-footer .tda-fmenu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item,
body.tda-chrome-resource .elementor-location-footer .tda-fmenu .elementor-nav-menu--main a.elementor-item.elementor-item-active,
body.tda-chrome-resource .elementor-location-footer .tda-brand + p,
body.tda-chrome-resource .elementor-location-footer .tda-fcontact p,
body.tda-chrome-resource .elementor-location-footer .f-bot,
body.tda-chrome-resource .elementor-location-footer .f-bot p,
body.tda-chrome-resource .elementor-location-footer .vw-update{color:#D0D1D4}
body.tda-chrome-resource .elementor-location-footer .tda-fmenu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover,
body.tda-chrome-resource .elementor-location-footer .vw-update:hover{color:#fff}

/* ---------- overlay header (body.tda-chrome-overlay; page meta _tda_chrome contains "overlay": home) ----------
   Mockup header-overlay.css: over the dark hero the header is fixed and transparent with a light logo, white nav and
   a hairline CTA; after 40px of scroll (.is-shrink) it is the normal white bar. Colours/sizes only, same widgets. */
body.tda-chrome-overlay .elementor-location-header{position:fixed;left:0;right:0}
body.tda-chrome-overlay .elementor-location-header .tda-header{transition:background-color .28s ease,box-shadow .28s ease,border-color .28s ease}
body.tda-chrome-overlay .elementor-location-header:not(.is-shrink) .tda-header{background-color:transparent;border-bottom-color:transparent;box-shadow:none}
body.tda-chrome-overlay .elementor-location-header.is-shrink .tda-header{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 10px 30px -20px rgba(0,0,0,.55)}
@media (min-width:861px){
  body.tda-chrome-overlay .elementor-location-header .tda-header .tda-header-bar{max-width:none;padding-left:clamp(24px,3.4vw,56px);padding-right:clamp(24px,3.4vw,56px)}
}
/* quieter lockup: 44px (36px shrunk); phones 36px (32px) */
body.tda-chrome-overlay .elementor-location-header .tda-header-bar .tda-brand img{height:44px}
body.tda-chrome-overlay .elementor-location-header.is-shrink .tda-header-bar .tda-brand img{height:36px}
@media (max-width:860px){
  body.tda-chrome-overlay .elementor-location-header .tda-header-bar .tda-brand img{height:36px}
  body.tda-chrome-overlay .elementor-location-header.is-shrink .tda-header-bar .tda-brand img{height:32px}
}
/* light lockup over the hero: MOF crest swaps to its light artwork, TDA mark goes white */
body.tda-chrome-overlay .elementor-location-header:not(.is-shrink) .tda-brand img:first-of-type{content:url('/wp-content/uploads/2026/10/mof-light.png')}
body.tda-chrome-overlay .elementor-location-header:not(.is-shrink) .tda-brand img:last-of-type{filter:brightness(0) invert(1)}
body.tda-chrome-overlay .elementor-location-header:not(.is-shrink) .tda-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{color:rgba(255,255,255,.92);background:transparent}
body.tda-chrome-overlay .elementor-location-header:not(.is-shrink) .tda-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover,
body.tda-chrome-overlay .elementor-location-header:not(.is-shrink) .tda-menu .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a.elementor-item,
body.tda-chrome-overlay .elementor-location-header:not(.is-shrink) .tda-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item.highlighted{color:#fff;background:rgba(255,255,255,.12)}
body.tda-chrome-overlay .elementor-location-header:not(.is-shrink) .tda-header-cta{background-color:transparent;border:1px solid rgba(255,255,255,.45);color:#fff}
body.tda-chrome-overlay .elementor-location-header:not(.is-shrink) .tda-header-cta *{color:#fff}
body.tda-chrome-overlay .elementor-location-header:not(.is-shrink) .tda-header-cta:hover{background-color:rgba(255,255,255,.14);border-color:#fff}
body.tda-chrome-overlay .elementor-location-header:not(.is-shrink) .tda-burger > *{background-color:#fff}

/* ---------- home palette (body.tda-chrome-home; page meta _tda_chrome contains "home") ----------
   The mockup home loads v2.css + sections-v2.css + drawer.css: v2 red states in the header, a wider near-black footer,
   a light drawer with a dark bottom strip and the EN / BM switch. Colours/sizes only, same widgets. */
body.tda-chrome-home .tda-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{color:#1A1A1A}
body.tda-chrome-home .tda-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover,
body.tda-chrome-home .tda-menu .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a.elementor-item,
body.tda-chrome-home .tda-menu .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-ancestor > a.elementor-item,
body.tda-chrome-home .tda-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item.highlighted{color:#C00C20;background:rgba(245,43,53,.08)}
body.tda-chrome-home .tda-menu .elementor-nav-menu--main ul.sub-menu{border-color:rgba(0,0,0,.1);box-shadow:0 20px 48px -24px rgba(0,0,0,.35)}
body.tda-chrome-home .tda-menu .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item:hover{color:#C00C20;background:rgba(245,43,53,.07)}
body.tda-chrome-home .elementor-location-header .tda-header-cta{box-shadow:0 0 30px -6px rgba(230,28,41,.2)}
body.tda-chrome-home .elementor-location-header.is-shrink .tda-header-cta{background-color:#F52B35;border-color:transparent}
body.tda-chrome-home .elementor-location-header.is-shrink .tda-header-cta:hover{background-color:#C00C20;border-color:transparent;box-shadow:0 10px 26px -10px rgba(230,28,41,.2)}
/* footer: near-black, no top rule, content as wide as the home sections */
body.tda-chrome-home .elementor-location-footer .tda-footer{background-color:#070809;border-top:0;color:#B9BEC6}
body.tda-chrome-home .elementor-location-footer .tda-footer > :first-child{max-width:none;padding-left:clamp(24px,5.2vw,100px);padding-right:clamp(24px,5.2vw,100px)}
body.tda-chrome-home .elementor-location-footer h3{color:#fff}
body.tda-chrome-home .elementor-location-footer .tda-brand ~ div a:hover{background-color:#F52B35;border-color:#F52B35;color:#fff}
/* drawer (mockup drawer.css) */
body.tda-chrome-home .tda-drawer .tda-drawer-close:not(:hover):not(:focus-visible){color:#14181F;border-color:#E4E7EC}
body.tda-chrome-home .tda-drawer .tda-drawer-close:hover{color:#F52B35;border-color:rgba(245,43,53,.34);background-color:rgba(245,43,53,.1)}
body.tda-chrome-home .tda-dnav > li{border-bottom-color:#EFF1F4}
body.tda-chrome-home .tda-dnav > li > a,body.tda-chrome-home .tda-dnav-toggle,body.tda-chrome-home .tda-dnav-toggle:focus{color:#14181F}
body.tda-chrome-home .tda-dnav > li > a:hover,body.tda-chrome-home .tda-dnav-toggle:hover{background:#F7F8FA;color:#F52B35}
body.tda-chrome-home .tda-dnav > li.active > a,body.tda-chrome-home .tda-dnav-toggle[aria-expanded="true"],
body.tda-chrome-home .tda-dnav-toggle[aria-expanded="true"] svg{color:#F52B35}
body.tda-chrome-home .tda-dnav-toggle svg{color:#8A919C}
body.tda-chrome-home .tda-dsub{background:#F7F8FA}
body.tda-chrome-home .tda-dsub li a{color:#39414E}
body.tda-chrome-home .tda-dsub li a:hover{color:#F52B35;border-left-color:#F52B35;background:#fff}
body.tda-chrome-home .tda-drawer .tda-drawer-body + * > div:has(> a[href^="mailto"]) > span{color:#6B7280}
body.tda-chrome-home .tda-drawer a[href^="mailto"]:not(:hover),body.tda-chrome-home .tda-drawer a[href^="tel"]:not(:hover),
body.tda-chrome-home .tda-drawer .tda-drawer-body + * > div:has(> a[href^="mailto"]) > a:not(:hover){color:#39414E}
body.tda-chrome-home .tda-drawer-bottom{background-color:#0F1319}
body.tda-chrome-home .tda-drawer-bottom > :first-child a:hover{background-color:#F52B35;border-color:#F52B35;color:#fff}
body.tda-chrome-home .tda-dlang{display:flex}
/* the home mockup's header uses the tight-cropped TDA mark (tda-logo-mark.svg) instead of tda-logo.png */
body.tda-chrome-home .elementor-location-header .tda-header-bar .tda-brand img:last-of-type{content:url('/wp-content/uploads/2026/10/tda-logo-mark.svg')}
body.tda-chrome-home .elementor-location-header .tda-header-cta:hover{box-shadow:0 10px 26px -10px rgba(230,28,41,.2)}
body.tda-chrome-home .elementor-location-header.is-shrink .tda-header-cta:hover{transform:translateY(-1px)}
body.tda-chrome-home .tda-drawer a[href*="contact"]:hover{transform:translateY(-1px)}
body.tda-chrome-home .elementor .tda-dlang a{display:inline-block;color:#9DA2AB;line-height:20.8px;background:none}
body.tda-chrome-home .elementor .tda-dlang a:hover{color:#fff;background:none}
body.tda-chrome-home .tda-drawer a[href*="contact"]{box-shadow:0 0 30px -6px rgba(230,28,41,.2)}
body.tda-chrome-home .tda-drawer a[href*="contact"]:hover{background-color:#F02936;border-color:transparent;box-shadow:0 0 36px -4px rgba(239,39,60,.42)}

@media (prefers-reduced-motion:reduce){
  .tda-drawer{transition:transform .01ms}
  .tda-dsub{transition:none}
  .tda-dsub:not(.open){display:none}
}