/* REK Client Portal login-page correction v1.0.1 */

html.rekcp-login-active,
body.rekcp-login-active {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100% !important;
  background: #020817 !important;
}

/* Remove blank theme, WordPress, and Beaver Builder spacing only on the portal login view. */
body.rekcp-login-active #page,
body.rekcp-login-active .site,
body.rekcp-login-active .site-content,
body.rekcp-login-active .content-area,
body.rekcp-login-active .site-main,
body.rekcp-login-active .entry-content,
body.rekcp-login-active .fl-page,
body.rekcp-login-active .fl-page-content,
body.rekcp-login-active .fl-builder-content,
body.rekcp-login-active .fl-row,
body.rekcp-login-active .fl-row-content-wrap,
body.rekcp-login-active .fl-row-content,
body.rekcp-login-active .fl-col,
body.rekcp-login-active .fl-col-content,
body.rekcp-login-active .fl-module,
body.rekcp-login-active .fl-module-content,
body.rekcp-login-active .fl-html,
body.rekcp-login-active article,
body.rekcp-login-active main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.rekcp-login-active .fl-module-content,
body.rekcp-login-active .entry-content,
body.rekcp-login-active .fl-html {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.rekcp-login-active .rekcp-login {
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  margin: 0 !important;
  padding: clamp(24px, 4vw, 48px) !important;
  background:
    radial-gradient(circle at 78% 12%, rgba(220, 167, 47, 0.13), transparent 25%),
    linear-gradient(135deg, #020817, #07172e 65%, #041127) !important;
}

/* Theme typography overrides were making the form text nearly black. */
body.rekcp-login-active .rekcp-login-card h1,
body.rekcp-login-active .rekcp-login > aside strong {
  color: #ffffff !important;
  opacity: 1 !important;
}

body.rekcp-login-active .rekcp-login-card > p,
body.rekcp-login-active .rekcp-login > aside,
body.rekcp-login-active .rekcp-login > aside ul,
body.rekcp-login-active .rekcp-login > aside li {
  color: #c8d3e2 !important;
  opacity: 1 !important;
}

body.rekcp-login-active .rekcp-login-card > span {
  color: #f2c961 !important;
  opacity: 1 !important;
}

body.rekcp-login-active .rekcp-login-card label,
body.rekcp-login-active .rekcp-login-card #loginform label,
body.rekcp-login-active .rekcp-login-card .login-username label,
body.rekcp-login-active .rekcp-login-card .login-password label,
body.rekcp-login-active .rekcp-login-card .login-remember,
body.rekcp-login-active .rekcp-login-card .login-remember label,
body.rekcp-login-active .rekcp-login-card #rememberme + span {
  color: #dbe5f2 !important;
  opacity: 1 !important;
  font-weight: 800 !important;
}

body.rekcp-login-active .rekcp-login-card input[type="text"],
body.rekcp-login-active .rekcp-login-card input[type="password"],
body.rekcp-login-active .rekcp-login-card input[type="email"] {
  color: #111827 !important;
  background: #ffffff !important;
  border-color: rgba(242, 201, 97, 0.35) !important;
}

body.rekcp-login-active .rekcp-login-card input[type="text"]:focus,
body.rekcp-login-active .rekcp-login-card input[type="password"]:focus,
body.rekcp-login-active .rekcp-login-card input[type="email"]:focus {
  border-color: #f2c961 !important;
  box-shadow: 0 0 0 4px rgba(242, 201, 97, 0.16) !important;
  outline: none !important;
}

body.rekcp-login-active .rekcp-login-card .login-submit input,
body.rekcp-login-active .rekcp-login-card input[type="submit"] {
  color: #061026 !important;
  background: linear-gradient(135deg, #f2c961, #dca72f) !important;
  opacity: 1 !important;
}

body.rekcp-login-active .rekcp-login-links a,
body.rekcp-login-active .rekcp-login-links a:visited {
  color: #f2c961 !important;
  opacity: 1 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

body.rekcp-login-active .rekcp-login-card {
  border-color: rgba(220, 167, 47, 0.52) !important;
}

body.rekcp-login-active .rekcp-login-card img {
  display: block;
  filter: none !important;
  opacity: 1 !important;
}

/* Hide empty theme chrome on the dedicated client portal homepage. */
body.rekcp-login-active .site-header,
body.rekcp-login-active header#masthead,
body.rekcp-login-active .ast-primary-header-bar,
body.rekcp-login-active .fl-page-header,
body.rekcp-login-active .site-footer,
body.rekcp-login-active footer#colophon,
body.rekcp-login-active .fl-page-footer {
  display: none !important;
}

@media (max-width: 780px) {
  body.rekcp-login-active .rekcp-login {
    padding: 18px !important;
  }

  body.rekcp-login-active .rekcp-login-card {
    width: 100% !important;
    padding: 24px !important;
  }

  body.rekcp-login-active .rekcp-login-card h1 {
    font-size: 30px !important;
  }
}