/* E-book launch announcement bar — navy, with the brand gold on the CTA so it pops. */
/* In normal flow (not fixed): shown on load, scrolls away with the page like the theme's header. */
.gw-ann-bar{position:static;background:#243447;color:#FFFFFF;
  font-family:"proxima-nova",sans-serif;box-shadow:0 1px 4px rgba(0,0,0,.12);border-bottom:1px solid rgba(255,255,255,.12);}
.gw-ann-inner{max-width:1500px;margin:0 auto;min-height:42px;display:flex;align-items:center;
  justify-content:center;gap:14px;padding:8px 16px;}
.gw-ann-msg{margin:0;text-align:center;font-size:16px;line-height:1.35;letter-spacing:.2px;
  text-transform:none;font-weight:500;}
.gw-ann-msg a{color:#DAB682;text-decoration:underline;text-underline-offset:2px;font-weight:700;white-space:nowrap;}
.gw-ann-msg a:hover,.gw-ann-msg a:focus{color:#FFFFFF;}
/* same arrow the theme's buttons use (.fl-button:after) */
.gw-ann-msg a::after{font-family:"Font Awesome 5 Pro";content:"\f178";font-weight:300;
  font-size:13px;margin-left:7px;display:inline-block;text-decoration:none;}

/* This theme's header is position:absolute;top:0 (an overlay). The bar sits in normal flow;
   nudge the overlay header down by the bar's REAL height (measured into --gw-ann-h by a tiny
   script) so it always clears it, however the message wraps. */
:root{--gw-ann-h:42px;}
body.gw-has-ann-bar #header{top:var(--gw-ann-h);}
body.gw-has-ann-bar.admin-bar #header{top:calc(32px + var(--gw-ann-h));}
@media (max-width:782px){body.gw-has-ann-bar.admin-bar #header{top:calc(46px + var(--gw-ann-h));}}

/* The full-screen nav is a fixed overlay containing its own copy of the header.
   A clone of the bar is mirrored into it (see the plugin's inline script) and
   pinned to the top; the overlay's header and its centred menu are offset by the
   same amount, so nothing shifts when the menu opens. */
/* The overlay's header is nested inside a wrapper div, not a direct child, so
   this has to be a descendant selector. The theme parks it at top:32px, which
   ignores both the bar and the admin bar — that mismatch is what made the logo
   jump when the menu opened. */
#navigation-overlay .gw-ann-bar{position:fixed;top:0;left:0;right:0;z-index:5;}
body.gw-has-ann-bar #navigation-overlay header{top:var(--gw-ann-h);}
body.gw-has-ann-bar.admin-bar #navigation-overlay header{top:calc(32px + var(--gw-ann-h));}
@media (max-width:782px){body.gw-has-ann-bar.admin-bar #navigation-overlay header{top:calc(46px + var(--gw-ann-h));}}
body.gw-has-ann-bar #navigation-overlay{padding-top:var(--gw-ann-h);box-sizing:border-box;}

/* The theme sizes the overlay with height:100vh. On mobile browsers vh doesn't
   track the visible area once the address/toolbar chrome is showing, which left
   a strip of the page visible under the overlay on iOS. Anchoring a fixed
   element to both edges is exactly the viewport height by definition, so this
   needs no viewport units and no dvh support. */
#navigation-overlay{top:0;bottom:0;height:auto;min-height:0;}
body.gw-has-ann-bar.admin-bar #navigation-overlay .gw-ann-bar{top:32px;}
@media (max-width:782px){body.gw-has-ann-bar.admin-bar #navigation-overlay .gw-ann-bar{top:46px;}}

@media (max-width:600px){
  .gw-ann-msg{font-size:14px;letter-spacing:.2px;}
  .gw-ann-inner{padding:7px 14px;}
}

/* "Get your copy" drops to its own line on small screens. */
.gw-ann-br { display: none; }
@media (max-width: 600px) {
  .gw-ann-br { display: block; }
}