/* Additions on top of the exported site-builder styles (which are inlined in each page). */

/* Mailto buttons that replaced the home page's email forms: keep them centred like the forms were */
[data-lg-mailto="subscribe"] > div { display: flex; justify-content: center; }

/* Mobile navigation drawer (replaces the old builder's JS drawer) */
.lg-drawer {
  position: fixed; inset: 0; z-index: 10000; overflow-y: auto;
  background: rgb(246, 242, 254); color: rgb(27, 27, 27);
  padding: 88px 56px 40px;
}
.lg-drawer[hidden] { display: none; }
.lg-drawer ul { list-style: none; margin: 0; padding: 0; }
.lg-drawer li { margin: 0 0 32px; }
.lg-drawer a {
  font-family: 'Montserrat', Arial, sans-serif; font-size: 22px; font-weight: 400;
  letter-spacing: .143em; text-transform: uppercase; line-height: 1.2;
  color: rgb(27, 27, 27); text-decoration: none;
}
.lg-drawer a[aria-current="page"] { font-weight: 700; }
.lg-drawer a:hover, .lg-drawer a:focus { color: rgb(70, 8, 116); }
.lg-drawer-close {
  position: absolute; top: 20px; right: 22px; padding: 6px; border: 0;
  background: none; color: rgb(27, 27, 27); cursor: pointer; line-height: 0;
}
html.lg-drawer-open, html.lg-drawer-open body { overflow: hidden; }
