/*! microsite-reset.css — isolates #content from The7 + plugin CSS.
 *  Enqueued only on the Microsite (menu) template.
 *  Load order: after theme CSS, before the page's own CSS. */

/* Boundary: severs everything inherited from html>body>#page>.page-inner>#main>.wf-wrap.
   all:initial also makes the div display:inline, so the box is re-declared. */
#content{all:initial;display:block;box-sizing:border-box;position:relative;isolation:isolate;width:auto;max-width:none;min-width:0;margin:0;padding:0;border:0;float:none;clear:none;overflow:visible;text-align:left;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;font-style:normal;line-height:1.4;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;color:#111;background:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* Full-bleed: escape the theme's 1150px column. #page has overflow:hidden so the
   ~10px vw overhang is clipped and no horizontal scrollbar appears. */
#content{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}

/* Descendants back to browser defaults. */
#content *,#content *::before,#content *::after{all:revert}

/* Baselines. :where() pins these at reset-level specificity so page CSS always wins. */
#content :where(*),#content :where(*)::before,#content :where(*)::after{box-sizing:border-box;min-width:0;-webkit-tap-highlight-color:transparent}
#content :where(img,svg,video,canvas,picture,iframe){display:block;max-width:100%;height:auto;border:0}
#content :where(input,select,textarea,button){font:inherit;color:inherit;letter-spacing:inherit}

/* Only !important leak on this site: Aero_2018_v4/style.css a{font-family:arial!important} */
#content :where(a){font-family:inherit!important}

/* ---------------------------------------------------------------------------
   APPENDED — not part of the verified block above. position:sticky fix.

   dt-the7/css/main.min.css sets #page{position:relative;overflow:hidden}, which
   makes #page a scroll container and silently kills position:sticky anywhere
   inside it. overflow:clip clips identically — so the 100vw full-bleed overhang
   still produces no horizontal scrollbar — but does NOT create a scroll
   container, so sticky works. Scoped to this template's body class only, so no
   other page on the site is affected.

   Support: Chrome 90+, Firefox 81+, Safari 16+. Older browsers simply keep the
   inherited overflow:hidden: full-bleed still correct, sticky just inert.
   --------------------------------------------------------------------------- */
body.page-template-template-microsite-menu #page{overflow:clip}

/* Intermediate wrappers must not re-clip, or the full-bleed row gets cut at the
   1150px column edge and sticky is trapped again at a lower level. */
body.page-template-template-microsite-menu #main,
body.page-template-template-microsite-menu #main > .wf-wrap,
body.page-template-template-microsite-menu .wf-container-main{overflow:visible}

/* The Aero header carries a 0 0 30px 30px brand radius. Over a light page the
   curve reads as intentional; sitting on a dark full-bleed design it looks like
   a rendering fault, because the white curve is silhouetted against the design.
   Square it off here only. The sub-menu panels inherit the same shape. */
body.page-template-template-microsite-menu .masthead,
body.page-template-template-microsite-menu .masthead .ubermenu-submenu,
body.page-template-template-microsite-passthrough .masthead{border-radius:0}

/* Header offset for sticky authoring.
   The7's header sits above #content, so an author writing `top:0` on a sticky
   element ends up underneath it. --ms-header-offset is measured at runtime (see
   functions/microsite.php) and updated on scroll/resize; this is the pre-JS
   fallback so a sticky element is never fully hidden. Authors write:
       position:sticky; top:var(--ms-header-offset,0px);
   Set it to 0px yourself if you want an element to tuck under the header. */
body.page-template-template-microsite-menu #content{--ms-header-offset:91px}