/* Alobè Front Page · WordPress-only additions.
   site.css is the concept file, unchanged; everything WordPress needs on top of it lives here. */

/* ---------- WordPress admin bar (logged-in previews) ----------
   The bar is fixed and 32px tall from 783px up, 46px tall below that, and scrolls away (position:absolute)
   at 600px and below. Keep the sticky header, the intro overlay and the skip link clear of it; the phone drawer
   is a modal, so it sits above the bar. */
body.admin-bar .mast{top:32px}
body.admin-bar .intro{top:32px}
body.admin-bar .skip:focus{top:48px}
body.admin-bar .drawer{z-index:100000}
@media screen and (max-width:782px){
  body.admin-bar .mast{top:46px}
  body.admin-bar .intro{top:46px}
  body.admin-bar .skip:focus{top:62px}
}
@media screen and (max-width:600px){
  body.admin-bar .mast{top:0}
}

/* ---------- Newsletter: the site's Mailchimp for WordPress form ----------
   Matches the concept's form: a 520px row, the email field as in site.css (.subscribe input) and the
   button as .btn.btn-primary; stacked on phones. MC4WP's messages appear under the fields. */
.subscribe .mc4wp-form{display:block;max-width:520px;margin:24px auto 0}
.subscribe .mc4wp-form-fields p{margin:0}
.subscribe .mc4wp-form-fields p+p{margin-top:12px}
.subscribe .mc4wp-form-fields label{display:flex;align-items:center;gap:12px;font-size:15px;line-height:24px;color:var(--ink-60);text-align:left}
.subscribe .mc4wp-form input[type=submit],.subscribe .mc4wp-form button[type=submit]{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;min-width:0;padding:0 24px;border:1.5px solid transparent;border-radius:var(--r-btn);background:var(--teal-600);color:#fff;font-family:var(--sans);font-size:16px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .18s,color .18s,border-color .18s}
.subscribe .mc4wp-form input[type=submit]:hover,.subscribe .mc4wp-form button[type=submit]:hover,
.subscribe .mc4wp-form input[type=submit]:focus,.subscribe .mc4wp-form button[type=submit]:focus{background:var(--teal-700);border-color:transparent}
.subscribe .mc4wp-form input[type=submit]:focus-visible,.subscribe .mc4wp-form button[type=submit]:focus-visible{outline:3px solid var(--magenta-600);outline-offset:2px;box-shadow:0 0 0 2px #fff}
.subscribe .mc4wp-alert{margin-top:16px;font-size:15px;line-height:24px;font-weight:600;text-align:center}
.subscribe .mc4wp-alert p{margin:0}
.subscribe .mc4wp-alert a{color:inherit;text-decoration:underline}
.subscribe .mc4wp-success{color:var(--success)}
.subscribe .mc4wp-error,.subscribe .mc4wp-notice,.subscribe .mc4wp-warning{color:var(--warning)}
@media (max-width:700px){
  .subscribe .mc4wp-form-fields label{flex-direction:column;align-items:stretch}
  .subscribe .mc4wp-form input{flex:none}
}