.elementor-3885 .elementor-element.elementor-element-e361ba5{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3885 .elementor-element.elementor-element-8b8d0d8{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3885 .elementor-element.elementor-element-2c56223{width:auto;max-width:auto;}.elementor-3885 .elementor-element.elementor-element-066dab7{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3885 .elementor-element.elementor-element-1b31d60{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(min-width:768px){.elementor-3885 .elementor-element.elementor-element-8b8d0d8{--width:100%;}.elementor-3885 .elementor-element.elementor-element-066dab7{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-8b8d0d8 *//* MW: hide wrappers we mark */
.mw-hide { display: none !important; }

/* MW: helper text */
.mw-help {
  margin-top: 8px;
  font-size: 13px;
  color: #667085;
}
.mw-reg-form .user-registration-register-link,
.mw-reg-form a[href*="register"] {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-066dab7 *//* MW: Only affect the registration section */
.mw-reg-form .mw-hide { display: none !important; }

/* MW: styling for our mobile field (scoped) */
.mw-reg-form .mw-field { margin: 0 0 16px; }
.mw-reg-form .mw-field label { display:block; font-weight:600; margin-bottom:6px; }
.mw-reg-form .mw-field input {
  width:100%;
  padding:12px 14px;
  border:1px solid #d0d5dd;
  border-radius:10px;
  font-size:16px;
}
.mw-reg-form .mw-help { margin-top:6px; font-size:13px; color:#667085; }

/* Spacing between Full Name and Mobile label */
.mw-reg-form .mw-field { margin-top: 12px !important; }
.mw-reg-form label[for="mw_phone"] { margin-top: 10px !important; display:block; }

/* Footer fix for Elementor (most themes don’t use <footer> tag properly) */
.elementor-location-footer,
.elementor-location-footer * {
  line-height: 1.6 !important;
}

.elementor-location-footer li {
  margin-bottom: 6px !important;
}
/* ===== MW: FOOTER OVERLAP FIX (works for Elementor + most themes) ===== */
.elementor-location-footer,
.site-footer,
#colophon,
footer,
.footer,
.footer-area,
.footer-widgets,
.footer-bottom {
  line-height: 1.6 !important;
}

.elementor-location-footer *,
.site-footer *,
#colophon *,
footer *,
.footer *,
.footer-area *,
.footer-widgets *,
.footer-bottom * {
  line-height: 1.6 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

/* Make footer links stack normally instead of overlapping */
.elementor-location-footer a,
.site-footer a,
#colophon a,
footer a,
.footer a,
.footer-area a,
.footer-widgets a,
.footer-bottom a {
  display: inline-block !important;
  position: static !important;
  padding: 2px 0 !important;
  margin: 0 !important;
}

/* List spacing */
.elementor-location-footer ul,
.site-footer ul,
#colophon ul,
footer ul,
.footer ul,
.footer-area ul,
.footer-widgets ul,
.footer-bottom ul {
  margin: 0 !important;
  padding-left: 0 !important;
}

.elementor-location-footer li,
.site-footer li,
#colophon li,
footer li,
.footer li,
.footer-area li,
.footer-widgets li,
.footer-bottom li {
  display: block !important;
  margin: 0 0 8px 0 !important;
}
/* Only affect the registration section */
.mw-reg-form .mw-hide { display: none !important; }

/* Force 1-column layout inside Masteriyo form rows */
.mw-reg-form .masteriyo-row,
.mw-reg-form [class*="masteriyo-row"]{
  flex-direction: column !important;
}

.mw-reg-form [class*="masteriyo-col"]{
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

/* Mobile field styling */
.mw-reg-form .mw-field { margin: 12px 0 14px !important; }
.mw-reg-form .mw-field label { display:block; font-weight:600; margin-bottom:8px; }
.mw-reg-form .mw-field input {
  width:100%;
  padding:12px 14px;
  border:1px solid #d0d5dd;
  border-radius:10px;
  font-size:16px;
}
.mw-reg-form .mw-help { margin-top: 8px; font-size:13px; color:#667085; }

/* Login hint */
.mw-reg-form .mw-login-hint{
  margin-top: 10px;
  font-size: 14px;
}
.mw-reg-form .mw-login-hint a{
  font-weight: 700;
  text-decoration: underline;
}
/* MW: hide wrappers we mark via JS */
.mw-hide { display: none !important; }

/* MW: styling for our mobile field */
.mw-reg-form .mw-field { margin: 12px 0 16px; }
.mw-reg-form .mw-field label { display:block; font-weight:600; margin: 0 0 6px; }
.mw-reg-form .mw-field input {
  width:100%;
  padding:12px 14px;
  border:1px solid #d0d5dd;
  border-radius:10px;
  font-size:16px;
}
.mw-reg-form .mw-help { margin-top:8px; font-size:13px; color:#667085; }

/* Login hint (hidden until needed) */
.mw-reg-form .mw-login-hint { 
  margin-top: 12px;
  font-size: 14px;
  display: none;
}
.mw-reg-form .mw-login-hint.mw-show { display: block; }
.mw-reg-form .mw-login-hint a { font-weight: 600; text-decoration: underline; }

/* ===== FIX: Register fields stuck in half-width Masteriyo columns ===== */
/* (Keep your existing CSS — just add this at the very end) */

.mw-reg-form .mw-register-box form,
.mw-reg-form .mw-register-box .masteriyo-row,
.mw-reg-form .mw-register-box [class*="masteriyo-row"]{
  width: 100% !important;
}

/* Force all Masteriyo columns inside the register box to become full width */
.mw-reg-form .mw-register-box [class*="masteriyo-col"],
.mw-reg-form .mw-register-box .masteriyo-col{
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Make form groups and inputs expand fully */
.mw-reg-form .mw-register-box .masteriyo-form-group,
.mw-reg-form .mw-register-box .mw-field,
.mw-reg-form .mw-register-box input{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
/* ===== MW FIX: Register box fields not filling width ===== */
/* Targets User Registration (WPEverest) + any grid/cols inside the register box */

.mw-reg-form .mw-register-box form{
  width: 100% !important;
  max-width: 100% !important;
}

/* If the plugin uses CSS Grid */
.mw-reg-form .mw-register-box .ur-form-grid,
.mw-reg-form .mw-register-box [class*="ur-form-grid"]{
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: 1fr !important;
  column-gap: 0 !important;
}

/* If the plugin uses flex rows */
.mw-reg-form .mw-register-box .ur-form-row,
.mw-reg-form .mw-register-box [class*="ur-form-row"]{
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Force any “column” blocks inside register to become full width */
.mw-reg-form .mw-register-box .ur-form-grid > *,
.mw-reg-form .mw-register-box [class*="ur-grid"],
.mw-reg-form .mw-register-box [class*="col"],
.mw-reg-form .mw-register-box [class*="column"]{
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  float: none !important;
}

/* Inputs + help text must expand fully */
.mw-reg-form .mw-register-box input,
.mw-reg-form .mw-register-box select,
.mw-reg-form .mw-register-box textarea,
.mw-reg-form .mw-register-box .mw-help{
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e361ba5 *//* ============================
   Matchworkers: Auth Page (Login + Register)
   Parent: .mw-reg-form
   Boxes:  .mw-login-box  /  .mw-register-box
   Headings: added INSIDE the form
   ============================ */

/* 0) Kill any old script-injected headings (prevents duplicates) */
.mw-reg-form .mw-form-title.mw-injected{
  display: none !important;
}

/* If you have Elementor Heading widgets inside the boxes and you ONLY want these CSS headings,
   keep this ON. If you want to keep Elementor headings instead, delete the block below. */
.mw-reg-form .mw-login-box .elementor-heading-title,
.mw-reg-form .mw-register-box .elementor-heading-title{
  display: none !important;
}

/* 1) Add headings inside the actual form/card */
.mw-reg-form .mw-login-box form::before{
  content: "Login";
  display: block;
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 18px;
  color: #0b1b3a;
}

.mw-reg-form .mw-register-box form::before{
  content: "Register";
  display: block;
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 18px;
  color: #0b1b3a;
}

/* 2) Hide wrappers we mark via JS */
.mw-reg-form .mw-hide{
  display: none !important;
}

/* 3) Field styling (only inside the auth page) */
.mw-reg-form form .mw-field{
  margin: 0 0 16px !important;
}

.mw-reg-form form .mw-field label{
  display: block;
  font-weight: 600;
  margin: 0 0 6px;
}

.mw-reg-form form .mw-field input{
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  font-size: 16px;
}

.mw-reg-form form .mw-help{
  margin-top: 6px;
  font-size: 13px;
  color: #667085;
}

/* 4) Consistent button spacing */
.mw-reg-form form button[type="submit"],
.mw-reg-form form input[type="submit"]{
  margin-top: 10px !important;
}

/* 5) Make BOTH columns equal height */
.mw-reg-form,
.mw-reg-form > .e-con-inner{
  align-items: stretch !important;
}

/* 6) Make BOTH “card” containers stretch */
.mw-reg-form .mw-login-box,
.mw-reg-form .mw-register-box{
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

/* 7) Elementor inner wrappers MUST also stretch */
.mw-reg-form .mw-login-box > .e-con-inner,
.mw-reg-form .mw-register-box > .e-con-inner,
.mw-reg-form .mw-login-box > .elementor-container,
.mw-reg-form .mw-register-box > .elementor-container,
.mw-reg-form .mw-login-box > .elementor-widget-wrap,
.mw-reg-form .mw-register-box > .elementor-widget-wrap{
  height: 100% !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

/* 8) Let the shortcode/form area expand inside the card */
.mw-reg-form .mw-login-box form,
.mw-reg-form .mw-register-box form{
  flex: 1 1 auto !important;
}

/* 9) Mobile: stack the boxes */
@media (max-width: 767px){
  .mw-reg-form,
  .mw-reg-form > .e-con-inner{
    flex-direction: column !important;
  }
}
/* ============================/* End custom CSS */