/* 1.0.33: company flags (inc/flags.php). Top strip on every page, flags in the footer. */
.vmc-flag{display:inline-block;flex:none;max-width:none;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.18);vertical-align:middle}

.vmc-strip{box-sizing:border-box;position:relative;height:40px;margin:0;padding:0;overflow:hidden;background:#0a0a0a;border-bottom:1px solid #2a2418;color:#cfcfcf;font:400 12.5px/1.2 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:0;text-align:left}
.vmc-strip__in{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px;height:100%;padding:0 48px}
.vmc-strip__tag{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a;white-space:nowrap}
.vmc-strip__cos{display:flex;align-items:center;gap:22px;white-space:nowrap}
.vmc-strip__co{display:inline-flex;align-items:center;gap:8px}
.vmc-strip__city{color:#8a8a8a}
.vmc-strip__sep{display:block;width:1px;height:14px;background:#3a3a3a}
.vmc-strip .vmc-flag{width:20px;height:15px}
@media (max-width:1100px){
  .vmc-strip__tag{display:none}
  .vmc-strip__in{justify-content:center}
}
@media (max-width:768px){
  .vmc-strip{height:34px}
  .vmc-strip__in{padding:0 16px}
  .vmc-strip__cos{gap:8px}
  .vmc-strip__txt,.vmc-strip__sep{display:none}
  .vmc-strip .vmc-flag{width:18px;height:13.5px}
}

/* Overlaid headers (position:fixed;top:0 in zz-design.css and zz-tvcback.css) start under the strip;
   js/topstrip.js updates --vmc-strip-top while the strip scrolls away. Values here are for scroll 0 / no script. */
body.vmc-strip-on{--vmc-strip-top:40px}
body.vmc-strip-on.admin-bar{--vmc-strip-top:72px}
@media (max-width:782px){body.vmc-strip-on.admin-bar{--vmc-strip-top:86px}}
@media (max-width:768px){body.vmc-strip-on{--vmc-strip-top:34px}body.vmc-strip-on.admin-bar{--vmc-strip-top:80px}}
body.vmc-design.vmc-strip-on:not(.vmc-banner-page) header.gt-header.gt-absolute{top:var(--vmc-strip-top,0px) !important}

/* Talent directory pages: vmc-talent-directory pins the header (header.vmc-fixed-banner) and measures it once,
   so the strip is pinned too, right above it (and under the "Back to The Veterans Channel" bar when that shows). */
body.vmc-banner-page.vmc-strip-on .vmc-strip{position:fixed;top:var(--vmc-tvcback-off,0px);left:0;right:0;z-index:1001}
body.vmc-banner-page.vmc-strip-on header.gt-header.vmc-fixed-banner{top:calc(40px + var(--vmc-tvcback-off,0px)) !important}
body.vmc-banner-page.vmc-strip-on.admin-bar .vmc-strip{top:calc(32px + var(--vmc-tvcback-off,0px))}
body.vmc-banner-page.vmc-strip-on.admin-bar header.gt-header.vmc-fixed-banner{top:calc(72px + var(--vmc-tvcback-off,0px)) !important}
@media (max-width:782px){
  body.vmc-banner-page.vmc-strip-on.admin-bar .vmc-strip{top:calc(46px + var(--vmc-tvcback-off,0px))}
  body.vmc-banner-page.vmc-strip-on.admin-bar header.gt-header.vmc-fixed-banner{top:calc(86px + var(--vmc-tvcback-off,0px)) !important}
}
@media (max-width:768px){
  body.vmc-banner-page.vmc-strip-on header.gt-header.vmc-fixed-banner{top:calc(34px + var(--vmc-tvcback-off,0px)) !important}
  body.vmc-banner-page.vmc-strip-on.admin-bar header.gt-header.vmc-fixed-banner{top:calc(80px + var(--vmc-tvcback-off,0px)) !important}
}
@media (max-width:600px){
  body.vmc-banner-page.vmc-strip-on.admin-bar .vmc-strip{top:var(--vmc-tvcback-off,0px)}
  body.vmc-banner-page.vmc-strip-on.admin-bar header.gt-header.vmc-fixed-banner{top:calc(34px + var(--vmc-tvcback-off,0px)) !important}
}

/* Footer: flag in front of each company name; both flags at the end of the copyright line. */
.gt-footer .vmc-fco{display:inline-flex;align-items:center;gap:10px}
.gt-footer .vmc-flag--footer{width:24px;height:18px;border-radius:3px}
.gt-copyright .vmc-copy-flags{display:inline-flex;align-items:center;gap:10px;margin-left:auto}
.gt-copyright .vmc-copy-flags .vmc-flag{width:18px;height:13.5px}
@media (max-width:768px){.gt-copyright .vmc-copy-flags{margin:8px 0 0}}