/*
Theme Name: ParkWeb Child
Theme URI: https://www.park-web.com/
Author: ParkWeb
Author URI: https://www.park-web.com/
Description: ParkWeb Community Child Theme is a custom WordPress theme developed for Mobile Home Park operators.
Version: 1.0
Tags: mobile home parks, mobile home communities, trailer parks
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: ParkWeb
Template: houzez
*/


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


/*Neaby places css*/


#malls #mallsIcon .icon img {
    width: 20px;
}
#transportation, #supermarkets, #schools, #libraries, #pharmacies, #hospitals, #malls {
    clear: left;
    height: 40px;
    width: 40px;
    margin-bottom: 1px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
}
#transportation .icon, #supermarkets .icon, #schools .icon, #libraries .icon, #pharmacies .icon, #hospitals .icon, #mallsIcon .icon {
    width: 40px;
    height: 40px;
    padding: 10px 4px 4px 4px;
}

#transportation span, #supermarkets span, #schools span, #libraries span, #pharmacies span, #hospitals span, #malls span {
    line-height: 40px;
    z-index: -1;
    visibility: hidden;
    height: 40px;
    padding-right: 12px;
    padding-left: 16px;
    opacity: 0;
    background-color: #fff;
    transform: translate3d(48%, 0, 0);
    position: absolute;
    right: 0;
}
#transportation span {
  top: 0;
}
#supermarkets span {
  top: 41px;
}
#schools span {
  top: 82px;
}
#libraries span {
  top: 123px;
}
#pharmacies span {
  top: 164px;
}
#hospitals span {
  top: 205px;
}
#malls span {
  top: 246px;
}
#transportation:hover span, #supermarkets:hover span, #schools:hover span, #libraries:hover span, #pharmacies:hover span, #hospitals:hover span, #malls:hover span {
    z-index: 1;
    visibility: visible;
    opacity: 1;
    transform: translate3d(100%, 0, 0);
}
.map-info-window-poi {
    max-width: 300px;
    padding: 0px 20px 8px 16px;
}
.property-address-wrap .gm-style-iw-a {
  display: block;
}


/*end nearby*/

.page-title-wrap {
    position: relative !important;
}
.sales-agent-main-section {
    display: flex;
    gap: 5px;
    position: absolute;
    right: 170px;
}
.sales-agent-picture{
    width: 80px;
}
.sales-agent-name{
    margin-top: 5px;
    font-size: 18px; 
    margin-bottom: 5px; 
    font-weight: bold;
}
.sales-agent-phone{
    margin:6px 0px; 
    color: #3f3fff;
}

.agent-profile-buttons .btn {
    min-width: 130px !important;
    margin-right: 10px;
}

.agent-nav-wrap {
    margin-top: 0px !important;
}

.footer-top-wrap {
    padding: 40px 0px 15px 0px;
}

@media (max-width: 480px) {
    .footer-top-wrap {
        padding: 50px 0px 30px;
    }
}

.bootstrap-select:has(> button[title="Bedrooms"]) ul.dropdown-menu li:first,
.bootstrap-select:has(> button[title="Community Type"]) ul.dropdown-menu li:first {
    display: none;
}

.customize-menu-nav ul {
    flex-direction: row-reverse !important;
}
.customize-menu-nav ul li {
    margin-right: 10px !important;
}
.customize-menu-nav ul li:first-child {
    margin-right: 0px !important;
}

@media screen and (max-width: 767px) {
    .top-menu-bar .top-bar-left-wrap {
        display: none !important;
    }
    .top-menu-bar .top-bar-right-wrap{
        width: 100%;
    }
    .customize-menu-nav ul {
        display: flex !important;
        flex-direction: row-reverse !important;
	justify-content: space-between;
    }
    .sales-agent-main-section {
        position: relative;
        right: 0;
        margin-top: 15px;
    }
}

@media screen and (max-width: 475px) {
    .customize-menu-nav ul li a span{
        font-size: 15px !important;
    }
    .customize-menu-nav ul li a img {
        width: 18px !important;
        height: 18px !important;
    }
}
@media screen and (max-width: 456px) {
    .customize-menu-nav ul li a span{
        font-size: 12px !important;
    }
    .customize-menu-nav ul li a img {
        width: 15px !important;
        height: 15px !important;
    }
}
@media screen and (max-width: 382px) {
    .customize-menu-nav ul li a span{
        font-size: 10px !important;
    }
    .customize-menu-nav ul li a img {
        width: 12px !important;
        height: 12px !important;
    }
}