.elementor-5017 .elementor-element.elementor-element-5e61b209{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.95;--padding-top:180px;--padding-bottom:180px;--padding-left:20px;--padding-right:20px;}.elementor-5017 .elementor-element.elementor-element-5e61b209:not(.elementor-motion-effects-element-type-background), .elementor-5017 .elementor-element.elementor-element-5e61b209 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a6f0106 );background-image:url("https://h2i.davix.dev/wp-content/uploads/2026/02/Mask-group.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-5017 .elementor-element.elementor-element-5e61b209::before, .elementor-5017 .elementor-element.elementor-element-5e61b209 > .elementor-background-video-container::before, .elementor-5017 .elementor-element.elementor-element-5e61b209 > .e-con-inner > .elementor-background-video-container::before, .elementor-5017 .elementor-element.elementor-element-5e61b209 > .elementor-background-slideshow::before, .elementor-5017 .elementor-element.elementor-element-5e61b209 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5017 .elementor-element.elementor-element-5e61b209 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-9558eaf );--background-overlay:'';}.elementor-5017 .elementor-element.elementor-element-7c93b76e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-5017 .elementor-element.elementor-element-18849045{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5017 .elementor-element.elementor-element-18849045.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5017 .elementor-element.elementor-element-3dd6d3ef .elementor-heading-title{font-family:var( --e-global-typography-8e13230-font-family ), Sans-serif;font-size:var( --e-global-typography-8e13230-font-size );font-weight:var( --e-global-typography-8e13230-font-weight );text-transform:var( --e-global-typography-8e13230-text-transform );line-height:var( --e-global-typography-8e13230-line-height );}.elementor-5017 .elementor-element.elementor-element-5718ee8a{font-family:var( --e-global-typography-f165b61-font-family ), Sans-serif;font-size:var( --e-global-typography-f165b61-font-size );font-weight:var( --e-global-typography-f165b61-font-weight );text-transform:var( --e-global-typography-f165b61-text-transform );line-height:var( --e-global-typography-f165b61-line-height );}.elementor-5017 .elementor-element.elementor-element-5718ee8a p{margin-block-end:0px;}.elementor-5017 .elementor-element.elementor-element-776356be{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;}.elementor-5017 .elementor-element.elementor-element-776356be:not(.elementor-motion-effects-element-type-background), .elementor-5017 .elementor-element.elementor-element-776356be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dd27ee8 );}.elementor-5017 .elementor-element.elementor-element-d070fec > .elementor-widget-container{margin:-15px 0px -70px 0px;}.elementor-5017 .elementor-element.elementor-element-1b3b68de{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5017 .elementor-element.elementor-element-1976833e{--divider-border-style:solid;--divider-color:var( --e-global-color-350d061 );--divider-border-width:2px;}.elementor-5017 .elementor-element.elementor-element-1976833e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5017 .elementor-element.elementor-element-1976833e .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-5017 .elementor-element.elementor-element-1976833e .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-5017 .elementor-element.elementor-element-1976833e .elementor-divider__text{color:#FFFFFF;}.elementor-5017 .elementor-element.elementor-element-72dd3dd5.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-5017 .elementor-element.elementor-element-5e61b209{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-5017 .elementor-element.elementor-element-7c93b76e{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5017 .elementor-element.elementor-element-3dd6d3ef{text-align:center;}.elementor-5017 .elementor-element.elementor-element-3dd6d3ef .elementor-heading-title{font-size:var( --e-global-typography-8e13230-font-size );line-height:var( --e-global-typography-8e13230-line-height );}.elementor-5017 .elementor-element.elementor-element-5718ee8a{text-align:center;font-size:var( --e-global-typography-f165b61-font-size );line-height:var( --e-global-typography-f165b61-line-height );}}@media(max-width:767px){.elementor-5017 .elementor-element.elementor-element-5e61b209{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-5017 .elementor-element.elementor-element-18849045{--width:100%;}.elementor-5017 .elementor-element.elementor-element-3dd6d3ef .elementor-heading-title{font-size:var( --e-global-typography-8e13230-font-size );line-height:var( --e-global-typography-8e13230-line-height );}.elementor-5017 .elementor-element.elementor-element-5718ee8a{font-size:var( --e-global-typography-f165b61-font-size );line-height:var( --e-global-typography-f165b61-line-height );}.elementor-5017 .elementor-element.elementor-element-776356be{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-5017 .elementor-element.elementor-element-5e61b209{--content-width:100%;}.elementor-5017 .elementor-element.elementor-element-7c93b76e{--width:80%;}.elementor-5017 .elementor-element.elementor-element-18849045{--width:50%;}.elementor-5017 .elementor-element.elementor-element-776356be{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5017 .elementor-element.elementor-element-18849045{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-d070fec *//* =========================
   H2I — PMPro Login Theme (Elementor)
   Paste into Elementor "Custom CSS" where the shortcode is placed.
   Uses `.elementor-5017 .elementor-element.elementor-element-d070fec` so it only targets THIS widget/section.
   ========================= */

.elementor-5017 .elementor-element.elementor-element-d070fec {
  /* ---- Card (container) ---- */
  --h2i-card-bg: #0b0d10;
  --h2i-card-border-color: #0b0d10;
  --h2i-card-border-width: 0px;
  --h2i-card-border-style: none;
  --h2i-card-radius: 15px;
  --h2i-card-shadow: 0 10px 30px rgba(0,0,0,.08);
  --h2i-card-padding: 30px;

  /* ---- Typography ---- */
  --h2i-font-family: inherit;
  --h2i-label-color: #fff;
  --h2i-label-size: 13px;
  --h2i-label-weight: 600;

  --h2i-text-color: #111;
  --h2i-muted-color: #666;

  /* ---- Inputs (normal) ---- */
  --h2i-input-bg: #b3d7ff;
  --h2i-input-text: #0b0d10;
  --h2i-input-placeholder: #424a55;
  --h2i-input-border-color: #006fe6;
  --h2i-input-border-width: 1px;
  --h2i-input-radius: 15px;
  --h2i-input-height: 44px;
  --h2i-input-padding-x: 14px;

  /* ---- Inputs (focus) ---- */
  --h2i-input-bg-focus: #ffffff;
  --h2i-input-border-color-focus: #424a55;
  --h2i-input-shadow-focus: 0 0 0 3px rgba(138,154,91,.18);
  --h2i-input-text-focus: #0b0d10;

  /* ---- Password toggle button (show/hide) ---- */
  --h2i-toggle-text: #fc0082;
  --h2i-toggle-text-hover: #ffc9e5;
  --h2i-toggle-bg: transparent;
  --h2i-toggle-bg-hover: rgba(0,0,0,.05);
  --h2i-toggle-border-color: transparent;
  --h2i-toggle-border-color-hover: transparent;
  --h2i-toggle-radius: 10px;
  --h2i-toggle-icon-color: #fc0082;
  --h2i-toggle-icon-hover: #ffc9e5;

  /* ---- Primary button (Log In / Lost Password submit) ---- */
  --h2i-btn-bg: #4da3ff;
  --h2i-btn-bg-hover: #006fe6;
  --h2i-btn-text: #0b0d10;
  --h2i-btn-text-hover: #0b0d10;
  --h2i-btn-border-color: transparent;
  --h2i-btn-border-color-hover: transparent;
  --h2i-btn-border-width: 1px;
  --h2i-btn-radius: 15px;
  --h2i-btn-height: 46px;
  --h2i-btn-font-weight: 700;

  /* ---- Links (Join Now / Lost Password? / Log In) ---- */
  --h2i-link: #fc0082;
  --h2i-link-hover: #ffc9e5;
  --h2i-link-decoration: none;
  --h2i-link-decoration-hover: underline;
  --h2i-separator-color: rgba(0,0,0,.35);

  /* ---- Lost password instructions text (optional) ---- */
  --h2i-instructions-color: #ffffff;
  --h2i-instructions-size: 14px;
  --h2i-instructions-opacity: 0.85;
}

/* Base scope */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro {
  font-family: var(--h2i-font-family);
  color: var(--h2i-text-color);
}

/* ============== LOGIN CARD ============== */

/* Card wrapper */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_card.pmpro_login_wrap {
  background: var(--h2i-card-bg);
  border: var(--h2i-card-border-width) var(--h2i-card-border-style) var(--h2i-card-border-color);
  border-radius: var(--h2i-card-radius);
  box-shadow: var(--h2i-card-shadow);
  overflow: hidden;
}

/* Inner padding */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_card_content {
  padding: var(--h2i-card-padding);
}

/* Form field blocks */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform p {
  margin: 0 0 14px;
}

/* Labels */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform label {
  display: inline-block;
  margin: 0 0 6px;
  color: var(--h2i-label-color);
  font-size: var(--h2i-label-size);
  font-weight: var(--h2i-label-weight);
}

/* Inputs */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform input[type="text"],
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform input[type="password"],
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform input.input {
  width: 100%;
  height: var(--h2i-input-height);
  padding: 0 var(--h2i-input-padding-x);
  background: var(--h2i-input-bg);
  color: var(--h2i-input-text);
  border: var(--h2i-input-border-width) solid var(--h2i-input-border-color);
  border-radius: var(--h2i-input-radius);
  outline: none;
  box-shadow: none;
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease;
}

/* Placeholder */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform input::placeholder {
  color: var(--h2i-input-placeholder);
}

/* Focus */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform input[type="text"]:focus,
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform input[type="password"]:focus,
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform input.input:focus {
  background: var(--h2i-input-bg-focus);
  border-color: var(--h2i-input-border-color-focus);
  box-shadow: var(--h2i-input-shadow-focus);
  color: var(--h2i-input-text-focus);
}

/* Remember me row */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform .login-remember {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
}
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform .login-remember label {
  margin: 0;
  font-weight: 500;
  color: var(--h2i-muted-color);
  font-size: 13px;
}
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform .login-remember input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: var(--h2i-input-border-color-focus);
}

/* Password toggle placement */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_form_field-password-toggle {
  margin-top: 10px;
}

/* Toggle button */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_form_field-password-toggle .pmpro_btn.pmpro_btn-plain {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: var(--h2i-toggle-radius);
  background: var(--h2i-toggle-bg);
  border: 1px solid var(--h2i-toggle-border-color);
  color: var(--h2i-toggle-text);
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
  text-decoration: none;
  line-height: 1;
}
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_form_field-password-toggle .pmpro_btn.pmpro_btn-plain:hover {
  background: var(--h2i-toggle-bg-hover);
  border-color: var(--h2i-toggle-border-color-hover);
  color: var(--h2i-toggle-text-hover);
}

/* Toggle icon color control */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_form_field-password-toggle .pmpro_icon {
  display: inline-flex;
  color: var(--h2i-toggle-icon-color);
  transition: color .15s ease;
}
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_form_field-password-toggle .pmpro_btn.pmpro_btn-plain:hover .pmpro_icon {
  color: var(--h2i-toggle-icon-hover);
}

/* Force svg stroke to follow currentColor */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_form_field-password-toggle .pmpro_icon svg {
  stroke: currentColor !important;
}

/* Toggle label */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_form_field-password-toggle .pmpro_form_field-password-toggle-state {
  font-size: 13px;
  font-weight: 600;
}

/* Login submit */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform .login-submit {
  margin-top: 14px;
}

/* Primary button */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform input#wp-submit.button,
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform input#wp-submit.button-primary,
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform input[type="submit"] {
  width: 100%;
  height: var(--h2i-btn-height);
  background: var(--h2i-btn-bg);
  color: var(--h2i-btn-text);
  border: var(--h2i-btn-border-width) solid var(--h2i-btn-border-color);
  border-radius: var(--h2i-btn-radius);
  font-weight: var(--h2i-btn-font-weight);
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, color .15s ease, transform .05s ease;
}
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform input#wp-submit:hover,
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform input[type="submit"]:hover {
  background: var(--h2i-btn-bg-hover);
  color: var(--h2i-btn-text-hover);
  border-color: var(--h2i-btn-border-color-hover);
}
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform input#wp-submit:active,
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #loginform input[type="submit"]:active {
  transform: translateY(1px);
}

/* Actions area (Join Now | Lost Password?) */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_card_actions {
  padding: 14px var(--h2i-card-padding);
  border-top: 1px solid rgba(0,0,0,.06);
  background: rgba(0,0,0,.02);
}

/* Links row */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_actions_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 13px;
}

/* Links */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_actions_nav a {
  color: var(--h2i-link);
  text-decoration: var(--h2i-link-decoration);
  font-weight: 600;
  transition: color .15s ease, text-decoration-color .15s ease;
}
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_actions_nav a:hover {
  color: var(--h2i-link-hover);
  text-decoration: var(--h2i-link-decoration-hover);
}

/* Replace the literal " | " with a CSS separator */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_actions_nav a + a {
  position: relative;
  padding-left: 14px;
  margin-left: 2px;
}
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_actions_nav a + a::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  width: 1px;
  height: 12px;
  transform: translateY(-50%);
  background: var(--h2i-separator-color);
}

/* Hide the text-node pipe by shrinking nav font-size, then restore link font-size */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_actions_nav {
  font-size: 0;
}
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_actions_nav a {
  font-size: 13px;
}

/* Focus-visible (accessibility) */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro a:focus-visible,
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro button:focus-visible,
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro input:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(138,154,91,.22);
  border-radius: 10px;
}

/* Mobile tweaks */
@media (max-width: 767px) {
  .elementor-5017 .elementor-element.elementor-element-d070fec {
    --h2i-card-padding: 18px;
  }
}

/* ============== LOST PASSWORD CARD (NEW) ============== */

/* Lost password card wrapper */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_card.pmpro_lost_password_wrap {
  background: var(--h2i-card-bg);
  border: var(--h2i-card-border-width) var(--h2i-card-border-style) var(--h2i-card-border-color);
  border-radius: var(--h2i-card-radius);
  box-shadow: var(--h2i-card-shadow);
  overflow: hidden;
}

/* Instructions text */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_lost_password-instructions {
  margin: 0 0 14px;
  color: var(--h2i-instructions-color);
  font-size: var(--h2i-instructions-size);
  line-height: 1.5;
  opacity: var(--h2i-instructions-opacity);
}

/* Spacer (optional: reduce or remove) */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro .pmpro_spacer {
  height: 10px; /* change to 0 if you want no gap */
}

/* Lost password form label */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #lostpasswordform .pmpro_form_label {
  display: inline-block;
  margin: 0 0 6px;
  color: var(--h2i-label-color);
  font-size: var(--h2i-label-size);
  font-weight: var(--h2i-label-weight);
}

/* Asterisk style (required field star) */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #lostpasswordform .pmpro_asterisk,
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #lostpasswordform .pmpro_asterisk abbr {
  color: var(--h2i-toggle-text);
  text-decoration: none;
  border: 0;
}

/* Lost password input */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #lostpasswordform input[type="text"],
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #lostpasswordform input.pmpro_form_input {
  width: 100%;
  height: var(--h2i-input-height);
  padding: 0 var(--h2i-input-padding-x);
  background: var(--h2i-input-bg);
  color: var(--h2i-input-text);
  border: var(--h2i-input-border-width) solid var(--h2i-input-border-color);
  border-radius: var(--h2i-input-radius);
  outline: none;
  box-shadow: none;
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease;
}

/* Lost password input focus */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #lostpasswordform input[type="text"]:focus,
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #lostpasswordform input.pmpro_form_input:focus {
  background: var(--h2i-input-bg-focus);
  border-color: var(--h2i-input-border-color-focus);
  box-shadow: var(--h2i-input-shadow-focus);
  color: var(--h2i-input-text-focus);
}

/* Lost password submit wrapper */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #lostpasswordform .pmpro_form_submit {
  margin-top: 14px;
}

/* Lost password submit button */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #lostpasswordform input.pmpro_btn.pmpro_btn-submit,
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #lostpasswordform input[type="submit"] {
  width: 100%;
  height: var(--h2i-btn-height);
  background: var(--h2i-btn-bg);
  color: var(--h2i-btn-text);
  border: var(--h2i-btn-border-width) solid var(--h2i-btn-border-color);
  border-radius: var(--h2i-btn-radius);
  font-weight: var(--h2i-btn-font-weight);
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, color .15s ease, transform .05s ease;
}

/* Lost password button hover */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #lostpasswordform input.pmpro_btn.pmpro_btn-submit:hover,
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #lostpasswordform input[type="submit"]:hover {
  background: var(--h2i-btn-bg-hover);
  color: var(--h2i-btn-text-hover);
  border-color: var(--h2i-btn-border-color-hover);
}

/* Lost password button active */
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #lostpasswordform input.pmpro_btn.pmpro_btn-submit:active,
.elementor-5017 .elementor-element.elementor-element-d070fec .pmpro #lostpasswordform input[type="submit"]:active {
  transform: translateY(1px);
}/* End custom CSS */