/*
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!
-------------------------------------- */
input#input_2_1.large::placeholder, span#input_2_4_3_container.name_first input::placeholder, span#input_2_4_6_container.name_last input::placeholder {
    color: #a1a7a8!important;
}
/* Individual Properties */
.property-view {
  max-width: 1200px;
  margin:0 auto;
}

@media (min-width: 1200px){
.container {
    max-width: 100%!important;
	padding: 0px;
	}}

.page-title-wrap {
  padding: 30px 350px;
  transform: translateY(525px);
  z-index: 1!important;
  position: relative;
  margin-left: 0;
  background: linear-gradient(
360deg
, black, transparent);
  color: #fff;
}

.property-title-price-wrap {
  margin-top: 15px;
  margin-left: 220px;
}

.page-title-wrap .item-address {
  font-size: 15px;
  margin-bottom: 0;
  margin-top: 7px;
  margin-left: 220px;
  color: #fff;
}

.page-title-wrap .item-price-wrap .item-price {
  font-size: 30px;
  margin-bottom: 7px;
  color: #fff;
}

.page-title-wrap .item-tool span {
  color: #ffff;
  border: 1px solid #fff;
  background-color: transparent;
}

.property-banner .property-form-wrap {
  background-color: rgba(255, 255, 255, 0.95);
  top: 40px;
  left: 100px;
  padding: 30px;
  width: 370px;
}

.property-top-wrap {
  margin-top: -175px;
}

div#property-contact-agent-wrap {
  display: none!important;
}

.property-nav-wrap {
  margin-top: 30px;
  margin-bottom: 30px;
}

i.houzez-icon.icon-hotel-double-bed-1.mr-1 {
  color: #7AA485!important;
}
i.houzez-icon.icon-bathroom-shower-1.mr-1 {
  color: #7AA485!important;
}

i.houzez-icon.icon-car-1.mr-1 {
  color: #7AA485!important;
}

i.houzez-icon.icon-real-estate-dimensions-plan-1.mr-1 {
  color: #7AA485!important;
}

a#pills-map-tab {
    display: none;
}


/*==== Footer ====*/

/*Back to top*/
section#top {
    top: 120px!important;
}

/*Property Title*/
.page-title-wrap .item-price-wrap .item-price {
    font-size: 30px;
    margin-bottom: 7px;
    color: #fff;
    line-height: 30px!important;
}

.footer-main-contents ul.elementor-icon-list-items li.elementor-icon-list-item {
	line-height: 2 !important;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #A2E5C6;
}

.slick-dots li.slick-active button:before {
    opacity: .8;
    color: #A2E5C6;
    font-size: 8px;
}

.houzez-icon {
	font-family: 'houzez-iconfont' !important;
}

/*==== Single Community Template ====*/

.single-property section.property-wrap {
	margin-top: 132px; 
}

@media only screen and (max-width: 767px) {
	.single-property section.property-wrap {
		margin-top: 174px; 
	}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
	.single-property section.property-wrap {
		margin-top: 111px; 
	}
}

@media only screen and (max-width: 1104px) and (min-width: 992px) {
	.single-property section.property-wrap {
		margin-top: 96px; 
	}
}

/*==== Global Form Styles ====*/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #2B2B2B;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #2B2B2B;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #2B2B2B;
}

/*==== Hubspot Forms ====*/

.hbspt-form {
	margin-top: -20px;
}

.hbspt-form fieldset {
	max-width: 100% !important;
	margin: 0 0 15px !important;
}

.hbspt-form fieldset .hs-input:not([type=file]):not([type=radio]):not([type=checkbox]) {
	border: 1px solid #D1D2CC;
	background-color: white !important;
	color: #2B2B2B;
	font-family: Open Sans;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	padding: 12px 20px;
}

.hbspt-form fieldset .hs-input:not([type=radio]):not([type=checkbox]) {
	width: 100% !important;
}

/* General Labels & Descriptions */

.hbspt-form fieldset label,
.hbspt-form fieldset .hs-fieldtype-checkbox label,
.hs-field-desc {
	color: #2B2B2B;
	line-height: 1.4;
}

.hbspt-form fieldset label,
.hs-field-desc {
	margin-bottom: 15px;
}

.hbspt-form fieldset label {
	margin: 0;
	padding: 0;
}

.hbspt-form fieldset div:not(.hs-fieldtype-checkbox) label {
	font-size: 14px;
}

.hbspt-form fieldset div:not(.hs-fieldtype-checkbox) label span {
	margin-top: 3px;
}

.hs-field-desc {
	color: #2B2B2B;
	font-size: 16px;
}

/* Checkbox & Radios */

.hbspt-form fieldset .hs-fieldtype-checkbox label {
	font-size: 18px;
}

.hbspt-form fieldset .hs-fieldtype-checkbox input[type=checkbox] {
	margin-right: 25px;
}

/* Custom Input */
ul.inputs-list.multi-container li.hs-form-checkbox {
  margin: 16px 0;
}
ul.inputs-list.multi-container li.hs-form-checkbox label {
  position: relative;
}
ul.inputs-list.multi-container li.hs-form-checkbox label span {
display: inline-block;
  margin-left: 30px; /* Width of the new radio select and any additional spacing on the left */
  margin-right: 16px; /* Additional spacing on the right */
	margin-top: -3px;
}
/* Hide the original checkbox */
ul.inputs-list.multi-container li.hs-form-checkbox label input {
  height: 16px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 16px;
}
/* Add new checkbox */
ul.inputs-list.multi-container li.hs-form-checkbox label span::before {
  border: 1px solid;
  content: "";
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  width: 16px;
  border-radius: 0;
}
/* Style new checked item */
ul.inputs-list.multi-container li.hs-form-checkbox label span::after {
	content: "";
	border: 2px solid;
	border-left: 0;
	border-top: 0;
	height: 12px;
	left: 6px;
	opacity: 0;
	position: absolute;
	top: 1px;
	transform: rotate(45deg);
	transition: opacity 0.2s ease-in-out;
	width: 5px;
}
/* Show when checked */
ul.inputs-list.multi-container li.hs-form-checkbox label input:checked + span::after {
  opacity: 1;
}
/* Style when focused */
ul.inputs-list.multi-container li.hs-form-checkbox label input:focus + span::after {
  outline: 3px solid transparent; /* For Windows high contrast mode. */
}

.hbspt-form fieldset ul[role="checkbox"] {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.hbspt-form fieldset ul[role="checkbox"] li {
	margin-bottom: 15px;
}

.hbspt-form fieldset ul[role="checkbox"] label {
	align-items: flex-start;
	display: flex;
	font-size: 16px;
	font-weight: 300;
	position: relative;
}

.hbspt-form input[type=submit] {
	border: 2px solid #A2E5C6;
	border-radius: 0;
	color: #004366;
	min-width: 190px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	max-width: 295px;
	padding: 17px 0;
	width: 100%;
}

/*==== Footer: Hubspot Forms!!! ====*/
footer.elementor-section .hbspt-form fieldset {
	margin-bottom: 0 !important;
}

footer.elementor-section .hbspt-form fieldset .hs-input:not([type=file]) {
	border-color: #fff;
}

footer.elementor-section .hbspt-form fieldset.form-columns-2 .hs-form-field {
	float: left !important;
	width: 50% !important;
}

footer.elementor-section .hbspt-form fieldset .hs_email div.input { margin-top: -20px; }

footer.elementor-section .hbspt-form .hs-fieldtype-radio {
	align-items: center;
	color: #ffffff;
	display: flex;
	margin: 15px 0;
}
footer.elementor-section .hbspt-form .hs-fieldtype-radio span {
	font-size: 14px;
	font-weight: 300;
}
footer.elementor-section .hbspt-form .hs-fieldtype-radio >label {
	margin-right: 10px;
	padding: 0;
}
footer.elementor-section .hbspt-form .hs-fieldtype-radio >div.input {
	flex: 1;
}
footer.elementor-section .hbspt-form ul.inputs-list {
	align-content: center;
	display: flex !important;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
footer.elementor-section .hbspt-form ul.inputs-list li:not(last-of-type) {
	margin-right: 10px;
}
footer.elementor-section .hbspt-form ul.inputs-list li input {
	margin: 0 5px 0 0;
	padding: 0;
}
footer.elementor-section .hbspt-form ul.inputs-list li label {
	align-items: center;
	color: #ffffff;
	display: flex;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

@media only screen and (max-width: 1440px) and (min-width: 768px) {
	footer.elementor-section .hbspt-form fieldset.form-columns-2 .hs-form-field {
		width: 100% !important;
	}
	
	footer.elementor-section .hbspt-form .hs-lastname div.input {
		margin-top: -20px;
	}
	
	footer.elementor-section .hbspt-form fieldset .hs-input:not([type=file]) {
		font-size: 14px;
		padding: 10px;
	}
	
	footer.elementor-section .hbspt-form .hs-fieldtype-radio {
		flex-wrap: wrap;
	}
	
	footer.elementor-section .hbspt-form .hs-fieldtype-radio >div.input {
		flex: auto;
	}
	
	footer.elementor-section .hbspt-form ul.inputs-list {
		flex-wrap: wrap;
	}
	
	.hbspt-form input[type=submit] {
		min-width: 0;
	}
}

/*==== Footer ====*/

.footer-main-contents ul.elementor-icon-list-items li.elementor-icon-list-item {
	line-height: 2 !important;
}