/* WordPress pages (Ultimate Member login/register/profile/account, newsletter) inside the FW header and footer:
   the theme's own header/footer are removed by the Worker; this gives the forms the site's colours. */
body { background: #f4ede1 !important; }
.site-main, main#main { padding-top: 0 !important; }
.hero-section .page-title, .entry-header .page-title { color: #1a2d5a; font-family: Fraunces, Georgia, serif; font-weight: 500; }
.um .um-button, .um input[type=submit].um-button, .um a.um-button { background: #1a2d5a !important; border-radius: 999px !important; font-weight: 700 !important; }
.um .um-button:hover { background: #044389 !important; }
.um .um-button.um-alt, .um a.um-button.um-alt { background: #fff !important; color: #1a2d5a !important; border: 1.5px solid #1a2d5a !important; }
.um .um-field-label label { color: #1c2433; font-weight: 700; }
.um a, .um-link { color: #044389; }
.um-form input[type=text], .um-form input[type=password], .um-form input[type=tel], .um-form input[type=url], .um-form select { border-radius: .55rem !important; }
.um .um-field-checkbox-option { line-height: 1.5; }
.um-account-side li a.current { color: #1a2d5a; }
.fluentform .ff-btn-submit { background: #1a2d5a !important; border-radius: 999px !important; }
/* Phones: keep a side gutter and stack the two form buttons so their labels fit. */
.um, .hero-section, .entry-header { box-sizing: border-box; padding-left: 16px !important; padding-right: 16px !important; }
@media (max-width: 600px) {
  .um .um-col-alt .um-left, .um .um-col-alt .um-right { float: none !important; width: 100% !important; margin: 0 0 .7rem !important; }
  .um .um-button { white-space: normal !important; }
}