.elementor-4059 .elementor-element.elementor-element-a5c16cb{--display:flex;--min-height:90vh;--justify-content:center;--overlay-opacity:0.68;--margin-top:10px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4059 .elementor-element.elementor-element-a5c16cb:not(.elementor-motion-effects-element-type-background), .elementor-4059 .elementor-element.elementor-element-a5c16cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/wellnesstraveldirectory.com/wp-content/uploads/2021/09/b66b8d606365603d4f35f675a73d3b03.jpg?fit=1200%2C675&ssl=1");background-repeat:no-repeat;background-size:cover;}.elementor-4059 .elementor-element.elementor-element-a5c16cb::before, .elementor-4059 .elementor-element.elementor-element-a5c16cb > .elementor-background-video-container::before, .elementor-4059 .elementor-element.elementor-element-a5c16cb > .e-con-inner > .elementor-background-video-container::before, .elementor-4059 .elementor-element.elementor-element-a5c16cb > .elementor-background-slideshow::before, .elementor-4059 .elementor-element.elementor-element-a5c16cb > .e-con-inner > .elementor-background-slideshow::before, .elementor-4059 .elementor-element.elementor-element-a5c16cb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-4059 .elementor-element.elementor-element-784e9bd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4059 .elementor-element.elementor-element-784e9bd.elementor-element{--align-self:stretch;}/* Start custom CSS for shortcode, class: .elementor-element-784e9bd */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');



/* === General Font & Form Styling === */
.directorist-authentication__form {
  font-family: 'Poppins', 'Inter', sans-serif;
  color: #333;
}

/* === Input Fields: Rounded, Softer === */
.directorist-form-element {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ccc;
  border-radius: 10px; /* rounded edges */
  background-color: #f8faff;
  font-size: 15px;
  transition: 0.3s ease;
}

.directorist-form-element:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 3px rgba(0,123,255,0.1);
  background-color: #fff;
}

/* === Login Button === */
.directorist-authentication__form__btn {
  width: 100%;
  border: none;
  padding: 13px;
  border-radius: 8px;
  background-color: #a3d9b1 !important;
  color: #fff !important; /* black text */
  font-weight: 700;
  font-size: 16px !important;
  transition: all 0.25s ease-in-out;
  font-family: sans-serif !important;
}

.directorist-authentication__form__btn:hover {
  background-color: #8fc79b !important;
}


/* === Footer Toggle Area (Sign Up text) === */
.directorist-authentication__form__toggle-area {
  margin-top: 25px;
  text-align: center;
  font-size: 14px;
  font-family: sans-serif !important;
  color: #444;
  font-weight: 600 !important;
}

.directorist-authentication__form__toggle-area button {
  background: none;
  border: none;
  color: #4C9A92 !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  margin-left: 5px;
  font-size: 14px;
  font-family: sans-serif !important;
  transition: color 0.3s ease;
}

.directorist-authentication__form__toggle-area button:hover {
  color: #0056b3;
  text-decoration: underline;
}







/* === Signup Form Wrapper (Refined) === */
.directory_register_form_wrap.directorist-authentication__form {
  max-width: 800px;                 /* wider form (was 480px) */
  width: 550px;
  margin: 0px auto 0px auto;      /* reduced top spacing */
  background: #fff;
  border-radius: 18px;
  padding: 40px 45px;               /* more horizontal breathing room */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  font-family: 'Montserrat', sans-serif;
  color: #333;
}

/* === Input Fields === */
.directory_register_form_wrap .directorist-form-element {
  width: 100%;
  padding: 13px 16px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color: #f8faff;
  font-size: 15px;
  transition: 0.3s ease;
}

/* === Compact Spacing Between Fields === */
.directory_register_form_wrap .directorist-form-group {
  margin-bottom: 16px !important;   /* tighter spacing between inputs */
}

/* === Button Width & Position === */
.directory_register_form_wrap .directorist-authentication__form__btn {
  width: 100%;
  background: #4C9A92;
  border: none;
  padding: 14px 20px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  text-align: center;
  transition: 0.3s ease;
  cursor: pointer;
}

.directory_register_form_wrap .directorist-authentication__form__btn:hover {
  background: #3b7f79;
  transform: translateY(-1px);
}

/* === Toggle Area (Login Link) === */
.directory_regi_btn.directorist-authentication__form__toggle-area {
  margin-top: 20px;
  text-align: center;
  font-size: 15px;
  color: #444;
  font-family: 'Montserrat', sans-serif;
}

/* === Optional: Center the card vertically (if needed) === */
body.page-id-XXXX { /* Replace XXXX with your signup page ID */
  display: flex;
  justify-content: center;
  align-items: flex-start; /* not full center, keeps it near top */
  min-height: 100vh;
  background: #fafafa;
  padding-top: 40px; /* small breathing space under header */
}/* End custom CSS */