/* custom.css */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #212529;
}

.list-inline > li {
	display: inline-block;
	margin-right: 30px;
}

label {
	font-weight: 500;
	color: #222;
}

.btn-search {
	width: 50px;
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
	color: unset;
}
.carousel-width {
    width: 7% !important;
}

.iq-pg-body {
	margin-top: 70px;
}

.iq-pg-body.iq-search-layout.st-listings-places { margin-top:-25px!important; }

.modal-lg {
	max-width: 80% !important;
}

.modal-lg {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    .modal-lg {
        width:750px
    }
}

@media only screen and  (min-width: 320px) and (max-width: 735px) {
	#placesCarousel {
		height: clamp(16%, 25%, 30%);
	}
	.iq-textdropdown .dropdown-menu {
		margin: unset !important;
	}
}
@media (max-width: 420px){
	#placesCarousel { height: clamp(16%, 5%, 30%);}
}

@media (min-width: 992px) {
    .modal-lg {
        width:970px
    }
}

@media (min-width: 1200px) {
    .modal-lg {
        width:1170px
    }
}

.modal-header {
	border-radius: unset;
}



.probootstrap_navbar.scrolled-editor {
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	right: 0;
	left: 0;
	top: 75px;
	margin-top: -130px;
}

.probootstrap_navbar.scrolled-editor .nav-item .nav-link {
	padding: .5em 1em;
}

.probootstrap_navbar.scrolled-editor.awake {
	margin-top: 0px;
	-webkit-transition: .3s all ease-out;
	-o-transition: .3s all ease-out;
	transition: .3s all ease-out;
}

.probootstrap_navbar.scrolled-editor.sleep {
	-webkit-transition: .3s all ease-out;
	-o-transition: .3s all ease-out;
	transition: .3s all ease-out;
}

.probootstrap_navbar .logo-area img {
	max-height: 50px;
	margin-right: 30px;
}

/* HERO IMAGE AND SLIDER */

#placesCarousel {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#placesCarousel .overlay {
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.st-searchform-container {
	position: relative;
}
.probootstrap-cover {
	min-height:865px;
}
/* .probootstrap-cover a:hover {
	color: #fff;
} */
.probootstrap-cover h2 {
	color: #fff;
}
.probootstrap-cover p {
	color: rgba(255, 255, 255, 0.7);
}
.probootstrap-cover>.container>.row {
	padding: 7em 0;
}

@media (max-width: 479px) {

	.probootstrap-cover {
		padding-top: 16em;
		padding-bottom: 0;
	}

	.probootstrap-cover h2, .probootstrap-cover p {
		color: unset;
	}

	.probootstrap-cover>.container>.row {
		padding: 0;
	}

}


/* END HERO IMAGES AND SLIDER */

.probootstrap_navbar .nav-item a  {
	color: #555;
	padding: 0.25rem 1.5rem;
	font-size: 12px;
	text-transform: uppercase;
	white-space: nowrap;
	letter-spacing: 0.1rem;
	font-weight: 400;
}

@media (max-width: 991px) {
	.probootstrap_navbar .nav-item a {
		padding: .5em 0;
	}
    #placesCarousel {
        margin-top: 66px;
    }
}

.probootstrap_navbar .nav-item a.active {
	color: #fff;
}

.probootstrap_navbar .nav-item a:focus,
.probootstrap_navbar .nav-item a:hover {
	text-decoration: none;
}

.probootstrap_navbar .st-menu-sub-links {
	padding: 8px 11px;
}

.probootstrap_navbar .st-menu-sub-links a {
	color: #555;
}

.probootstrap_navbar .st-menu-sub-links a.active {
	color: #111;
}

.probootstrap_navbar .st-menu-sub-links:focus,
.probootstrap_navbar .st-menu-sub-links:hover {
	color: rgba(255, 255, 255, 0.75);
	text-decoration: none;
	background-color: #43769D !important;
    width: 100%;
    display: inline-block;
}

.probootstrap_navbar .st-menu-sub-links a:focus,
.probootstrap_navbar .st-menu-sub-links a:hover {
    padding: 8px 1.5rem;
}


.probootstrap_section {
	padding: 6em 0;
}

.v2-01 .dropdown-item { font-size: 16px !important; padding: 0.25rem 1.5rem !important; }
.v2-01 .probootstrap_navbar .st-menu-sub-links { padding: 0px; }
.v2-01 .dropdown-menu { padding: 0px; }
.v2-01 li a:hover { text-decoration: none !important; }
.v2-01 .st-menu-sub-links:hover { background-color: #f8f9fa !important; border-radius: 4px; }
.v2-01 .dropdown-item:hover { color: #16181b !important; background-color: #f8f9fa !important; border-radius: 4px; }
.v2-01 .form-group { margin-bottom: 15px; }
.v2-01 .iq-listing-form-details { border-left: 2px solid red !important; border-radius: 4px; }
.v2-01 .border-bottom-short { color: #212529 !important; }
.v2-01 .well { background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; }
.v2-01 .iq-housevalue-header { font-weight: 300 !important; }
.v2-01 .homesubBannerSection { font-size: 18px; }
.v2-01 .iq-input-field { border-left: 2px solid red !important; border-radius: 4px; }
.v2-01 #homepage_searchform .iq-textdropdown .btn-sm { padding: 2px 8px !important; top: 11px; right: 7px; border-radius: 4px; position: absolute; }
.v2-01 #iq_listings-location { font-weight: 300; font-size: 14px; }
.v2-01 .iq-textdropdown .btn-sm { padding: 0px 8px !important; border-radius: 4px !important; }
.v2-01 .bayAdvancedSearchFiltersModal .modal-body .iq-textdropdown { top: -6px !important; bottom: 5px !important; }
.v2-01 .iq-dropdown .dropdown-item { font-size: 12px !important; padding: 0.75rem 1.5rem !important; }
.v2-01 .iq_criteria_price_options a { font-size: 14px !important; font-weight: 300; }
.v2-01 #iq_res_criteria_form label { font-weight: 300; }
.v2-01 .filter-search-count h3 { color: #212529; font-size: 24px; font-weight: 300 !important; }
.v2-01 .btn-border { border-color: #ccc !important; font-weight: 300; }
.v2-01 .iq_listing_card_price { font-weight: 400 !important; }
.v2-01 .btn-border:hover { background-color: #e6e6e6; color: #adadad; color: #333; }
.v2-01 .btn-border:focus { box-shadow: unset !important; }
.v2-01 #iq_res_criteria_form .btn-background { background-color: #5cb85c !important; border-color: #4cae4c !important; justify-content: center; font-weight: 300; }
.v2-01 .iq-dropdown .dropdown-menu li a { font-weight: 300 !important;}
.v2-01 .baySearchFormHeader .iq-dropdown .dropdown-menu .dropdown-menu-checkbox label { font-weight: 300; }
.v2-01 #sortable li .iq-topmenu-text { font-family: Verdana,Arial,sans-serif !important; font-size: 1.1em !important; font-weight: 300 !important; }
.v2-01 .iq-submenu-text { font-family: Verdana,Arial,sans-serif !important; font-size: 1.1em !important; font-weight: 300 !important; }
.v2-01 #iq_editor_editfield_dialog .modal-body .row { margin-left: 0px !important; margin-right: 0px !important; }
.v2-01 .testimonial-row { display: flex; }
.v2-01 #iqSearchFormHeader .dropdown-menu>li>a:hover {background-color: #f5f5f5 !important;}
.v2-01 #iqSearchFormHeader .iq-dropdown .dropdown-menu > .active > a{background-color: #e9f4ff !important;}
.v2-01 .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active {background-color: #e6e6e6;border-color: #8c8c8c;color:#333}
.v2-01 #homepage_searchform .input-group .btn-search { width: 55px; border-radius: 0.25rem!important; }
.v2-01 .house-value-report{ top:0px !important }
.v2-01 .iq-textdropdown .btn-sm {padding:2px 8px !important}
.v2-01 .iq-office-header { color: #ffffff !important; }
.v2-01 .iq-v2office-header { color: #ffffff !important; }
.v2-01 .iq-agents-card-office .iq-agents-card-image { aspect-ratio: 0.75; }
.v2-01 .iq_listing_card_labels .label-primary { background-color: #337ab7; }
.v2-01 .iq_listing_card_labels .label-success { background-color: #5cb85c; }
.v2-01 .probootstrap-inner .heading { color: #212529; }
.v2-01 .st-blog-image-container .img-fill { object-fit: unset; }
.v2-01 .st-site-wrapper .st-sitemenu-02v2 .st-sitemenu ul#st-main-menu li:hover { padding: 0px; }
.v2-01 .st-site-wrapper .st-sitemenu-02v2 .st-sitemenu ul#st-main-menu li { padding: 0px !important; }
/* .v2-01 .st-site-wrapper .st-sitemenu-02v2 .st-sitemenu ul#st-main-menu li a:hover { background-color: #7089a1 !important; } */
.v2-01 .st-site-wrapper .dropdown-menu li a { font-size: 12px !important;  }
.v2-01 .st-site-wrapper .st-sitemenu .dropdown-menu li a:hover { background-color: #7089a1 !important; }
.v2-01 .st-site-wrapper .st-menu-sub-links:hover { background-color: unset !important; }
.v2-01 .st-site-wrapper .dropdown-menu li a:hover { background-color: #7089a1 !important; }
.v2-01 .st-site-wrapper .dropdown-menu { margin-top: 5px !important; }
.v2-01 .st-site-wrapper .st-sitemenu-02v2 .dropdown-menu li:last-child { margin-bottom: 0px !important; }
.v2-01 .searchFilterField input[type=text]::placeholder { font-size: 12px; }
.v2-01 #placesCarousel .carousel-inner img { height: 100vh; }
@media (max-width: 800px) {
	.probootstrap_section {
		padding: 3em 0;
	}
}

.probootstrap-thumbnail {
	text-decoration: none!important;
}
.probootstrap-thumbnail img {
	aspect-ratio: 1;
}
.border-bottom-short {
	display: block;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.border-bottom-short:after {
	width: 50px;
	height: 2px;
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.probootstrap-author img {
	width: 75px;
	height: 75px;
	margin-bottom: 10px;
}
.probootstrap-author {
	display: block;
}
.probootstrap-author span {
	display: block;
}
.probootstrap-author .probootstrap-name {
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .2em;
	color: #000;
	font-weight: 700;
}
.probootstrap-author .probootstrap-title {
	color: #b3b3b3;
	text-decoration: none;
}


.places-chars {
	padding-left: 0;
	list-style: none;
	min-height: 22px;
	font-size: 0;
	font-weight: 400;
}

.places-chars > li {
	display: inline-block;
	margin-right: 8px;
	font-size: 14px;
	vertical-align: middle;
}

.places-char-value {
	font-size: 16px;
	font-weight: 400;
	color: #333;
	margin-right: 6px;
}

.places-char-label {
	font-size: 14px;
	font-weight: 300;
	color: #333;
	margin-right: 6px;
}

.places-address {
	line-height: 16px;
	min-height: 16px;
	font-weight: 300;
	font-size: 13px;
	margin-top: 2px;
}

.modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

.navbar-nav .nav-link {
	white-space: nowrap;
}
#iq_lead_dialog h4.office-listing-details.iq-office-location{max-height:fit-content}
@media (max-width: 990px) {
	#placesCarousel {
		margin-top: 56px;
	}
    .probootstrap_navbar .logo-area img {
        max-width: 263px;
    }
}
@media (max-width: 450px) {
	.probootstrap-cover{
		min-height: unset;
	}
	.v2-01 #placesCarousel .carousel-inner img { height: unset; }
    .probootstrap_navbar .logo-area img {
        max-width: 229px;
		margin-right: unset;
    }
	#placesCarousel > div.carousel-inner > div.carousel-item{
		height: unset !important;
	}
}

@media (min-width:450px) and (max-width:550px) {
	.w-100 {
		height:33vh!important;
	}
	.probootstrap-cover h2 {
		color: #212529;
	}

	.probootstrap-cover p {
		color: #212529;
	}

	.st-places #st_section_01 .st-searchform-container {
		margin-top: 20vh;
	}

}

