/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/


@import url("../houzez/style.css");


#custom-popup-overlay {
  display:none;
  position:fixed;
  top:0;left:0;width:100%;height:100%;
  background:rgba(0,0,0,0.5);
  z-index:9999;
}

#custom-popup-form {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 40px 20px 20px; /* top padding so first row isn’t under the X */
  border-radius: 8px;
  z-index: 9999;
  max-width: 400px;
  width: 90%;
}

#close-popup {
  position: absolute;
  top: 10px;
  right: 10px;
  border: none;
  background: none;
  font-size: 20px;
  cursor: pointer;
}


#custom-popup-form label {
  display:block;
  margin-top:10px;
  font-weight:bold;
}



/* ✅ Success & error message styles */
#popup-form-message.success {
  display: block !important;
  background: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}
#popup-form-message.error {
  display: block !important;
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

/* ✅ Row wrapper */
#custom-popup-form .form-row {
  display: flex;
  flex-wrap: wrap;        /* allow wrapping on small screens */
  gap: 15px;              /* space between columns */
  margin-bottom: 15px;
  align-items: flex-start;
}

/* ✅ Each column inside a row */
#custom-popup-form .form-row .form-col {
  flex: 1 1 calc(50% - 15px);  /* two columns per row */
  min-width: 150px;            /* don’t go smaller than this */
  display: flex;
  flex-direction: column;
}

/* ✅ Inputs inside columns full width */
#custom-popup-form .form-row .form-col input,
#custom-popup-form .form-row .form-col select,
#custom-popup-form .form-row .form-col textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}



/* Your CSS code goes here
-------------------------------------- */