/* Make the cloned desktop nav render correctly inside the mobile popup.
   GHL rendered this menu client-side, so we restyle it on-brand here. */
#nav-menu-popup .nav-menu-body {
  background: #4A3F72;            /* matches the site nav bar */
  min-height: 100%;
  width: 100%;
  padding: 64px 24px 40px;
  box-sizing: border-box;
}
#nav-menu-popup .close-menu {
  color: #fff;
  position: absolute;
  top: 22px;
  right: 24px;
  cursor: pointer;
}
#nav-menu-popup .nav-menu { gap: 4px; width: 100%; }
#nav-menu-popup .nav-menu .nav-menu-item.dropdown { display: block; text-align: center; }
#nav-menu-popup .nav-menu .nav-menu-item.dropdown > a { display: block; text-align: center; }
#nav-menu-popup .nav-menu .nav-menu-item,
#nav-menu-popup .nav-menu .dropdown-item { padding: 10px 0; width: 100%; text-align: center; }
#nav-menu-popup .nav-menu .nav-menu-item > a,
#nav-menu-popup .nav-menu .dropdown-item > a { color: #fff; font-size: 16px; }

/* mobile dropdown accordions */
#nav-menu-popup .nav-menu .dropdown-menu {
  position: static;
  display: none;
  background: transparent;
  box-shadow: none;
  list-style: none;
  padding: 4px 0 0;
  margin: 0;
  width: 100%;
  min-width: 0;
  left: auto;
  transform: none;
  text-align: center;
}
#nav-menu-popup .nav-menu .dropdown-item { display: block; width: 100%; text-align: center; }
#nav-menu-popup .nav-menu .nav-menu-item.dropdown.open > .dropdown-menu { display: block; }
#nav-menu-popup .nav-menu .dropdown-item > a { opacity: .85; font-size: 14px; }

.nav-menu-mobile .menu-icon { cursor: pointer; }

/* ---- Native form pages (Contact / Prayer) ---- */
.fp-header{text-align:center;padding:22px;border-bottom:1px solid #ececec;}
.fp-header img{max-height:88px;width:auto;}
.form-page{max-width:680px;margin:0 auto;padding:34px 20px 64px;font-family:'Open Sans',sans-serif;color:#262626;}
.form-page h1{font-family:'Montserrat',sans-serif;color:#4A3F72;text-align:center;margin:0 0 8px;}
.form-page .intro{text-align:center;color:#555;margin:0 0 26px;line-height:1.5;}
.form-page label{display:block;font-weight:600;margin:16px 0 6px;color:#333;}
.form-page input[type=text],.form-page input[type=email],.form-page input[type=tel],
.form-page select,.form-page textarea{width:100%;padding:10px 12px;border:1px solid #ccc;
  border-radius:6px;font-size:15px;box-sizing:border-box;font-family:inherit;background:#fff;}
.form-page textarea{min-height:110px;resize:vertical;}
.form-page fieldset{border:1px solid #e3e3e3;border-radius:8px;margin:22px 0;padding:12px 16px 16px;}
.form-page legend{font-weight:600;color:#4A3F72;padding:0 6px;}
.form-page .check{display:flex;align-items:flex-start;gap:9px;font-weight:400;margin:8px 0;color:#333;}
.form-page .check input{width:auto;margin-top:3px;}
.form-page .row2{display:flex;gap:16px;flex-wrap:wrap;}
.form-page .row2>div{flex:1;min-width:150px;}
.form-page .req{color:#b23;}
.form-page button{background:#4A3F72;color:#fff;border:0;border-radius:6px;padding:15px 28px;
  font-size:16px;font-weight:600;cursor:pointer;margin-top:26px;width:100%;font-family:inherit;}
.form-page button:hover{background:#3a3059;}
.fp-footer{background:#4A3F72;color:#fff;text-align:center;padding:26px 20px;
  font-family:'Open Sans',sans-serif;font-size:14px;line-height:1.7;}
.fp-footer a{color:#fff;text-decoration:none;}