/*
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');

/* Your CSS code goes here
-------------------------------------- */
.dash-logo img {
  width: 100%;
}
.stepper {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 15px;
}
.step {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 100%;
  position: relative;
}
.step.completed .step-circle {
  background: #000;
  color: #fff;
}
.check-icon {
  display: none;
}
.step.completed .step-circle .check-icon {
  display: block;
  font-size: 21px;
  text-align: center;
}
.step::before {
  content: '';
  display: block;
  height: 2px;
  width: 70%;
  position: absolute;
  overflow: hidden;
  margin: auto;
  left: 22.5%;
  top: 12.8%;
  background: #c0c0c0;
}
.step.active .step-circle {
  display: flex;
  background: transparent;
  border: 1px solid #038b77;
}
.circle-icon {
  display: none;
}
.circle-icon {
  background: #038b77;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  margin: auto;
}
.step.active .step-circle .circle-icon {
  display: block;
}
.step.completed::before {
  background: #038b77;
}
.stepper .step:last-child::before {
  display: none;
}
/* .step::after{
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    background: #0667c4;
} */
.step-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #e4e4e4;
  display: flex;
  justify-content: center;
  align-items: center;
}
.step-content {
  margin-top: 22px;
}
.step-number {
  font-size: 12px;
  line-height: 1;
}
.step-title {
  font-size: 14px;
  font-weight: 600;
}
.step-status {
  font-size: 12px;
  color: #888888;
}
.active .step-status {
  color: #4caf50;
}
.step-status::before {
  content: 'pending';
}
.completed .step-status::before {
  content: 'Completed';
}
.active .step-status::before {
  content: 'In Progress';
}
.completed .step-status {
  color: #000;
  font-weight: 400;
}
.line {
  position: absolute;
  width: calc(100% - 20px);
  height: 2px;
  background-color: #ccc;
  top: 10px;
  left: calc(20px + 10px);
  z-index: -1;
}
.line:first-child {
  left: 0;
}
/** 
 * Drawer Start
**/
#side-drawer {
  height: 100vh;
  max-width: 360px; /* Reference: https://forums.envato.com/t/standard-sidebar-width/75633 */
  z-index: 1032; /* z-index of standard bootstrap navbar is 1030 + 1 offset due to side-drawer-void */
  top: 0;
  right: -360px;
  width: 80%;
  transition: left 0.25s ease;
}

#side-drawer-void {
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1031; /* z-index of standard bootstrap navbar is 1030 */
  background: rgba(0, 0, 0, 0.6);
}
/** 
 * Drawer end
**/
.signin-btn {
  background-color: #000000; /* Green */
  font-family: 'Poppins', Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  border-radius: 8px;
  padding: 10px 037px 010px 037px;
  color: #fff;
}

.signin-btn:hover,
.signin-btn:focus {
  background-color: #30b960; /* Darker green on hover */
  color: #fff;
}
.drawer-logo {
  width: 40%;
  margin: auto;
  display: block;
}
.drawer-menu {
  list-style-type: none;
}
.drawer-menu li {
  color: #000433;

  border: none;
  background: none;
  cursor: pointer;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.1px;
  font-weight: 500;
}
.drawer-menu li a {
  color: #000433;
  padding: 12px 20px;
}
.drawer-menu li:hover a {
  color: #fff;
}
.drawer-menu li:hover {
  background-color: #28a745;
  border-radius: 8px;
  margin: 0 8px;
}
.drawer-menu li:active {
  background-color: #28a745;
  border-radius: 8px;
  margin: 0 8px;
}
.rma_myAccountAuthed {
  padding: 20px;
  margin-bottom: 12px;
  border-bottom: 1px solid #dedee2;
}
.rma-user-details-container {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.rma-user-details-container .rma-initials-background {
  background-color: #114f8d;
  color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rma-user-details-container .rma-icon-link-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  margin-left: 16px;
}
.rma-user-details-container .rma-username-text {
  color: #000433;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.1px;
  font-weight: 500;
}
.ksc_link {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  font-weight: 400;
  font-weight: 500;
  -webkit-box-orient: vertical;
  color: #000;
  cursor: pointer;
  text-decoration: none;
}
.drawer-header {
  border-bottom: 1px solid #dfdfe1;
}
.reset-password-form {
  z-index: 9999;
}
.dashboard-side-wrap {
  top: 70px;
  padding-bottom: 100px;
}

.dashboard-side-wrap .dashboard-logo-wrap {
  display: none;
}

.dashboard-main-wrap .elementor-element-186dc2be {
  margin-bottom: 15px;
  background-color: #fff;
}
.dashboard-main-wrap .elementor-element.elementor-element-1d1768f0 {
  display: none;
}
.header-main-wrap .login-register-nav .signin-btn {
  padding: 7px 24px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  border-radius: 8px;
  margin: 0 15px;
}
.header-main-wrap .login-register-nav .signin-btn:hover {
  background-color: #30b960;
}
li.nav-item.login-link {
  display: none !important;
}
.wp-block-woocommerce-checkout {
  background: #fff;
  padding: 16px 122px;
}
.woocommerce .woocommerce-order {
  padding: 18px 120px;
}
.wc-block-components-checkout-place-order-button {
  background: #000;
  color: #fff;
  font-size: 20px;
}
.send_msg_btn {
  font-family: 'Poppins', Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  background-color: #30b960;
  border-radius: 8px;
  padding: 5px 14px 5px 14px;
  color: #fff;
  border: 1px solid #30b960;
}
@media only screen and (max-width: 1280px) {
  .dashboard-content-inner-wrap .stepper {
    display: none;
  }
}
.calendly-inline-widget {
  overflow: hidden;
}
.btn-cancel.btn.btn-primary-outlined {
  background-color: #d9d9d9 !important;
  border: 1px solid #d9d9d9;
  color: #000;
}

.add-new-listing-bottom-nav-wrap button.btn-next.btn.btn-primary {
  width: 150px;
  justify-content: center;
  display: flex;
  align-items: center;
  text-align: center;
}
.toast-close {
  position: absolute;
  right: 8px;
  top: 8px;
}
.profile-img-wrapper button,
.profile-img-wrapper a {
  height: 60px;
}
.profile-img-wrapper a {
  line-height: 3.7;
}
.profile-img-wrapper {
  padding: 0 6%;
}
@media (max-width: 1450px) {
  .profile-img-wrapper {
    padding: 0 0;
  }
  .profile-img-wrapper button,
  .profile-img-wrapper a {
    height: 40px;
  }
  .profile-img-wrapper a {
    line-height: 2.6;
  }
}

@media (max-width: 600px) {
  .dashboard-tool-buttons-block {
    display: flex;
    flex-wrap: wrap;
  }
  .dashboard-tool-buttons-block .dashboard-tool-button:nth-child(3) .btn {
    padding: 0;
    font-size: 10px;
  }
  .dashboard-table tbody tr {
    font-size: 12px;
  }
}

.custom-input {
  font-family: 'Nunito', Sans-serif;
  padding: 10px 10px 10px 10px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #e5e5e5;
  width: 100%;
}