.elementor-3108 .elementor-element.elementor-element-26812a9{--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;}/* Start custom CSS *//* =========================================
   LINKS COLLECTIVE – Ultimate Member Styles
   (Fonts, widths, 2-col register, buttons, links)
   ========================================= */

/* --- Typography: Montserrat everywhere in UM --- */
.um,
.um * ,
.um input,
.um textarea,
.um select,
.um-field-label,
.um-field-area,
.um-form input,
.um-form textarea,
.um-form select,
.um-button,
.um a {
  font-family: 'Montserrat', sans-serif !important;
}

/* Label sizing */
.um .um-field-label,
.um .um-field-label label {
  font-size: 13px !important;      /* adjust */
  font-weight: 500 !important;
  letter-spacing: 0.03em;
}

/* Input text sizing */
.um input,
.um textarea,
.um select {
  font-size: 15px !important;      /* adjust */
  font-weight: 400 !important;
  line-height: 1.4 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Placeholder */
.um input::placeholder,
.um textarea::placeholder {
  font-size: 15px !important;
  opacity: 0.6;
}

/* --- Form width (desktop) --- */
@media (min-width: 992px) {
  .um.um-register,
  .um.um-login,
  .um .um-form {
    max-width: 780px !important;   /* try 720–900 */
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* --- Optional: 2-column register layout (desktop) --- */
@media (min-width: 992px) {
  .um.um-register form.um-form {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 24px;
  }
  .um.um-register .um-field {
    flex: 1 1 calc(50% - 12px);
    margin: 0 !important;
  }
  /* Keep button row full width */
  .um.um-register .um-col-alt {
    flex: 1 1 100%;
  }
}

/* --- Inputs look less boxy / more premium --- */
.um input,
.um select,
.um textarea {
  height: 46px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.55);
  background: rgba(255,255,255,0.85);
}

/* --- Buttons: pill shape + sizing --- */
.um .um-button {
  border-radius: 999px !important;
  padding: 12px 28px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em;
  font-size: 14px !important;
}

/* --- Primary login button (green) --- */
.um .um-button.um-button-login {
  background-color: #1f4d3a !important; /* LC green */
  border-color: #1f4d3a !important;
  color: #ffffff !important;
}
.um .um-button.um-button-login:hover {
  background-color: #25614a !important;
  border-color: #25614a !important;
  color: #ffffff !important;
}

/* --- Secondary button (Register) on login form: readable on photo --- */
.um .um-button.um-alt {
  background-color: transparent !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.6) !important;
}
.um .um-button.um-alt:hover {
  background-color: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
}

/* --- Forgot password link: white and visible --- */
.um .um-link-alt,
.um .um-link-alt a {
  color: #ffffff !important;
  opacity: 0.9;
  text-decoration: underline;
}
.um .um-link-alt:hover,
.um .um-link-alt a:hover {
  opacity: 1;
  color: #ffffff !important;
}

/* --- Optional: make other small UM links white on image backgrounds --- */
.um a {
  color: rgba(255,255,255,0.95);
}
.um a:hover {
  color: #ffffff;
}/* End custom CSS */