/**
* Theme Name: WP Pro Real Estate 7 Child
* Description: This is a child theme of WP Pro Real Estate 7, generated by Real Estate 7.
* Author: <a href="https://www.contempothemes.com/">Contempo Themes</a>
* Template: realestate-7
* Version: 3.1.7
*/

/* Popup Start */
#single-listing-content #sidebar.sidebar-sticky {
	z-index: 5;
}

/* Popup End */

body .gform_wrapper .gform_required_legend {
	display: none;
}

body .gform_wrapper .gform_fields {
	grid-row-gap: 0;
	row-gap: 0;
}

/* Label Styles */
body .gform_wrapper .gfield_label {
	font-family: Jost;
	color: #2D3F57;
	text-align: left;
}

/* Required field asterisk */
body .gform_wrapper .gfield_required {
	color: #d9534f;
}

/* Input fields */
body .gform_wrapper .ginput_container input:not([type="checkbox"]):not([type="radio"]),
body .gform_wrapper .ginput_container select,
body .gform_wrapper .ginput_container .gfield_select,
body .gform_wrapper .ginput_container textarea {
	width: 100%;
	border: 1px solid #e2e8f0;
	box-sizing: border-box;
	margin-bottom: 10px;
	box-sizing: border-box;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-clip: padding-box;
	color: #33475b;
}

body .gform_wrapper .ginput_container textarea {
	text-align: left;
}

body .gform_wrapper .ginput_container input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
body .gform_wrapper .ginput_container textarea {
	padding: 10px 15px;
	font-size: 16px;
}

body .gform_wrapper .ginput_container select.gfield_select {
	text-align: left;
	font-size: 16px;
}

body .gform_wrapper .ginput_container select.gfield_select option:first-child {
	font-size: 14px;
}

body .gform_wrapper .ginput_container input[type="radio"]:before {
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

body .gform_wrapper .ginput_container .gfield_select {
	font-size: 14px;
}

body .gform_wrapper .ginput_container .gfield_select.open {
	border-radius: 6px 6px 0 0;
}

body .gform_wrapper .nice-select .list {
	margin-top: 0;
	border: 1px solid #e2e8f0;
	border-radius: 0;
	width: calc(100% + 2px);
	left: -1px;
}

/* Radio buttons and checkboxes */
/* Styling for radio buttons */
.gform_wrapper .gfield_radio input[type="radio"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.gform_wrapper .gfield_radio input[type="radio"] + label,
.gform_wrapper .gfield_checkbox input[type="checkbox"] + label {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	font-size: 16px;
	display: inline-block;
	user-select: none;
}

.gform_wrapper .gfield_radio input[type="radio"] + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid #e2e8f0;
	background-color: #fff;
}

.gform_wrapper .gfield_radio input[type="radio"]:checked + label:before {
	background-color: #2D3F57;
	border-color: #2D3F57;
}

.gform_wrapper .gfield_radio input[type="radio"]:checked + label:after {
	content: '';
	position: absolute;
	left: 6px;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #fff;
}

/* Styling for checkboxes */
.gform_wrapper .gfield_checkbox input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.gform_wrapper .gfield_checkbox input[type="checkbox"] + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border-radius: 6px;
	border: 2px solid #e2e8f0;
	background-color: #fff;
}

.gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label:before {
	background-color: #2D3F57;
	border-color: #2D3F57;
}

.gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label:after {
	content: '✔';
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	color: #fff;
}

/* Error messages */
body .gform_wrapper .validation_message {
	color: #d9534f;
	font-size: 14px;
	margin-top: -10px;
	margin-bottom: 10px;
}

/* Submit button */
body .gform_wrapper .gform_button {
	background-color: #2D3F57 !important;
	padding: 10px 20px !important;
	border-radius: 6px !important;
	font-size: 16px !important;
}

body .gform_wrapper .gform_button:hover {
	opacity: .9 !important;
}

/* reCAPTCHA container */
body .gform_wrapper .gform_captcha {
	margin-bottom: 15px;
}

/* General form spacing */
body .gform_wrapper .gfield {
	margin-bottom: 20px;
}

/* General form spacing */
body .gform_wrapper .gfield--type-captcha {
	margin-bottom: 0;
}

body .gform_wrapper .gform_footer.top_label {
	margin-top: 0.5rem;
}

/* Error states */
body .gform_wrapper .gfield.gfield_error input {
	border-color: #d9534f !important;
}

body .gform_wrapper .gfield.gfield_error .validation_message,
body .gform_wrapper.gform_validation_error .gform_validation_errors {
	text-align: left;
}

/* Popup Error states */
body .gform_wrapper.omdhq-popup-form_wrapper .gfield.gfield_error .validation_message {
	display: none !important;
}

/* Gravity Form End */
/* Datepicker Start */
div#ui-datepicker-div {
	transform: translateY(-0.75rem);
}

.ui-widget-content {
	height: auto !important;
}

.ui-widget-header {
	height: auto !important;
	background-color: transparent !important;
}

.ui-datepicker-title select {
	border-color: transparent;
	box-shadow: none !important;
}

a.ui-state-default.ui-state-active {
	background-color: #2D3F57 !important;
}

/* Datepicker End */

/* Mobile responsiveness */
@media (max-width: 480px) {
	.gform_wrapper .gfield_radio input[type="radio"] + label,
	.gform_wrapper .gfield_checkbox input[type="checkbox"] + label {
		font-size: 14px;
	}

	body .gform_wrapper .gform_button {
		width: 100% !important;
		text-align: center !important;
	}
}