/* MMM additions on top of the carried-over Weebly theme CSS.
   Everything here is invisible to a sighted mouse user unless noted. */

/* The page wrapper must not become a box — theme selectors expect the
   Weebly structure directly under <body>. */
.mmm-page { display: contents; }

/* Visible keyboard focus. */
a:focus-visible, input:focus-visible, textarea:focus-visible, [role="button"]:focus-visible { outline: 2px solid #a1a1a1; outline-offset: 2px; }

/* Contact form status line (new — Weebly showed its own confirmation). */
.mmm-form-status { margin-top: 12px; font-size: 14px; color: #fff; }
.mmm-form-status[data-state="error"] { color: #ff8a8a; }
.mmm-form-status[data-state="ok"] { color: #9be29b; }

/* <picture> wrappers added for AVIF/WebP must not create a box. */
.mmm-picture { display: contents; }
/* Takes no space until there is a message, so the form is the height it was on Weebly. */
.mmm-form-status:empty { margin: 0; }

/* ABT fixes. Each page's main heading is now an <h1> (was <h2>): give it the
   h2 look the Weebly theme defines in main_style.css so nothing moves. */
h1.wsite-content-title { color: #000000; font-family: 'Poppins', sans-serif; font-size: 24px; font-weight: 400; line-height: 1.2; margin: 0 auto 10px; }
.parallaxl .container h1.wsite-content-title { color: white; }
.wsite-footer .container h1.wsite-content-title { color: white; }
/* Home page h1: the hero is images only, so the h1 is for search engines and screen readers. */
.mmm-visually-hidden { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }