.elementor-2492 .elementor-element.elementor-element-53b6bc7{--display:flex;}.elementor-2492 .elementor-element.elementor-element-f7115be > .elementor-widget-container{margin:10px 10px 10px 10px;padding:25px 25px 25px 25px;}/* Start custom CSS for shortcode, class: .elementor-element-f7115be *//* =========================================================
   PERMITS BY MACK — PREMIUM PASSWORD RESET PAGE
   ========================================================= */

/* Hide the plain WordPress page title */
body.um-page-password-reset .entry-header,
body.um-page-password-reset .page-header,
body.um-page-password-reset .entry-title,
body.um-page-password-reset h1.page-title,
body.um-page-password-reset .single-page-header,
body.um-page-password-reset .page-title-wrapper {
  display: none !important;
}

/* Remove extra theme spacing */
body.um-page-password-reset .site-content,
body.um-page-password-reset .content-area,
body.um-page-password-reset .site-main,
body.um-page-password-reset article,
body.um-page-password-reset .entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Main reset form card */
body.um-page-password-reset .um-password {
  position: relative;
  width: calc(100% - 40px) !important;
  max-width: 620px !important;
  margin: 60px auto 90px !important;
  padding: 52px 50px 48px !important;
  overflow: hidden;

  border: 1px solid rgba(12, 43, 83, 0.10);
  border-top: 4px solid #0c2b53;
  border-radius: 28px;

  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f8fbfe 62%,
      #f3f7fb 100%
    );

  box-shadow:
    0 34px 85px rgba(8, 30, 63, 0.13),
    0 12px 30px rgba(12, 43, 83, 0.07);

  box-sizing: border-box !important;
}

/* Orange accent */
body.um-page-password-reset .um-password::before {
  content: "";
  position: absolute;
  top: 0;
  left: 45px;
  right: 45px;
  height: 4px;

  border-radius: 0 0 20px 20px;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      #ffb251 20%,
      #f28a21 50%,
      #d96a00 80%,
      transparent 100%
    );
}

/* Subtle inner frame */
body.um-page-password-reset .um-password::after {
  content: "";
  position: absolute;
  inset: 16px;
  pointer-events: none;

  border: 1px solid rgba(12, 43, 83, 0.05);
  border-radius: 20px;
}

/* Keep content above decorative layers */
body.um-page-password-reset .um-password > * {
  position: relative;
  z-index: 2;
}

/* Remove Ultimate Member width limits */
body.um-page-password-reset .um,
body.um-page-password-reset .um-form,
body.um-page-password-reset form {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Intro text */
body.um-page-password-reset .um-password .um-field-block,
body.um-page-password-reset .um-password p {
  max-width: 470px;
  margin: 0 auto 26px !important;

  color: #6f7b89 !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
  text-align: center;
}

/* Add a premium heading above the existing text */
body.um-page-password-reset .um-form::before {
  content: "Reset Your Password";
  display: block;
  margin: 0 0 12px;

  color: #0c2b53;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.5px;
  text-align: center;
}

/* Small orange divider */
body.um-page-password-reset .um-form::after {
  content: "";
  display: block;
  width: 72px;
  height: 4px;
  margin: 0 auto 28px;

  border-radius: 20px;

  background:
    linear-gradient(
      90deg,
      #ffb251,
      #f28a21
    );
}

/* Field spacing */
body.um-page-password-reset .um-field {
  margin-bottom: 22px !important;
}

/* Input */
body.um-page-password-reset .um-form input[type="text"],
body.um-page-password-reset .um-form input[type="email"] {
  width: 100% !important;
  max-width: none !important;
  height: 56px !important;
  padding: 0 17px !important;

  border: 1px solid #d5deea !important;
  border-radius: 12px !important;

  background: #f8fafc !important;
  color: #26364a !important;

  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;

  box-shadow:
    inset 0 1px 2px rgba(12, 43, 83, 0.025),
    0 4px 12px rgba(12, 43, 83, 0.025) !important;

  transition:
    border-color 0.24s ease,
    background-color 0.24s ease,
    box-shadow 0.24s ease,
    transform 0.24s ease;
}

/* Placeholder */
body.um-page-password-reset .um-form input::placeholder {
  color: #9aa4b1 !important;
}

/* Focus */
body.um-page-password-reset .um-form input:focus {
  outline: none !important;

  border-color: #f28a21 !important;
  background: #ffffff !important;

  box-shadow:
    0 0 0 4px rgba(242, 138, 33, 0.11),
    0 10px 23px rgba(12, 43, 83, 0.07) !important;

  transform: translateY(-1px);
}

/* Submit button row */
body.um-page-password-reset .um-col-alt,
body.um-page-password-reset .um-center {
  width: 100% !important;
  margin: 0 !important;
}

/* Reset password button */
body.um-page-password-reset .um-button,
body.um-page-password-reset input[type="submit"].um-button {
  width: 100% !important;
  min-height: 54px !important;
  padding: 15px 24px !important;

  border: none !important;
  border-radius: 12px !important;

  background:
    linear-gradient(
      135deg,
      #0c2b53 0%,
      #194979 100%
    ) !important;

  color: #ffffff !important;

  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.25px !important;

  text-shadow: none !important;

  box-shadow:
    0 13px 27px rgba(12, 43, 83, 0.22) !important;

  transition:
    transform 0.24s ease,
    box-shadow 0.24s ease,
    background 0.24s ease;
}

body.um-page-password-reset .um-button:hover,
body.um-page-password-reset input[type="submit"].um-button:hover {
  transform: translateY(-2px);

  background:
    linear-gradient(
      135deg,
      #ffad4f 0%,
      #f28a21 100%
    ) !important;

  box-shadow:
    0 16px 31px rgba(242, 138, 33, 0.23) !important;
}

/* Error messages */
body.um-page-password-reset .um-field-error,
body.um-page-password-reset .um-notice.err {
  margin-top: 8px !important;
  padding: 11px 13px !important;

  border: 1px solid rgba(184, 75, 0, 0.13) !important;
  border-radius: 10px !important;

  background: #fff3eb !important;
  color: #a94b00 !important;

  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.5 !important;

  box-shadow: none !important;
}

/* Success message */
body.um-page-password-reset .um-notice.success {
  padding: 13px 15px !important;

  border: 1px solid rgba(38, 132, 89, 0.16) !important;
  border-radius: 11px !important;

  background: #eefaf4 !important;
  color: #226c49 !important;

  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.6 !important;

  box-shadow: none !important;
}

/* Optional links */
body.um-page-password-reset .um-password a {
  color: #d66c0d !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  text-decoration: none !important;
}

body.um-page-password-reset .um-password a:hover {
  color: #a94c00 !important;
  text-decoration: underline !important;
}

/* Tablet */
@media (max-width: 1024px) {
  body.um-page-password-reset .um-password {
    width: calc(100% - 30px) !important;
    margin: 40px auto 70px !important;
    padding: 46px 40px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body.um-page-password-reset .um-password {
    width: calc(100% - 22px) !important;
    margin: 25px auto 55px !important;
    padding: 40px 24px 34px !important;
    border-radius: 22px;
  }

  body.um-page-password-reset .um-password::before {
    left: 25px;
    right: 25px;
  }

  body.um-page-password-reset .um-password::after {
    inset: 10px;
    border-radius: 16px;
  }

  body.um-page-password-reset .um-form::before {
    font-size: 35px;
  }

  body.um-page-password-reset .um-password .um-field-block,
  body.um-page-password-reset .um-password p {
    font-size: 13px !important;
  }
}/* End custom CSS */