/*==========================Skinn manager vars applied here==========================*/ /* Common front colors [Not home page]*/ pre { clear: both; } .whiteText, .whiteTextHover:hover { color: var(--white) } .primaryRed, .primaryRedHover:hover { color: var(--front_primary_brand) } .primaryRedBg, .primaryRedBgHover:hover { background-color: var(--front_primary_brand) } .primaryDeepRedBg, .primaryDeepRedBgHover:hover { background-color: var(--front_primary_brand_hover) } .primaryRedBorder, .primaryRedBorderHover:hover { border-color: var(--front_primary_brand) } .primaryDeepRedBorder, .primaryDeepRedBorderHover:hover { border-color: var(--front_primary_brand_hover) } .propBoxButton:hover i.svg-icons { color: var(--white) !important;} .virtual_tour a, .formLegalText a, .propBoxButton i.svg-icons { color : var(--front_primary_brand) !important;} .singlePrevNextLinks a, .carousel-control .fa, .featuredCont a.featuredBtn .fa, .testimonialCont a.featuredBtn .fa, .rating-container .rating-stars, .closedInfo span, .agent_listings h2, .fa-folder,.fa-search-plus,.fa .fa-heart,.fa .fa-eye,.saves span.leftBtn .fa { color : var(--front_primary_brand) !important;} .searchTabHead .fa-search, .propImageMap span.propFavorite.active .fa-heart, .full_profile_right h3,.full_profile_right1 h2,.full_profile_right2 h2,.full_profile_about .span11 > h2,.client-review h2,.client-review a,.client-review h3 a, .client-review h3 a:hover,.client-review span,.sColorText,.sColorTextHover { color : var(--front_primary_brand) !important;} #widget-header,.propertyTitleBar .propertyPrice h2,.feature-property_left1 h2,.back_testi, .searchTabHead li.active a, .total-search-for p,.total-search h2,.total-search_bottom h2,.mapText a,.span1,.mc-title, .close a,.loginSubmenu .dropdown-menu h2,.mc_embed_mortgage h3,.left1-resource h2 { color : var(--front_primary_brand) !important;} .contactus_info h2 { color : var(--front_primary_brand) !important;} .descriptionHeadTitles,.property-feature-info-sub h4, th.ui-datepicker-week-end,td.ui-datepicker-week-end a,.real-estate-news h1,.real-estate-news h1 a,.drop a:hover { color : var(--front_primary_brand) !important;} .newsletterPanel .fa, .newsPanel .fa {color : var(--front_primary_brand) !important; font-size: 20px; margin-right: 5px;} .swiper-button-next, .swiper-button-prev, .mcw-calculate-btn, .searchTabHead2 .active a, .searchTabHead2 li a:hover, .fa .fa-search-plus,.agent_lit,.loginSubmenu .dropdown-menu .btn, .searchin,.bx-pager-item a:hover,.bx-pager-item a.active,.searchtabb1 li a:hover,.searchtabb1 li.active a,.searchTabHead li a:hover,.namm,.full_profile2 a,.full_profile3 .fa:hover, .profile-submit,.save-submit,.save-submitt,.glyphicon.glyphicon-chevron-left,.glyphicon.glyphicon-chevron-right,.resource_right > .page_title_heading h2, .resource_right > .back-agent h2,.agent h2, .pagination a:hover,.pagination .active a,.contactus_info1 .submitt,.livechat,.livechat:hover,.weak-password, .mcw-wrap_theme4 .mcw-calculate-btn,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active, .ui-button:active,.ui-button.ui-state-active:hover,#businessModal .modal-header, #businessModal .submit_btn, #businessModal .submit_btn:hover, #businessModal .submit_btn:focus, .btn_add_new,.mc-button,.searchTabBody .checkContaineer label.checkbox-inline input[type="radio"]:checked, .searchTabBody .checkContaineer label.checkbox-inline input[type="checkbox"]:checked, input[type="radio"]:checked, input[type="checkbox"]:checked,.propLabel.newProp, .topMenu .dropdown-menu li:hover, .searchTabBody .jointNow2,#residentialsearch-form .jointNow2,.thumb-view-left-content,.topPanel .userLogindetail ul li a:hover, .real-estate-read-more a { background-color: var(--front_primary_brand) !important;} .setPaginate input:disabled{ background-color: var(--pagination-accent, #a00a0f) !important; opacity: 1 !important; cursor: not-allowed; } .contactus_info1 .submitt:hover, .mcw-calculate-btn:hover, .loginSubmenu .dropdown-menu .btn:hover, .resource_right .btn-primary:hover, .resource_right .btn-primary:active, .resource_right .btn-primary:focus, .resource_right .btn-primary.active, .addBusinessBtn:hover .full_profilee_sub .full_profile2 a:hover,.save-submit:hover, .searchin:hover, .searchinfo:hover,.searchTabBody .jointNow2:hover, .searchTabBody .jointNow2:focus, .searchTabBody .jointNow2:active, #residentialsearch-form .jointNow2:hover, #residentialsearch-form .jointNow2:focus, #residentialsearch-form .jointNow2:active{ background-color: var(--front_primary_brand_hover) !important; border-color: var(--front_primary_brand_hover) !important;} .real-estate-read-more a, .searchTabBody .jointNow2,#residentialsearch-form .jointNow2, header .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li:hover > a{ border-color: var(--front_primary_brand) !important; } .contactus_info1 .submitt, .loginSubmenu .dropdown-menu .btn, .searchin,.searchinfo { border-color: var(--front_primary_brand) !important; } /* Read More on news pages -- match the site's other solid-red buttons (dark red on hover), not .selt_blue_txt's own inverted (white-on-hover) behavior */ .real-estate-read-more a:hover { background-color: var(--front_primary_brand_hover) !important; border-color: var(--front_primary_brand_hover) !important; color: var(--white) !important; } @media (min-width:980px){ header .navbar-default .nav > li > a:hover, .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { border-color: var(--front_primary_brand) !important; } #navbar-collapse .navbar-nav li ul li a:hover, #navbar-collapse .navbar-nav li ul li:hover > a, #navbar-collapse .navbar-nav li ul li.active > a { color: var(--white); background-color: var(--front_primary_brand) !important; } } /* Pre-redesign hover/active color+border rules removed here (they fired on plain :hover and on the dcjq-accordion's own open/expand .active class, which is not the same thing as "this is the current page" -- see the .is-current-page rules below in the .category-tree block for the real current-page highlight). */ .selt_blue_txt:hover,.agent_lit:hover { border-color: var(--front_primary_brand) !important; color: var(--front_primary_brand) !important; } .highlightForm { box-shadow: 0px 0px 10px 1px var(--front_primary_brand); z-index: 1; } .singlePrevNextLinks a:hover, .carousel-control .fa:hover, .featuredCont a.featuredBtn .fa:hover, .testimonialCont a.featuredBtn .fa:hover, .sColorTextHover:hover { color : var(--front_primary_brand_hover) !important;} .mcw-calculate-btn { border-color: var(--front_primary_brand_hover) !important;} .newsletter_bg, .topPanel, .descriptionHeadTitles { background-color: var(--front_topbar_bg) !important;} #left .feature-property_left, .resource_right .page_title_heading, .left1-resource h2, .tool h2{ background-color: var(--front_secondary_brand) !important;} .newsPanel a, .formLegalText a { text-decoration: underline; } .newsPanel a:hover, .formLegalText a:hover { text-decoration: none; } .footerBottom, .footerBottom table{ background-color: var(--front_footer_bg) !important; } .footerBottom .socialIcons { color: var(--front_footer_text) !important; } .footerBottom table, .footerBottom table a { color: var(--front_footer_text) !important; } .footerBottom svg path:first-child { fill: var(--front_footer_text); } .footerBottom svg{ fill: var(--front_footer_bg); } /*==========================Skinn manager vars applied here end==========================*/ .saves { width: 100%; display: flex; gap: 4px; flex-wrap: wrap;} .saves span.leftBtn { background-color: var(--white); text-align: center; line-height: 50px; flex: 1 0 auto;} .saves span.leftBtn a { text-decoration: none; display: block; height: 50px; padding: 0px 10px;} *{margin:0px;padding:0px;} .glyphicon{font-family: 'Glyphicons Halflings'!important;} .row.gutter14 {margin-left: -7px;margin-right: -7px;} .row.gutter14 > [class^="col"] {padding-left: 7px;padding-right: 7px;} .map-image{cursor:pointer;} .map-image img{height:70px !important;} .map-content{color:var(--cgray);} .map-red{cursor:pointer;} .view-all-image{ border-radius:80px;border:7px solid var(--lgray-cc);transition:all 0.3s ease 0s; } .view-all-image:hover{border-radius:80px;border:12px solid var(--lgray-cc);transition:all 0.3s ease 0s;} .pop_rght > a .fa {background-color: var(--white);color: var(--lgray-33);font-size: 16px;height: 25px;line-height: 22px;margin: 4px 4px 4px 0;padding: 3px;text-align: center;width: 25px;} #menu-sidebar-menu { margin-bottom: 4px; } body, p, img, div, h1, h2, h3, h4, h5, h6, table, input, textarea, button, ul, li{margin:0px;padding:0px;border:0px;outline:0px;margin-bottom:0;} .pageEditorContent p, .pageEditorContent img, .pageEditorContent div, .pageEditorContent h1, .pageEditorContent h2, .pageEditorContent h3, .pageEditorContent h4, .pageEditorContent table, .pageEditorContent input, .pageEditorContent textarea, .pageEditorContent button, .pageEditorContent ul, .pageEditorContent li { margin: revert; padding: revert; border: revert; outline: revert; margin-bottom: revert; vertical-align: revert; } a, a:hover{text-decoration:none;} a:focus{outline:0px;text-decoration:none;} ul, li{list-style:none;} * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} html {-ms-overflow-style: scrollbar; overflow-y: scroll;} .bx-viewport{height:550px !important;} .green-background {color: var(--cgray);line-height: initial;font-size:13px;line-height:21px;} .green-background-float-left {background: #056712;color: var(--white);line-height: initial;float: left;} #contactform > h5 {color: red;margin-top: 10px;} ::-ms-clear {display: none;} header{background-color:var(--white);} @media screen and (-ms-high-contrast: active), (-ms-agentthigh-contrast: none) {::-ms-browse {margin-right: 15px;margin-left: 15px;} ::-ms-value {background-color:var(--lgray-cc);} } footer {bottom: 0;float: left;margin: 0;padding: 0;position: relative;width: 100%;} .mcw-wrap .mcw-calculate-btn { line-height: normal !important; } .mcw-wrap .mcw__title { display: none !important;} #dc_jqaccordion_widget-3-item ul li.active ul li a { padding: 12px 18px; } #left {position: absolute;height: 100%;width:25%;} #right {position: relative;float: right;width:75%;} @media (min-width:1200px) { #left { min-width: 280px; } } .ng-pristine.ng-valid{width:100%;height:385px;} .search-property-leftbar{height:auto;display:block !important;} #popup{cursor:pointer;text-align:left;} .page{background-color: var(--white); padding:0;} .news-result{float:right;width:26%;} .new-result-one{float:left;width:100%;margin-top:10px;} .new-result-one a{background-color:var(--white);border:solid 1px var(--lgray-cc);border-radius:5px;padding:5px 12px;color:var(--cgray);font-weight:600;font-size:13px;float:right;margin-right:8px;} .new-result-one a .fa{font-size:11px;} .mortgage-widget{width:100%;float:left;display:block;} .thnk {color: rgb(255, 0, 0);display: block;margin-bottom: 20px;margin-top: 24px;} .search-result{width:100%;float:left;display:block;border:4px var(--lgray-e5) solid;border-top:none;border-bottom:none;} .search-result_right{width:100%;float:left;display:block;background-color:var(--white);margin-bottom:10px;height:300px;} .list-col-for{float:left;width:62%;color:var(--cgray);} .list-col-for h5{font-size:13px;line-height:18px;} .menuu1{padding:0;} #widget #widget-header{color:#000;} .search-match{width:100%;float:left;} .fa.fa-eye{font-size:16px;} .thumb-view{width:100%;display:block;padding:0 ;} .propLabel.featuredProp { background: #059116; top: 10px; left: 10px; } .thumb-view:not(:has(.no-results-state)) { margin-bottom: 30px; } .search-match.listViewContainer:not(:has(.no-results-state)) { margin-bottom: 30px; } #quickSearchContent:not(.property-detail-page) .tab-content { margin-top: 0px; } img.miamiRealtorLogo { width: 70px; margin: -10px 0px; } .thumb-view-left-content p{font-size:12px !important;} .show-search-by-criteria-closed {display:none;} .new{float:right;text-align:right;margin-top:5px;} .new li{float:left;margin-right:8px;color:#2374db;font-size:11px;font-weight:600;height:auto;padding:2px;} .new li a{color:#2374db;text-decoration:underline;font-size:11px;font-weight:600;} .fa-folder{padding-right:5px;} .fa-search-plus{padding-right:5px;} .searchTabHead2 {padding-left: 0;} .searchTabHead2 .fa-search {margin-right: 3px; display: none !important; } .searchTabHead2 li {border-radius: 0; } .searchTabHead2 .active a { color: var(--white);text-decoration:none; } .searchTabHead2 li.active a > .fa-search { display: inline-block;color:var(--white); } .tab-content.searchTabBody.property-resdentail-search.feature-panel{padding:0 5px;} .sortByDropDownContainer label.for-label { margin: 0px; font-size: 11px !important; text-transform: uppercase; letter-spacing: .6px; color: var(--pc-text-gray); font-weight: 700; width: auto; } .searchTabHead2 li a {color: #000;font-family: var(--font-base);font-size: 15px;font-weight: bold;padding:16px 15px;text-transform: uppercase;background-color:var(--lgray-e5);text-decoration:none;border-radius: 5px; display: block;} .search-quick-panel{float:left;padding:0;} .fa .fa-heart{font-size:16px;margin-right:5px;} .searchTabBody.chosen-single > span {color: var(--lgray-66) !important;} .fa .fa-search-plus{font-size:14px;color:var(--white);margin-right:5px;padding:1px;} .fa .fa-eye {font-size: 18px;margin-right:5px;} .property-resdentail-search{display:block;color:var(--lgray-66);} .property-resdentail-search label{color:var(--lgray-66) !important;font-size:14px;} .property-resdentail-search .form-group ul{ color:var(--lgray-66) !important;font-size:13px; } .property-resdentail-search li, #quickSearchContent .searchTabHead2 li { color:var(--lgray-66) !important;display: inline-flex; } .property-resdentail-search .chosen-container-single .chosen-single span{ color:var(--lgray-66) !important;font-size:13px; } .affordibility{width:688px;height:752px;} .mc-body{width:887px;} .newsletter_format{width:100% !important;} .matrices-widget{width:100%;float:left;} .major-widget{width:100%;float:left;} .matrices-widget iframe{width:270px;} .major-widget iframe{width:100%;height:450px;} .resource_right h2.pop_head, .pop_head {color: var(--white) !important; border-bottom: 2px solid;font-size: 14px !important;font-weight: bold;margin-bottom: 10px; padding: 0px 0px 2px; text-align: justify; width: 100%; text-transform: none; font-weight: bold;} .csd0 {color: rgb(0, 0, 0) !important;font-family: var(--font-base) !important;font-size: 13px;font-weight: 300;line-height:20px;} .csd011 {color: rgb(0, 0, 0);font-size: 10px;} .navbar {border-radius:0;} .ph_popup{color:var(--white) !important;} label.error { color:red; margin: 2px 0 0px; padding: 0; width:100%; font-family: var(--font-base); font-size: 13px;} .red1{color:red;} .pull-right {margin-top:2px;} .full_profile_right1 > h3 a { color: #2374db; } .full_profile_right1 > h3 a:hover {color: rgb(134, 6, 6);} .category-tree2 { float:left;width:100%;} .profile-form11 { background-color:var(--white);margin:0 4px;display:block;text-align:center;border:none;padding:20px 0px; } .profile-form11 .profilePic { text-align:center; margin:0 0 20px 0; } .profile-form11 h2 { font-size:22px; font-weight:600; } .profile-form11 h3 { color:#070404; font-size:14px; margin-bottom:10px; } .profile-form11 h4, .profile-form11 h6 { margin:10px 0; } .profile-form11 h6 { margin-bottom: 0; } .profile-form11 h4 a, .profile-form11 h6 a { color:#2374db; text-decoration:underline; font-size:13px; font-weight:600; } .profile-form11 h4 a:hover, .profile-form11 h6 a:hover { text-decoration:none;} .profile-form11 .profilePopBtn a { border-radius:5px; text-align:center; margin:0 auto; padding:7px 17px; display: inline-block;} header .nav > li > .dropdown-menu li a.drop1:hover {background:none !important;} /* Chevron icon replaces the old plus_grey.png/minus_grey.png background- image swap -- matches business-directory-redesign-mockup-v3.html's .sidebar-nav li.has-submenu > a .chevron (rotate 180deg on open, same .6s ease-in-out as the dcjq-accordion plugin's own speed:'slow' 600ms, so the icon and panel move at the same rate). .dcjq-parent.active is the exact class the plugin itself already toggles open/closed, so no JS changes were needed to hook the rotation to it. */ #dc_jqaccordion_widget-3-item ul a.dcjq-parent { background: none; } #dc_jqaccordion_widget-3-item ul a.dcjq-parent.active { background-color: #f5f5f5; font-weight: 700; } /* margin-right:-12px (was margin-left:8px, redundant with the row's own gap:8px and didn't nudge the icon to the true edge) */ .dcjq-icon svg { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: #6b6b6b; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .6s ease-in-out, stroke .15s ease; } /* jquery.dcjqaccordion.2.9.js appends its own empty to every parent link on init (see classArrow in the plugin), on top of the one already in the markup above. The empty one has no svg, so it's invisible, but it still counts as a 3rd flex item, pushing the real chevron away from the row's right edge instead of flush against it. */ .dcjq-icon:empty { display: none; } a.dcjq-parent.active .dcjq-icon svg { transform: rotate(180deg); stroke: #333333; stroke-width: 3; } .checkbox-inline {line-height: 20px;} /* Plain positioning container now -- .category-tree_sub-fill supplies the gray backdrop instead */ .category-tree_sub{padding:0 !important;float:left;position:relative; border-radius: 12px; } /* Resources sidebar hidden below desktop again, per direct request -- reverts the mockup-fidelity change that un-hid it. */ @media (max-width:979px){ .category-tree_sub{display:none !important;} } /* re-show agentDetail.php's contact form, which the nav-menu hide rule above also caught */ @media (max-width:979px){ .category-tree_sub:has(#contactAgentCard){display:block !important;} } /* re-show the search pages' Save Search/Receive Alerts row (v39: stays at the top on every screen size) */ @media (max-width:979px){ .category-tree_sub.search-property-leftbar:has(.ss-sidebar-actions){display:block !important;} } @media (min-width:980px){ .category-tree_sub{min-width:280px;} } .back-to-client{width:100%;float:left;} .back-to-client > h3 {float: right;margin-top:38px;padding-right:10px;margin-bottom:0 !important;} .back-to-client > h3 a {color: #2374db;font-weight: 600;text-decoration: underline;font-size:14px;} .back-to-client > h3 a:hover{text-decoration:none;} .view-title{width:100%;} .newspp{ width:100%;display:block;} .newspp h3{float:right;display:block;font-size:16px;font-weight:bold;} .newspp span {float: right;margin-top: 8px;font-weight:normal;} .rel{position:relative;} .abs{position:absolute;} .robotofont{font-family: var(--font-base) !important;} .sourcesansfont{font-family: var(--font-base);} h1{font-size:30px;font-weight:bold;color:#383737;text-transform:uppercase;margin-bottom:18px;} h3{font-size:18px;font-weight:normal;color:#383737;text-transform:none;margin-bottom:18px;} .featuredPanel h1.featureText, .testimonialPanel h1 { text-transform: capitalize; font-size: clamp(24px, 6vw, 32px); font-weight: 600; } .popup {cursor: pointer;font-weight: bold;text-align: left;} .featuredBox h3 a {color:rgb(56, 55, 55);} .scrollTop .fa {line-height: 2;} .staticPanel{width:100%;float:left;display:block;position:relative;padding-bottom: 25px;} .scrollTop{position:fixed;bottom:10px ;right:20px;background:rgba(0,0,0,.7);width:45px;height:40px;z-index:1000;border-radius:5px;cursor:pointer;text-align:center;line-height:40px;font-size:20px;color:var(--white);display:none;} .scrollTop:hover{background:#000} .search-property-main.stick.request-more-info-scrolled {margin-top: 7%;} #thankyoumsg > span {background-color: var(--white);float: left;height: 155px;padding-bottom: 10px;padding-left: 14px;padding-top: 10px;width: 100%;font-style:italic;color:var(--cgray);font-size:14px;} .new_news {background:var(--white);border:1px solid var(--lgray-cc);padding: 5px 5px 0;border-bottom:none;} .agentnot {color: rgb(255, 0, 0);padding-top: 20px;padding-bottom:20px;text-align: center;} .back_agent {height: 35px;padding-bottom: 6px;padding-top: 6px;text-align: center;height: 35px;width:100%;float:left;margin-top:30px;} .agent_lit {border: 1px solid var(--cred);color: var(--white);height: 35px;padding: 7px 45px;font-size:14px;border-radius: 5px;} .back-listt{float:none;line-height:22px;} .agent_lit:hover{background-color:rgb(144,6,6);} .topMenu a {cursor: pointer;} .topMenu .dropdown-menu li {padding:8px 6px !important;text-align:left;color:#000;width:130px;} .topMenu .dropdown-menu li:hover {color:var(--white);width:130px;} .fa-file-text {font-size: 28px;margin-right: 10px;} .language{margin-right:8px;} .text{margin-top:6px;} .feature{padding:0;} .feature-property_left{float:left;display:block;background-color:var(--lgray-e5);width:100%;border:solid 1px var(--lgray-cc);height:100% !important;} .feature-property_right{float:right;display:block;width:100%;} .search-result iframe{width:100%;} #mcwWrap, .mcw-wrap input.mcw-form__field, .select-target.select-theme-default, .profile-form li span, .profile-form textarea, .formLegalText, .profile-form li input[type="text"] { color: var(--cgray) !important; } .feature-property-estimates { float:right; } .feature-property-estimates li { float:left; font-size:12.5px; color:#2374db; } .feature-property-estimates li a{ color:#2374db; text-decoration:underline; font-weight:600;} .feature-photo-carousel{width:100%;float:left;display:block;height:500px;} .dropdown-submenu.dropdown-menu li a{font-size:14px;padding-left:40px !important;} .dropdown-submenu{position:relative;} .dropdown-submenu > .dropdown-menu { display: none; top:0; left:100%; margin-top:-1px; margin-left:0px; } .dropdown-submenu:hover .dropdown-menu { display: block; } .dropdown-submenu>a:after{display:block;content:" ";width:162px;height:0;border-color:transparent;border-width:5px 0 5px 5px;} .dropdown-submenu:hover>a:after{border-left-color:#555;display:block;} .dropdown-submenu.pull-left{float:none;} .dropdown-submenu.pull-left>.dropdown-menu{left:-123%;margin-left:10px;} /* Applied by js/main.js when a top-nav dropdown's own bounding rect would overflow past the right edge of the viewport -- flips it to hang off the trigger's right edge instead of its left, keeping it fully on-screen. */ .dropdown-menu-right-align{left:auto !important;right:0 !important;} .ratings {float: right;overflow: visible;padding: 5px;position: relative;width: 48%;} .arrow, .arrow1 {background-repeat: no-repeat;border-left: 4px solid rgba(0, 0, 0, 0);border-right: 4px solid rgba(0, 0, 0, 0);float: right;height: 0;margin-left: 2px;position: relative;right: 0;vertical-align: middle;width: 0;background-image:url(../images/arrow.png);width:19px;height:19px;} .arrow1 {margin-top:-2px;display:block;right:15px;} .dropdown-submenu:hover .dropdown-menu.arrow1 {border-top: medium none;display: block;background-image:url(../images/arrow_down_hover.png);} .navbar-default .dropdown.open .arrow {border-top: medium none;display: block;background-image:url(../images/arrow_down_hover.png);} .dropdown-submenu.open .arrow1 {border-top: medium none;display: block;background-image:url(../images/arrow_down_hover.png);} .navbar-default .arrow:focus {border-top: medium none;display: block;} .submit-f1{width:50%;float:left;} .submit-f2{width:50%;float:right;} .yashpal.col-sm-12{padding:0;float:left;} .pop_lft .img_brdr {border: 7px solid var(--lgray-cc);border-radius: 100px;height: 150px;width: 150px;transition:all 0.3s ease 0s;background:var(--lgray-cc);} .pop_lft .img_brdr:hover {border:12px solid var(--lgray-cc);transition:all 0.3s ease 0s;} .pop_lft {float: left;margin-left:5px;margin-top:5px;margin-bottom:15px;} .pop_rght {float: left;margin-left:5px;} .pop_rght > li {margin: 3px 0;} .resource .close-button > img{margin-top:-205px !important;} .agent_categroies .close-button > img{margin-top:-205px !important;} .st_sharethis_large{display:none;} .agnt_shre{margin-top:5px;} .agnt_shre span{margin-left:0;} .agnt_shre span .fa{margin-left:0;} .st_facebook_large1 .stLarge{background-image:url("../images/st-facebook.jpg") !important;background-repeat:no-repeat;width:32px;height:32px;} .st_facebook_large1 .stLarge:hover{background-image:url("../images/st-facebook-hover.jpg") !important;background-repeat:no-repeat;width:32px;height:32px;opacity:1 !important;background-position:inherit !important;} .st_linkedin_large1 .stLarge{background-image:url("../images/st_linkdin.jpg") !important;background-repeat:no-repeat;width:32px;height:32px;} .st_linkedin_large1 .stLarge:hover{background-image:url("../images/st-linkdin-hover.jpg") !important;background-repeat:no-repeat;width:32px;height:32px;opacity:1 !important;background-position:inherit !important;} .st_twitter_large1 .stLarge{background-image:url("../images/st_twitter.jpg") !important;background-repeat:no-repeat;width:32px;height:32px;} .st_twitter_large1 .stLarge:hover{background-image:url("../images/st_twitter-hover.jpg") !important;background-repeat:no-repeat;width:32px;height:32px;opacity:1 !important;background-position:inherit !important;} .slider-mobile{width:100%;float:left;background-size:cover;display:none;} .bx-controls-direction{position:absolute;top:50%;z-index:101;} .bx-pager-item{display:inline-block;text-align:center;line-height:20px;} .bx-pager-item a{width:17px;height:17px;border-radius:100%;border:3px solid var(--white);margin:0 4px;text-indent:-99999px;display:inline-block;background:rgba(160,10,15,.1)} .sliderCont{position:absolute;top:0px;left:0px;width:100%;background:transparent;height:100%;} .sliderHeading{padding:32px 0;width:333px;border-radius:5px;} .sliderHeading h1, .sliderHeading h2 {color:var(--white);font-size:40px;margin-bottom:0px;} .navbar-user li:first-child {background-color: rgba(0, 0, 0, 0);} .bannerPanel ul.bannerSlider li img {height: auto;width: 100%;background-size:cover;} .bannerPanel img{width:100%;height:auto;margin:0 0 25px;max-height:320px;background-size:100% 100%;} .bannerPanel .bx-controls{display:none;} #quickSearchContent label {margin-bottom: 5px;margin-left:5px; line-height: 100%;} .quickSearch{padding-bottom:0px;} .searchMap{padding-top:20px } .fa-th-large,.fa-th-large {margin-right:10px;font-size:18px;} .fa-file-text-o {font-size: 23px;margin-right: 10px;} .searchTabHead{padding-left:0px} .searchTabHead .fa-search{margin-right:3px;display:none;} .searchTabHead li{border-radius:6px 6px 0 0;} .searchTabHead li.active a{text-transform:uppercase;border-top:3px solid var(--cred) !important;} .searchTabHead li.active a > .fa-search{display:inline-block;} .searchTabHead li a{color:#000;font-size:10px;padding:10px 2px 10px 2px;font-family: var(--font-base);background:var(--lgray-e5);text-transform:uppercase;margin-right:2px;font-weight:bold;} .searchtabb1 li{font-size:15px;font-family: var(--font-base);margin-right:2px;font-weight:bold;text-transform:uppercase; height: auto;} .searchtabb1 li a{color:#000;background:var(--lgray-e5);line-height:27px;border:none;padding:10px 15px;} .searchtabb1 li.active a {color: var(--white) !important;text-transform: uppercase;} .searchTabBody{background:var(--white);border-top:0px;-moz-padding:10px 30px;-webkit-padding:10px 30px;padding:10px 30px;color:#000;} .searchTabBody .form-group{width:100%;margin-bottom:14px;color:#000;} .form-group.submitButtons { display: flex; gap: 10px; margin-bottom: 0px; } .paddingZero { padding: 0px; } .searchTabBody .jointNow{width:100%;margin-bottom:6px;font-weight:bold;} .searchTabBody button.jointNow2, #residentialsearch-form button.jointNow2 { width: 100% !important; margin-right: 0px ; font-weight: bold; margin-bottom: 0px; } .searchTabBody p{font-size:14px;margin-bottom:14px;margin-top:10px;color:#000;font-style:italic;} .mapPanel{ overflow:hidden; } .mapPanel img{height:auto;} .mapText{padding:30px 15px;background:var(--white);margin-top:8px;color:var(--lgray-33);font-size:18px;line-height:28px;font-family: var(--font-base);} .mapText h2{color:#383737;font-size:22px;font-family: var(--font-base);margin-bottom:12px;font-weight:bold;} .mapText a{font-size:18px;font-family: var(--font-base);margin-top:6px;display: block;font-weight:bold;width:240px;} .mapText a:hover{text-decoration:underline;} .carousel-inner p{height:auto;text-align:justify;} .carousel-control.left{background:none;height:115px;} .carousel-control.right{background:none;height:115px;} .chevron-left{background:rgba(0, 0, 0, 0) url("../images/carousal_left_hover.png") no-repeat scroll 0 0;height:104px;width:39px;left:0;position:absolute;} .chevron-left:hover{background:rgba(0, 0, 0, 0) url("../images/hover_left1.png") no-repeat scroll 0 0;height:104px;width:39px;} .chevron-right{background:rgba(0, 0, 0, 0) url("../images/carousal_right_hover.png") no-repeat scroll 0 0;height:104px;width:39px;right:0;position:absolute;} .chevron-right:hover{background:rgba(0, 0, 0, 0) url("../images/hover_left2.png") no-repeat scroll 0 0;height:104px;width:39px;} .testing_11_sub{width:100%;display:block;margin:auto;min-height:123px; padding: 0px; } .carousel-control {background-color: var(--white) !important;bottom: 0;color: var(--white);font-size: 20px;left: 0;position: absolute;text-align: center;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);top: -5px;width: 5%;z-index: 99;opacity:1;} .carousel-control.right{opacity:1;} .carousel-control.left{opacity:1;} .thumb-view-left-content{width:auto;padding:4px 9px 8px 9px;float:left;background: rgb(160 10 15);position:absolute; z-index: 1; bottom: 0px;} .thumb-view-left-content p{height:auto !important;background:none !important;color:var(--white);font-size:14px !important;padding-top:0px !important;} .fa-camera{font-size:16px;padding-right:5px;} .fa-th-list{font-size:16px;padding-right:5px;} .fa-th{font-size:16px;padding-right:5px;} .total-search-for { width: 100%; margin: 10px 0; display: flex; gap: 10px; align-items: center; justify-content: space-between; } select.perPageDropDown { padding: 8px; border-radius: 8px; border: 1px solid var(--lgray-cc); font-size: 14px;} .total-search-for p{width:100%;float:left;} .total-search-for p{font-size:14px;font-weight:bold;height:auto !important;float:left;margin-bottom:0;} .total-search-for p span{color:var(--lgray-66);font-size:12px;font-weight:normal;} /* Agents-redesign patch 5, applied globally: bold "Total Results", oversized middot separator, "Show" label in front of the per-page dropdown -- same showRecordsFoundCounte() output used by ~10 pages. */ .total-search-for .count { font-weight: normal; color: var(--lgray-66) !important; font-size: 13px; } .total-search-for .count strong { font-weight: 600; color: #333333 !important; } .total-search-for .count .dot { font-size: 32px; line-height: 0; color: var(--lgray-66); vertical-align: middle; margin: 0 2px; display: inline-block; padding-bottom: 3px; } .total-search-for .per-page { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--lgray-66); font-weight: normal; } .for-label{color:var(--lgray-66);font-size:14px;font-weight:normal;margin-top:10px;width:70px;} .for-select {color: var(--lgray-66);border:1px var(--lgray-cc) solid;background: url(../images/select-arrow.png) no-repeat right;font-size: 14px;font-weight: normal;margin-top: 5px;width: 200px;} .searchTabBody .chosen-container-single .chosen-single div c {background: rgba(0, 0, 0, 0) url("../images/select-arrow.png") no-repeat scroll right top;display: block;height: 100%;margin-top: 0px;width: 90%;} .resource_right .int_cntnt_testimonial {background-color: var(--white);padding-top: 12px;text-align: justify;width: 100%;} .client-testimonials{float:left;display:block;width:100%;background: var(--white);} .client-testimonials .thnk {font-size: 16px;} .test-right{background-image:url(images/test-left.png);background-repeat:no-repeat;width:35px;height:30px;display:block;margin-right:10px;} .test-left{background-image:url(images/test-right.png);background-repeat:no-repeat;width:35px;height:30px;display:block;margin-right:10px;} .pagination.page-arrow a {font-size: 13px;padding: 10px 0;line-height:28px;padding:0 10px;} .fa.fa-quote-left {font-size: 0px;margin-right: 5px;color:var(--cgray);float:left;} .fa.fa-quote-right {font-size: 0px;margin-left: 5px;color:var(--cgray);line-height:17px;padding-top: 7px;} #commercialsearch > form {margin-top: 10px;} .back_testi:hover {color: rgb(144, 6, 6);} .submit-1{color:red;} .namm{text-align:center;color:var(--white) !important;padding:7px 42px;border-radius:5px;border:none !important;float:left !important;margin-left:5px;} .namm:hover{background-color:var(--hred) ;text-align:center;color:var(--white);padding:10px;border-radius:5px;border:none;} .testing{min-height:112px;} .form-control { transition: border-color .15s ease, box-shadow .15s ease; } .form-control:hover {border-color: var(--su-border-strong);} .form-control:focus {outline: none; border-color: var(--front_primary_brand); box-shadow: 0 0 0 3px rgba(160,10,15,.10);} .agentt:hover {border: 1px solid #515b62;} .agentt:focus {border: 1px solid #515b62;} .contact_selling{border:solid 1px #b8b3b3;width:100%;padding:10px;background-color:var(--white);margin-top:7px;border-radius:5px;} .contact_selling li{width:100%;margin-bottom:10px;} .contact_selling li input [type="checkbox"]{float:left;} .contact_selling li label{font-size:14px;width:93px;} .property-name{float:left !important;color:#000 !important;font-weight:normal !important;} .property_location{float:left !important;font-weight:normal !important;color:#a5a59f !important;} .category-tree1{background-color:var(--lgray-e5);border:solid 1px var(--lgray-cc);height:1234px;} .full_profile{width:100%;display:block;margin-top:5px;} .full_profilee{padding:0; margin-top: 12px;} .full_profile1{display:block; margin: auto;} .full_profile-viewall{display:block;} .full_profile2{display:block;margin:31px 0 31px 11px;} .full_profile3{display:flex;gap: 10px; justify-content: center;} .full_profile1 img{border-radius:50%;border:solid 7px var(--lgray-cc);transition: all 0.1s ease 0s; width: 220px; height: auto; aspect-ratio: 1 / 1; /* object-fit: cover; */} .full_profile1 img:hover{border:solid 12px var(--lgray-cc);} .full_profile2 a {color:var(--white);text-align:center;font-size:14px;padding:7px 17px;font-size:15px;border-radius:5px;} .full_profile3 .fa{background-color:var(--lgray-33);color:var(--white);text-align:center;padding:8px 10px;font-size:18px;border-radius:5px; width: 37px;} .full_profile3 .fa:hover{color:var(--white);text-align:center;padding:8px 10px;font-size:18px;} .f1{padding:8px 14px !important;} .full_profile_right{display:block;margin-top:10px;} .full_profile_right h3{font-size:25px;font-weight:bold;margin-bottom:4px;} .full_profile_right h4{color:var(--lgray-66);font-size:15px;font-weight:bold;margin-left:1px;} .span1 { margin-bottom:20px; } .span1, .span11 { border:solid 1px var(--lgray-cc);padding:4px; } .full_profile_cont{padding:0 40px !important;} .owl-pagination{display:none;} .full_profile_sub{display: flex; gap: 30px; flex-direction: column;} .agentRightDescriptionContainer{display: flex; flex-direction: column;} .full_profilee_sub { flex: 1 1 25%; display: grid; justify-content: center;} .full_profile_rightt { flex: 1 1 75%; } .full_profile_right1, .full_profile_right2{ width:100%; margin-top:30px; } .full_profile_right1 h3, .full_profile_right2 h3{font-size:14px;color:var(--lgray-66);margin:5px 0;width:100%; display: inline-block;} .full_profile_right1 b, .full_profile_right2 b{font-size:15px;font-weight:700;} .full_profile_about { display:block; margin-top:20px;width:100%;} .full_profile_about p { font-size:14px; text-align:justify; } .agentBioDescription { line-height: 1.6; } .client-review, .agent_listings{display:block;margin-top:20px;width:100%;} .client-review .span11 { display: flex; justify-content: space-between; align-items: center; } .client-review h2, .agent_listings h2, .full_profile_about .span11 > h2, .full_profile_right1 h2, .full_profile_right2 h2 {background-color:var(--white);padding:10px;font-size:18px;font-weight:600;} .client-review h3, .client-review h5 {background-color: rgba(0, 0, 0, 0) !important;color: var(--cgray) !important;float: none;font-size: 14px !important;margin-bottom: 10px;width:100%;word-wrap:break-word;} .client-review h5 { margin-bottom: 0px; } .client-review a { font-size: 13px;font-weight: 600;padding:8px 10px; text-align: center;text-decoration: underline;} .client-review a:hover, .client-review h3 a:hover { text-decoration:none; } .client-review span{float:right;font-size:15px;margin-top:9px;font-weight:600;} .client-review span a:hover{color:var(--hred);text-decoration:none;} .client-review2{display:block;float:left;margin-top:30px;width: 100%;} .my_property { margin-top:30px; } .pull-left.sizeno1{color:#000;font-weight:normal;background:rgba(0, 0, 0, 0) url("../images/full-size-icon.png") no-repeat scroll 0 3px;padding-left: 18px;padding-top: 1px;margin-top:3px;} .pull-right.bedNo1{color:#000;font-weight:normal;background:rgba(0, 0, 0, 0) url("../images/full-bed-icon.png") no-repeat scroll 0 3px;margin-left: 11px;padding-left: 15px;padding-top:0px;margin-top:4px;} .pull-right.showerNo1{color:#000;font-weight:normal;background:rgba(0, 0, 0, 0) url("../images/full-shower-icon.png") no-repeat scroll 0 3px;margin-left: 5px;padding-left: 10px;padding-top:0px;margin-top:4px;} .pull-right.carNo1{color:#000;font-weight:normal;background:rgba(0, 0, 0, 0) url("../images/full-car-icon.png") no-repeat scroll 0 3px;margin-left: 5px;padding-left: 15px;padding-top:0px;margin-top:4px;} .new1{float:left;display:block;} .request-more-info{margin-left:4px !important;margin-right:4px !important;} .profile-form li input[type="text"],.profile-form li input[type="tel"]{background-color:var(--white);border:1px solid var(--su-border);border-radius:4px;width:100%;padding:8px 10px;margin-top:5px;transition:border-color .15s ease, box-shadow .15s ease;} .profile-form li input[type="text"]:hover,.profile-form li input[type="tel"]:hover{border-color:var(--su-border-strong);} .profile-form li input[type="text"]:focus,.profile-form li input[type="tel"]:focus{outline:none;border-color:var(--front_primary_brand);box-shadow:0 0 0 3px rgba(160,10,15,.10);} .profile-form li textarea{background-color:var(--white);border:1px solid var(--su-border);width:100%;padding:5px;height:130px;margin-top:5px;line-height:17px;transition:border-color .15s ease, box-shadow .15s ease;} .profile-form li textarea:hover{border-color:var(--su-border-strong);} .profile-form li textarea:focus{outline:none;border-color:var(--front_primary_brand);box-shadow:0 0 0 3px rgba(160,10,15,.10);} .profile-form.request-more-info > form{float:left;padding-top:5px;} .profile-submit, .profile-submit, .save-submit, .save-submitt {text-align:center;border-radius:5px;color:var(--white);border:none !important;} .profile-submit {width:45% !important;margin-left:65px; padding:9px 10px !important;} .profile-submit:hover{background:var(--hred) !important;} .save-submitt { width:100% !important;display:none;line-height:25px !important;height:25px !important;margin-bottom:8px !important;} .save-submit, .mcw-wrap .mcw-calculate-btn { margin: 5px auto; padding: 10px !important; display: block; max-width: 300px; } .mcw-wrap .mcw-calculate-btn{ border-radius: 5px; } .glyphicon.glyphicon-chevron-right, .glyphicon.glyphicon-chevron-left{color:var(--white);padding:7px 10px 7px 10px;font-size:10px;font-weight:normal;} .glyphicon.glyphicon-chevron-left{margin-right:5px;} .feature-glyphicon{background:rgba(0,0,0,0.8) !important;color:var(--white);padding:15px !important;top:30;} #mc_embed_signup h2 { font-size:18px; font-weight: 600; margin-bottom: 10px;} #mc_embed_signup .mc-field-group h2 { margin-top: 20px; } #mc_embed_signup .button { background-color: var(--front_primary_brand);} #mc_embed_signup .button:hover{ background-color: var(--front_primary_brand_hover); border-color: var(--front_primary_brand_hover);} #mc_embed_signup .mc-field-group input, #mc_embed_signup .mc-field-group select, #mc_embed_signup .mc-field-group textarea { border: solid 1px var(--lgray-cc); width: 100%; text-indent: unset !important; padding: 8px; margin: 5px 0px 0px; } #newslettersForm .mc-field-group>.mc-field-group { margin-bottom: 10px; } #mc_embed_signup .mc-field-group input:hover, #mc_embed_signup .mc-field-group textarea:hover, #mc_embed_signup .mc-field-group select:hover{border-color: var(--su-border-strong);} #mc_embed_signup .mc-field-group .asterisk{color:#f00;} #mc_embed_signup .button{color:var(--white);padding:7px 22px;border-radius:5px;} #mc_embed_signup { font-size:15px; } #mc_embed_signup .mc-field-group label { margin: 0px; width: 100%;} .mc_embed_mortgage h3{font-weight: bold !important;margin: 15px 0 !important;padding: 0 !important;text-transform: uppercase !important;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .fa.fa-quote-right {font-size: 0px;margin-left: 5px;color:var(--cgray);background-image:url(../images/text-open2.png);width:25px;height:18px;line-height:17px;padding-top: 15px !important;} .form-control:focus {border: 1px solid #515b62;} .form-control:hover {border: 1px solid #515b62;} .agentt:hover {border: 1px solid #515b62;} .agentt:focus {border: 1px solid #515b62;} } #sthoverbuttons {cursor: pointer;font: 11px Helvetica,Tahoma,Arial;margin-left: -7px;position: fixed;top: 25%;width: 50px;z-index: 980000 !important;} #sthoverbuttons #sthoverbuttonsMain {position: relative;width: 50px !important;z-index: 1000000;padding:7px;} #sthoverbuttons .sthoverbuttons-background-r {right: -17px;} #sthoverbuttons #sthoverbuttonsMain {padding: 10px !important;position: relative;width: 30px;z-index: 1000000;} .close{display:block;} .close a{text-decoration:none;font-size:14px;opacity:1;font-weight:normal;} .close a:hover{color:#000;} .close-pic{margin-bottom:10px;margin-top: -24px;} .resource{display:block;margin:0 0 30px;padding:0;} .resource_right{width:100%;} .resource_right > .page_title_heading h2, .resource_right > .back-agent h2{color:var(--white);font-size:20px;padding:14px 10px;text-transform:uppercase;width:75%;font-weight:bold;} .page_title_heading, .resource_right .back-agent { display: flex; gap: 10px; justify-content: space-between; align-items: center; } .back-agent > h5 { min-width: 115px; text-align: center;} .back-agent > h5 a, .backToSeachLink a {font-weight: 600;text-decoration:underline;color:#2374db;} .back-agent > h5 a:hover, .backToSeachLink a:hover {text-decoration:none;} .resource_right p{font-size:14px;text-transform:initial;text-align:justify;} .resource_right .int_cntnt, .resource_right .int_cntnt_testi { background-color:var(--white); width:100%; } .resource_right .int_cntnt p{word-wrap:break-word;} /* Business-directory-redesign patch, applied globally: sidebar card look (white card + shadow, gray inset header strip, edge-to-edge rows with a red active bar) -- shared includes/left.php sidebar used by ~8 pages. CSS-only; the dcjq-accordion plugin/JS driving expand-collapse is untouched. */ /* padding:24px (was 2px) -- .tool/.category-tree now bleed to this card's edges via negative margins instead of their own small padding */ .makeItFixOnScrollFront { background: #fff; border-radius: 12px; box-shadow: 0 4px 16px rgba(0,0,0,.10); border: 1px solid rgba(0,0,0,.07); overflow: hidden; padding: 24px; position: relative; z-index: 2; } /* Gray backdrop panel, position/size synced live by syncSidebarFillFront() in js/login_register.js */ .category-tree_sub-fill{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: var(--front_cat_tree_bg, #e5e5e5); border-radius: 12px; z-index: 1; pointer-events: none; } .tool{padding:0;} /* margin:-24px -24px 0 bleeds the header flush to the card's edges (cancels the 24px card padding) */ .tool h2 { font-size: 19px; font-weight: 700; letter-spacing: .5px; padding: 0 24px 18px; text-transform: uppercase; color: #262626; background-color: var(--white); margin: -24px -24px 0; height: 93px; box-sizing: border-box; display: flex; align-items: flex-end; justify-content: flex-start; border-radius: 12px 12px 0 0 !important; } /* margin:0 -24px -24px bleeds the row list to the card's edges; each row's own 24px padding keeps text position unchanged */ .category-tree #menu-sidebar-menu { margin: 0 -24px -24px; padding: 0; list-style: none; border-bottom: none !important; } .category-tree #menu-sidebar-menu li { border-bottom: 1px solid var(--front_cat_tree_border, #e5e5e5); } .category-tree #menu-sidebar-menu li:last-child { border-bottom: none; } .category-tree #menu-sidebar-menu li a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 18px 20px; font-size: 14px; font-weight: 600; color: #333333; border-left: 4px solid transparent; transition: background .15s ease, color .15s ease, border-color .15s ease; } .category-tree #menu-sidebar-menu li a:hover { background: var(--front_cat_tree_hover_open_bg, #f5f5f5); } /* Click-feedback flash for a plain row (no submenu) that isn't already the active page -- :active is the moment between mousedown/touch and the browser actually leaving for the href. Matches the mockup; excludes parent rows (those expand/collapse, not navigate) and the active row (already showing this same look permanently). */ .category-tree #menu-sidebar-menu li:not(.dcjq-parent-li):not(.is-current-page) > a:active { color: var(--front_primary_brand); } /* .active is the dcjq-accordion plugin's own open/expand toggle (added on click regardless of which page is loaded) -- it must never drive this red current-page look. .is-current-page is set server-side in left.php's renderMenu() only for the leaf that matches the page actually loaded. */ .category-tree #menu-sidebar-menu li.is-current-page > a { background: var(--front_cat_tree_selected_bg, #a00a0f14); color: var(--front_primary_brand) !important; border-left-color: var(--front_primary_brand); font-weight: 700; } /* Open submenu panel fill -- a removed stale rule previously forced this white instead of gray */ .category-tree #menu-sidebar-menu .sub-menu { background: var(--front_cat_tree_hover_open_bg, #f5f5f5); } /* Submenu rows (Mortgage Rates/Calculator/News, Miami/Coral Gables/...): indented with a vertical rule instead of the top-level rows' left-edge accent bar, matching .sidebar-nav .sidebar-submenu a exactly. border-top (not the outer li's own border-bottom, cancelled below since that rule would otherwise match these as descendants too) draws the divider flush with the vertical rule instead of spanning the empty indent. */ .category-tree #menu-sidebar-menu .sub-menu li { border-bottom: none; } .category-tree #menu-sidebar-menu .sub-menu li a { position: relative; display: block; margin-left: 34px; border-left: 1px solid var(--front_cat_tree_border, #e5e5e5); padding: 18px 18px; font-size: 14px; font-weight: 500; color: #333333; background: none; transition: none; border-top: 1px solid var(--front_cat_tree_border, #e5e5e5); } .category-tree #menu-sidebar-menu .sub-menu li:first-child { border-top: 1px solid var(--front_cat_tree_border, #e5e5e5); } .category-tree #menu-sidebar-menu .sub-menu li:first-child a { border-top: none; } /* Submenu hover now matches :active (red text + triangle) -- was gray-background-only before */ .category-tree #menu-sidebar-menu .sub-menu li a:hover, .category-tree #menu-sidebar-menu .sub-menu li a:active { color: var(--front_primary_brand); background: none; } .category-tree #menu-sidebar-menu .sub-menu li a:hover::before, .category-tree #menu-sidebar-menu .sub-menu li a:active::before, .category-tree #menu-sidebar-menu .sub-menu li.is-current-page > a::before { content: ""; position: absolute; left: -1px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid; } .category-tree{padding:0;} /* was 4px each side, now redundant with #menu-sidebar-menu's own bleed margin */ /* Proportional mobile scale-down: card padding 24px->16px -- every bleed margin drops to match. */ @media (max-width:480px){ .makeItFixOnScrollFront{ padding:16px; } .tool h2{ margin:-16px -16px 0; } .category-tree #menu-sidebar-menu{ margin:0 -16px -16px; } .category-tree #menu-sidebar-menu li a{ padding:18px 16px; } } .arrow-down{float:right;display:block;position:relative;margin-top:-47px;} .left1-resource{float:left;width:100%;} .left1-resource h2{background-color:var(--white);font-size:19px;text-transform:uppercase;margin:4px;font-weight:700;width:-webkit-fill-available;float:left; padding: 15px 0px;} .left1-resource span {float: left;line-height: normal;padding-left:14px;} .red-right-strip{margin-right:10px;float:left;} .red-right-strip1{margin-right:10px;float:left;width:4px;height:50px;} .request-more-info-form{width:100%; float:left;position:relative; margin: auto;} .request-more-info-form-scrolled{ position:fixed; margin:15px auto auto; width:100%; transition: top 0.3s ease-in-out;} .request-more-info-form-scrolled.customTopPos{top: 115px;} .request-more-info-scrolled{position:fixed;width:296px;float:left;} .search-mainsub{padding:0 15px;} .page > a:hover {background-color: rgb(160, 10, 15);color: var(--white);float: left;text-align: center;border:none!important;} .staticPanel > img {background-size: 100% 100%;width: 100%;} .agent{background-color:var(--lgray-e5);margin:0px 0 20px 0;height:64px;} .agent h2{color:var(--white);font-size:20px;padding:0 32px;text-transform:uppercase;width:50%;font-weight:bold;letter-spacing:.6px;display:flex;align-items:center;height:100%;} .agent p{text-align:justify;font-size:15px;background-color:var(--white);padding:25px 0;line-height:25px;} .agent-search{display:block;} /* Filter card: matches agents-redesign-mockup-v2.html's actual current structure (Revision 13+) -- the card TITLE and the FIELD GRID are direct flex children of the same flat gray card, side by side, not a heading stacked above a separate boxed bar. Also used by Business Directory's category filter (see businessDirectory.php). */ .filter-card{ background:#f5f5f5; border:1px solid rgba(0,0,0,.07); border-radius:12px; box-shadow:none; padding:18px 28px; margin-bottom:20px; display:flex; align-items:center; flex-wrap:wrap; gap:18px 24px; overflow:visible; } .filter-card h2.card-title{color:var(--front_primary_brand);font-size:18px;font-weight:600;letter-spacing:.3px;margin:0;flex:0 0 auto;white-space:nowrap;} /* !important: a legacy form#agentSearchForm{display:inline-flex} rule (ID selector, further down this file) otherwise wins over this class rule regardless of source order, breaking the "title + .filter-grid as direct flex children of .filter-card" layout the grid math depends on. */ .filter-card-form{display:contents !important;} /* Business Directory's own filter-card (Filter by Category + Add Your Business) uses slightly different values in its own mockup -- 2 items pushed to opposite ends and bottom-aligned, vs. Agents' title+grid centered row. */ .bd-filter-card{padding:14px 24px;gap:16px 20px;justify-content:space-between;align-items:flex-end;} .filter-grid{flex:1 1 320px;min-width:280px;display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:16px;align-items:end;} @media (max-width:860px){ .filter-grid{grid-template-columns:1fr 1fr;} } @media (max-width:480px){ .filter-grid{grid-template-columns:1fr;} } .field{display:flex;flex-direction:column;gap:6px;} /* margin-bottom:0 cancels bootstrap.min.css's label{margin-bottom:5px} fallback, which otherwise stacks on top of this .field's own flex gap:6px for a doubled label-to-field gap. */ .field > label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#6b6b6b;font-weight:600;margin-bottom:0;} .field input[type=text], .field select{ height:48px; border:1px solid #e2e2e2;border-radius:8px;padding:0 16px; font-size:14px;font-family:inherit;color:#333333;background:#fff; outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none; transition:border-color .15s, box-shadow .15s; width:100%; } .field input[type=text]::placeholder{color:#333333;opacity:1;font-family:inherit;} .field select{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:right 12px center;background-size:14px;padding-right:34px; } .field input:hover, .field select:hover{border-color:var(--su-border-strong);} .field input:focus, .field select:focus{border-color:var(--front_primary_brand);box-shadow:0 0 0 3px rgba(160,10,15,.10);} .btn-reset{ display:inline-flex;align-items:center;justify-content:center;gap:6px; background:var(--front_btn_secondary_bg, #ffffff);color:var(--front_btn_secondary_text, #a00a0f);border:1px solid var(--front_btn_secondary_border, #a00a0f) !important; border-radius:6px;padding:11px 22px; font-weight:600;font-size:13px;letter-spacing:.6px;text-transform:uppercase; cursor:pointer;white-space:nowrap;transition:background .15s, color .15s; } .btn-reset:hover{background:var(--front_btn_secondary_bg_hover, #a00a0f14) !important;color:var(--front_btn_secondary_text_hover, #a00a0f);border-color:var(--front_btn_secondary_border_hover, #a00a0f) !important;} .agentt, .agentt1 {border:1px solid var(--lgray-cc);-webkit-border-radius: 5px;-moz-border-radius: 3px;border-radius: 3px;width:205px;height: 34px; margin-bottom:5px;color:var(--lgray-66);padding:5px;font-size:12px;font-family: var(--font-base);text-decoration:none;display:inline-block;text-transform:none;background-color: #f4f5f5;background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dfdddd));background-image: -webkit-linear-gradient(top, #fff, #dfdddd);background-image: -moz-linear-gradient(top, #fff, #dfdddd);background-image: -ms-linear-gradient(top, #fff, #dfdddd);background-image: -o-linear-gradient(top, #fff, #dfdddd);background-image: linear-gradient(to bottom, #fff, #dfdddd);} .agent_categroies{margin:20px 0;} .agentInfoDetailButtons { display: flex; gap: 8px; } .agentInfoDetailButtons .btn-outline, .agentInfoDetailButtons .btn-solid { flex: 1 1 0; text-align: center; white-space: nowrap; border-radius: 6px; padding: 11px 10px; font-weight: 500; font-size: 12.5px; letter-spacing: .6px; text-transform: uppercase; cursor: pointer; transition: background .15s, color .15s, border-color .15s; margin-top: 10px; } .agentInfoDetailButtons .btn-outline { background: var(--front_btn_secondary_bg, #ffffff); color: var(--front_btn_secondary_text, #a00a0f); border: 1px solid var(--front_btn_secondary_border, #a00a0f); } .agentInfoDetailButtons .btn-outline:hover { background: var(--front_btn_secondary_bg_hover, #a00a0f14); color: var(--front_btn_secondary_text_hover, #a00a0f); border-color: var(--front_btn_secondary_border_hover, #a00a0f); } .agentInfoDetailButtons .btn-solid { background: var(--front_btn_primary_bg, #a00a0f); color: var(--front_btn_primary_text, #ffffff); border: 1px solid var(--front_btn_primary_border, #a00a0f); } .agentInfoDetailButtons .btn-solid:hover { background: var(--front_btn_primary_bg_hover, #900606); color: var(--front_btn_primary_text_hover, #ffffff); border-color: var(--front_btn_primary_border_hover, #900606); } /* Agents-redesign v2: empty state shown in place of the agent grid when a search/filter combination returns zero agents. */ /* margin:20px 0 (not 10px) so the collapsed-margin gap above and below reads as equal: the elements this sits after (.filter-card, .agent_categroies, etc.) consistently use a 20px margin-bottom, and adjoining vertical margins collapse to whichever is larger -- at 10px the gap above was winning the collapse against that 20px neighbor while the gap below (usually 0 on the next element) stayed at this element's own smaller value, so the two visibly didn't match. */ .no-results-state{ display: flex; flex-direction: column; align-items: center; text-align: center; padding: 64px 24px; margin: 20px 0; background: #f7f7f7; border: 1px solid rgba(0,0,0,.07); border-radius: 12px; } /* property-search.php + SS search pages render this as the sole child of .thumb-view-left12's CSS grid, so without a column span it only fills one grid track. */ .thumb-view-left12 > .no-results-state{ grid-column: 1 / -1; } /* .tab-content has its own margin-top:30px for spacing above real result cards; that has no counterpart below, so when no-results-state is the only content its own symmetric 20px margin sits on top of it, making the top gap 50px vs a 20px bottom gap. Zero it out in this case only. Scoped to the ACTIVE pane specifically (not :has(.no-results-state) alone) -- Photo/List View's hidden pane can contain a no-results-state while Map View is the one actually showing, and Map View has no no-results box of its own (just an empty map) to need this zeroing; without the > .tab-pane.active scope it wrongly zeroed Map View's top margin too, leaving it 0 on top vs its own 30px margin-bottom. */ .tab-content:has(> .tab-pane.active .no-results-state){ margin-top: 0; } .no-results-state-icon{ width: 56px; height: 56px; border-radius: 50%; background: rgba(160,10,15,.08); color: var(--front_primary_brand); display: flex; align-items: center; justify-content: center; margin-bottom: 18px; } .no-results-state-icon svg{ width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .no-results-state h3{ margin: 0 0 8px; font-size: 18px; color: #333333; font-weight: 700; } .no-results-state p{ margin: 0 0 22px; font-size: 14px; color: #6b6b6b; } .no-results-state .btn-solid{ display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; padding: 12px 32px; border-radius: 6px; border: 1px solid var(--front_primary_brand); background: var(--front_primary_brand); color: #fff !important; font-weight: 600; font-size: 13px; letter-spacing: .6px; text-transform: uppercase; cursor: pointer; text-decoration: none; } .no-results-state .btn-solid:hover{ background: var(--front_primary_brand_hover); } @media only screen and ( max-width: 680px){ .fullWidthBelow600{ width: 100% !important; } } @media only screen and ( max-width: 614px){ .featureBoxOut { padding: 0px !important; } } @media only screen and ( max-width: 480px){ form#agentSearchForm { flex-direction: column; width: 100%; } form#agentSearchForm .agentser { flex: 1 1; align-items: center; text-align: center; } form#agentSearchForm .agentser input, form#agentSearchForm .agentser select { width: 100%; } /* Matches the mockup's .filter-card/.results-bar mobile rules. */ .filter-card{ padding: 16px; } .total-search-for{ flex-direction: column; align-items: flex-start; } } @media only screen and (max-width: 600px){ /* iOS Safari auto-zooms on a focused text input under 16px font-size. Must target the [type=text] attribute selector specifically -- a bare ".field input" here loses to the desktop ".field input[type=text] {font-size:14px}" rule's higher specificity (class+attribute+element beats class+element), even inside this media query, since specificity -- not source order -- decides ties between rules that both match. */ .field input[type=text]{ font-size: 16px; } } .page{padding: 14px 10px;width: 100%;font-size: 14px;} @-moz-document url-prefix() {.pull-right:-16px !important;} .page > a {color: #605f5f;float: left;padding: 8px 10px 8px 10px !important;text-align: center;border-radius:5px;} .navi { width: 500px; margin: 5px; padding:2px 5px; border:1px solid #eee; } .show { margin: 5px 0; padding: 3px 5px; cursor: pointer; font: 15px/19px Arial,Helvetica,sans-serif; } .show a { text-decoration: none; } ul.setPaginate{ height:100%; } .page > a{ float:right !important;} .jointNow:hover, .selt_blue_txt:hover, .agent_lit:hover{border:1px solid var(--cred);border-radius:5px;background-color:var(--white) !important;color:var(--lgray-66);} .selt_blue_txt {background-color: var(--front_primary_brand);color: var(--white) !important;float: left;height: 30px;margin-left: 10px;text-align: center;width: 30px;line-height:30px;border-radius:5px;} .selt_blue_txt:hover{border-radius:4px;background-color:var(--white);border:solid 1px var(--cred);} .selt_blue_txt.search-property-num{background:none!important;border:1px solid var(--front_primary_brand);color:var(--front_primary_brand)!important;border-radius:0!important;transition:all ease-in 0.3s;font-size:16px;} .total-search{display:block;color:#000;font-size:13px;margin: 30px 0 7px;float:left;} .total-search_bottom{display:block;color:#000;font-size:13px;margin: 10px 0 10px;float:left;} .total-search h2{display:block;font-size:15px;float:left;text-transform:uppercase;font-weight:bold;margin-right:5px;} .total-search_bottom h2{display:block;font-size:15px;float:left;text-transform:uppercase;font-weight:bold;margin-right:5px;} .page-arrow{float:right;display:block;} .page-arrow li a{background-color:#990000;border-radius:6px;color:var(--white);text-align:center;} .multiselect {width:244px;height:34px;border:solid 1px #c0c0c0;overflow:auto;text-align:left;} .multiselect label {display:block;height:18px;} .multiselect input{margin:5px;} .multiselect-on {color:var(--white);background-color:#f00;} .pagination ul {display: inline-block;*display: inline;*zoom: 1;margin-left: 0;margin-bottom: 0;} .pagination li {display: inline;} .pagination a {float: left;padding: 0 12px;line-height: 28px;text-decoration: none;border-left-width: 0;color:#605f5f;} .pagination a:hover{border-radius:5px;color:var(--white);} .pagination .active a {border-radius:5px;color:var(--white);cursor: default;} .pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {color: #999999;background-color: transparent;cursor: default;} .pagination li:first-child a {border-radius: 5px;margin-right:10px;} .pagination li:last-child a {border-radius: 5px;} .pagination-centered {text-align: center;} .pagination-right {text-align: right;} .pager {margin-left: 0;margin-bottom: 18px;list-style: none;text-align: center;*zoom: 1;} .pager:before, .pager:after {display: table;content: "";} .pager:after {clear: both;} .pager li {display: inline;} .pager a {display: inline-block;padding: 5px 14px;background-color: var(--white);border: 1px solid #ddd;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} .pager a:hover {text-decoration: none;background-color: var(--white);} .pager .next a {float: right;} .pager .previous a {float: left;} .pager .disabled a, .pager .disabled a:hover {color: #999999;background-color: var(--white);cursor: default;} .contactus_left iframe{height:565px;margin-bottom:0;} .contactus_info{display:block;margin-top:20px;} .contactus_info1{display:block;} .contactus_info1 .submitt{display:block;border-radius:5px;text-align:center;color:var(--white);padding:8px 10px;margin-top:20px;max-width: 340px; margin: auto; border: 1px solid #a00a0f;} .contact-info{display:block;margin-bottom:10px;} .contactus_info h2{font-size:25px;font-weight:bold;margin-top:45px;} .contactus_form{background-color:#eee;border:solid 1px var(--lgray-cc);padding:5px;margin-top:15px;float:left;width:100%;} .contactus_form_sub{background-color:var(--white);padding:25px 20px;float:left;width:100%;} .loginBoxContainer label, .contactus_form_sub label, #newslettersForm label { color: unset; } .contactus_form_sub label{width:100%;font-size:17px;margin-left:0; } .contactus_form_sub textarea{border:solid 1px #b8b3b3;padding:5px;margin-top:5px;width:100%;height:175px;background-color:var(--white);border-radius: 5px;color:#000;} .contactus_form_sub textarea:hover{border:solid 1px #000;} .contactus_info_sub{width:100%;display:block;margin:10px 0px;float:left;} .contactus_info_sub label{width:100%;font-size:17px;} .contactus_info_sub input{border:solid 1px #b8b3b3;padding:5px;margin-top:7px;width:100%;height:36px;background-color:var(--white);border-radius: 5px;color:#000;} .contactus_info_sub input .error{border:solid 1px #790000;padding:5px;margin-top:7px;width:100%;height:45px;background-color:#ffebe8;} .contactus_info_sub textarea .error{border:solid 1px #790000;padding:5px;margin-top:7px;width:100%;height:45px;background-color:#ffebe8;} .contactus_info_sub select{border:solid 1px #b8b3b3;padding:5px;margin-top:5px;width:100%;height:45px;background-color:var(--white);} .contactus_info_sub select .error{border:solid 1px #790000;padding:5px;margin-top:7px;width:100%;height:45px;background-color:#ffebe8;} .contactus_info_sub select:hover{border:solid 1px #000;} .contactus_info_sub input[type="checkbox"]{margin-right: 10px;} .contactus_info_sub p{font-size:12px;color:var(--lgray-66);width:89%;float:left;} .featuredSlider1{width:92.6%;margin:0 auto;} .featuredCont { position:relative; padding:15px 40px; text-align:left; } .featureBoxOut { position:relative; padding:0 15px; } .featureBoxOut .forRent{position:absolute;background-color:#a00a0fb3;color:var(--white);font-size:16px;padding: 5px 10px; top:163px; font-weight:700; width:100%; } .featuredBox img{height:195px;} .featuredBox{border:1px solid #999;background:var(--white);position:relative; border-radius: 15px; overflow: hidden;} .featuredBox h3{margin:20px 0 16px;padding:0 10px;line-height:23px;height:auto;} .featuredBox h3 span{color:#a5a59f;font-size:14px;} .featuredSepecification{background:#eee;height:40px;color:#000;padding:10px 3px 10px;border-top:solid 1px #999;} .bedNo{background:url(../images/bed-icon.png) no-repeat 0px 3px;padding-left:12px;margin-left:5px;height:30px;line-height:20px;} .showerNo{background:url(../images/shower-icon.png) no-repeat 0px 3px;padding-left:10px;margin-left:5px;height:30px;line-height:20px;} .carNo{background:url(../images/car-icon.png) no-repeat 0px 3px;padding-left:17px;margin-left:5px;height:30px;line-height:20px;} .sizeno{background:url(../images/size-icon.png) no-repeat 0px 3px;padding-left:18px;padding-top:0px;height:30px;line-height:20px;} .left.carousel-control .fa, .right.carousel-control .fa, a.featuredBtn.featurednext .fa, .right.carousel-control .fa, a.featuredBtn.featurednextTest .fa, a.featuredBtn.featuredprev .fa, a.featuredBtn.featuredprevTest .fa { font-size: 70px; cursor: pointer;} .carousel-control, .featuredCont .featuredBtn, .testimonialCont .featuredBtn { position: absolute; top: 40%; right: 0; transform: scale(1, 2.5); } .left.carousel-control, .featuredCont .featuredBtn.featuredprev, .testimonialCont .featuredBtn.featuredprev, .featuredCont .featuredBtn.featuredprevTest, .testimonialCont .featuredBtn.featuredprevTest { left:0; right: auto;} .testimonialCont a.featuredBtn { top: 40px; } .jointNow, .jointNow2{float:right;width:95px;height:35px;line-height:35px;color:var(--white);font-size:15px;border:1px solid var(--cred);text-align:center;margin-top:10px;border-radius:5px;} .newPropSearchFilter .jointNow, .newPropSearchFilter .jointNow2{ margin-top: 15px; } .jointNow:hover{line-height:20px;} .newsPanel ul li{padding-left:12px;margin-bottom:10px;background:url(../images/news-line.jpg) no-repeat 2px 9px;padding-bottom:13px;border-bottom:dotted 1px var(--lgray-66);} .newsPanel ul li#newsfeedloading{padding-left: 12px;margin-bottom: 14px;background:none;border-bottom:none;padding-bottom: 5px;width: 250px;text-align: center;margin-top: 3%;} .newsletterPanel .form-control{background:var(--white);box-shadow:none;border-radius:1px;} .callNow{background:url(../images/call-now-bg.png) no-repeat;width:304px;min-height:182px;padding-top:54px;padding-left:22px;font-size:16px;color:var(--lgray-33);} .livechat{display:inline-block;width:95px;height:35px;line-height:35px;color:var(--white);font-size:14px;border:1px solid var(--cred);text-align:center;border-radius:5px;} .livechat:hover{color:var(--white);border:1px solid var(--cred);} .callNow h5{font-size:18px;color:#444444;margin-bottom:6px;font-family: var(--font-base);} .callNow p{margin-bottom:6px} .footer1, .footer2{color:var(--white);float:left;width:100%;} .cost{float:right;} #featuredSlider span.cost { line-height: 22px; } .flag{margin-right:2px;} #MainMenu{margin-left:-1px;border-left:solid 1px var(--lgray-cc);} .submenu{background-color:var(--white);padding:10px 25px;} .agentt1 select {border: 0 !important;-webkit-appearance: none;-moz-appearance: none;background: url('dropdown_arrow.png') no-repeat;background-position: 82px 7px;width: 100px;text-indent: 0.01px;text-overflow: "";background:url(images/select-arrow.jpg);} .drop {display: block;width: 100%;padding: 10px 0 10px 0px;} .drop a {color:#000;text-transform:uppercase;padding: 10px 0 10px 15px;} .drop1 {display: block !important;float: right;height: 30px;margin-top: -30px;width: 15%;} .drop1 a{padding:0 !important;text-decoration:none;line-height:0;} .dot-call{background-image:url(../images/arrow.png);width:15px;height:14px;background-repeat:no-repeat;display:block;position:absolute;top:15px;right:15px;} #popup{cursor:pointer;text-align:left;} .close-button{margin-top:10px;} .radio-inline{display:inline !important;} .live-chat-script{width:96%;padding:0;display:block;margin-top:45px;position:fixed;background:fixed;} .property-feature-info_right{float:right;width:45%;display:block;} .property-feature-info_left{float:left;width:45%;display:block;} .property_request_share_btn { max-width:440px; margin: 0px auto 24px;} .feature-content-sub{width:100%;float:left;margin-top:20px;} .int_cntnt_testimonial{width:100%;} .somi-left{padding:0;} .popup-content{color:var(--cgray);font-size:12px;float:left;margin-left:15px;margin-top:10px;font-weight:normal;line-height:17px;} .map-labelssingle{line-height:12px !important;} .searchin, .searchinfo {border: 1px solid var(--cred);border-radius: 5px;color: var(--white);height: fit-content;padding:8px 45px; line-height: normal;} .agentser a.searchin { display: block; } .newsletter_box .newsletter_text { font-size: 13px; margin-bottom: 10px; } .newsletter_box .newsletter_box_inner { padding: 5px; border: solid 1px var(--lgray-cc); } .newsletter_box .newsletter_box_gray { background: var(--front_topbar_bg) !important; padding: 19px 15px; } .dropdown-submenu .fa.fa-chevron-right { float:right; display:none !important; font-size:13px; margin-top:5px;} @media only screen and (max-width:320px) { .featuredSepecification{height: 50px;} .sizeno {height:20px;line-height:25px;font-size:12px;} .bedNo {padding-left: 17px;height:20px;line-height:25px;font-size:12px;} .showerNo {padding-left: 12px;height:20px;line-height:25px;font-size:12px;} .carNo{padding-left: 19px;height:20px;line-height:25px;font-size:12px;} .namm {width: 110px !important;text-align:center !important;} } @media (min-width:320px) and (max-width:1199px) { .bedNo {padding-left: 17px;} .showerNo {padding-left: 12px;} .carNo{padding-left: 19px;} } @media only screen and (min-width:320px) { .advnew-search{font-size:12px;} .new-seacrh-col-for{height:270px;} .gm-style-popup{padding:0;} .list-col-for{width:100%;} .back-to-client > h3{margin-top:22px;} .page.property-search{ margin-top:0px !important; } .menuu1{padding:0;} .page-arrow{display:none;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{border-top:none;} .searchtabb1 li{font-size:11px;} .searchtabb1 li a{padding:5px;} header .navbar-header{height:60px;} .request-more-info-scrolled{position:relative;width:100%;float:left;} .search-mainsub{padding:0;} .pure-live-chat{display:none !important;} .property-feature-info_right{width:100%;} .property-feature-info_left{width:100%;} .feature-photo-carousel{height:187px;} .news-result{width:100%;} .feature-padding{padding:0;} #navbar-collapse { list-style: outside none none; margin: 0; } .affordibility{width:280px;height:752px;} .featuredBox h3 {height:auto;} .bx-controls-direction{position:absolute;top:50%;z-index:101;} .bx-pager-item{display:inline-block;text-align:center;line-height:20px;} .bx-pager-item a{width:17px;height:17px;border-radius:100%;border:3px solid var(--white);margin:0 4px;text-indent:-99999px;display:inline-block;background:rgba(160,10,15,.1)} .sliderCont{position:absolute;top:91px;left:0px;height:auto;bottom:0;width:100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .sliderHeading{padding:32px 0;width:290px;border-radius:5px;} .searchTabBody{padding:0px;} .contactus_left iframe{height: 300px;margin-bottom:10px;} .bx-viewport{height:355px !important;} .profile-submit{margin-left:58px;} .profile-submit:hover{margin-left:58px;} .mc-body{width:285px;} .searchTabHead2 li a {font-size: 14px;padding: 15px 15px; width: 100%; text-align: center; } .searchTabBody .jointNow2 {width: 45%;} .thumb-view{padding:0;} #left, #right{width:100%;float:left;position:relative;} .request-more-info-form-scrolled{position:relative;margin-top:0;} .ng-pristine.ng-valid{width:100%;height:420px;} .page > a{display:none;} .somi-left{padding:0 15px;} } @media (min-width:375px) {.sliderHeading{width:346px;} } @media (min-width:414px) {.sliderHeading{width:385px;} } @media (min-width:420px) { .namm {width: 130px !important;} .featuredBox h3 {height:auto;} .newsPanel ul li#newsfeedloading{width: 350px;} } @media (min-width:420px) { .col-sm-6 { width: 50%; float: left; } } @media (min-width:600px) { .searchTabHead li a{font-size:15px;padding:12px 15px 12px 15px;text-transform:uppercase;margin-right:4px;font-weight:bold;} .mapPanel{height:294px;overflow:hidden;} .searchTabHead li.active a{text-transform:uppercase;border-top:3px solid var(--cred) !important;line-height:26px;} .newsPanel ul li#newsfeedloading{width: 530px;} .affordibility{width:560px;height:752px;} } @media (max-width:480px) { } @media (max-width:520px) { .property-resdentail-search li { display: grid; width: 100%; margin: auto; } } @media (min-width:768px) { .ng-pristine.ng-valid{width:100%;} .affordibility{width:500px;height:752px;} .newsPanel ul li#newsfeedloading{width: 690px;} .sliderHeading{padding:32px 0;width:738px;border-radius:5px;} label{width:150px;display:inline-block;margin-left:5px;} .namm{margin-left:13px;} .full_profile_right1 { padding-right: 20px; } .full_profile_right2 { padding-left: 20px; border-left: solid 1px var(--lgray-cc); } .agentRightDescriptionContainer, .full_profile_sub{flex-direction: row;} } @media (min-width:992px){ .col-md-4 { width: 33.33333333333333%; } } @media (min-width:980px) { .new-seacrh-col-for{height:400px;} .gm-style-popup{padding:0 15px;} #right{margin-top:0;} .list-col-for{width:75%;} .back-to-client > h3{margin-top:38px;} .page.property-search{margin-top:5px !important;} .menuu1{padding:0 15px;} .page-arrow{display:block;} .page > a{display:block;} .searchtabb1 li{font-size:15px;} .searchtabb1 li a{padding:10px 15px;} .request-more-info-scrolled{position:fixed;width:304px;} .search-mainsub{padding:0 15px;} .pure-live-chat{display:block !important;} .property-feature-info_right{width:45%;} .property-feature-info_left{width:45%;} .feature-photo-carousel{height:500px;} .news-result{width:30%;} .feature-padding{padding:0 28px;} .ng-pristine.ng-valid{height:385px;} #navbar-collapse { float:right; width:auto; padding-right: 5px;} #left{width:25%;float:left;position:absolute;} #right{width:75%;float:right;position:relative;min-height:1100px;} .category-tree_sub{display:block;} .total-search-for p{margin-bottom:0px;} .thumb-view{padding:0;} .searchTabBody .jointNow2 {width: 47%;} .searchTabHead2 li a {font-size: 15px;padding: 15px 15px;} .quickSearch {padding-bottom: 0;} .mc-body{width:887px;} .affordibility{width:688px;height:752px;} .newsletter_format{width:100% !important;} .matrices-widget{width:100%;float:left;} .matrices-widget iframe{width:568px;} .major-widget iframe{width:100%;height:500px;} .newsPanel ul li#newsfeedloading{width: 723px;} .view-title{width:26% !important;} .pop_lft {float: left;margin-left:5px;margin-bottom:0;margin-top:0;} .pop_rght {float: left;margin-left:20px;padding-right:10px;} .resource .close-button > img{margin-top:-42px !important;margin-right:-47px !important;} .agent_categroies .close-button > img{margin-top:-42px !important;margin-right:-47px !important;} .profile-submit{margin-left:70px;} .profile-submit:hover{margin-left:70px;} .pull-left.sizeno1{padding-left: 18px;} .pull-right.bedNo1{margin-left: 11px;padding-left: 21px;} .pull-right.showerNo1{margin-left: 11px;padding-left: 14px;} .pull-right.carNo1{margin-left: 11px;padding-left: 21px;} .testing_11_left { position: absolute;width: 25.7%;} .carousel-control.left{opacity:1;} .full_profile_right h2, .full_profile_about h2, .client-review h2, .agent_listings h2 { font-size:20px; } .client-review h2, .agent_listings h2 { margin-top:0px; } .contactus_info_sub p{font-size:12px;color:var(--lgray-66);width:94%;float:left;} .contactus_info_sub{margin:10px 0;} .bx-viewport{height:400px !important;} .contactus_info1{margin-left:0px;} .contactus_left iframe{height:523px;} .namm{text-align:center;color:var(--white) !important;padding:8px 33px !important;border-radius:5px;border:none !important;float:left !important;width:105px !important;margin-left:17px;} .mm{display:none;} .resource_right > .page_title_heading h2, .resource_right > .back-agent h2{ font-size:30px;line-height: 38px;} .dropdown-submenu .fa.fa-chevron-right { display:block !important;} .resource_right h2.pop_head, .pop_head {font-size: 21px !important;} .agent-search h2{color:#3c3a3a;font-size:19px;text-transform:uppercase;margin:10px 0 20px;font-weight:bold;} .total-search{display:block;color:#000;font-size:13px;margin: 30px 0 7px;float:left;width:100%;} .featuredBox h3 {height:63px;} .flag{margin-right:0;} .topPanel .btn-group-vertical img{vertical-align:middle;margin-right:8px;margin-top:-4px;} .topPanel a.contactTop{display:inline-block;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {border-top: 3px solid;} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {background:none;color:#000 !important;} .dropdown-submenu{position:relative;} .dropdown-submenu>.dropdown-menu a{display:block;padding-left:15px;} .dropdown-submenu>a:after{display:block;content:" ";width:162px;height:0;border-color:transparent;border-width:5px 0 5px 5px;} .dropdown-submenu:hover>a:after{border-left-color:#555;display:block;} .dropdown-submenu.pull-left{float:none;} .dropdown-submenu.pull-left>.dropdown-menu{left:-123%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;} ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;background-color: rgba(255, 255, 255, 1);} .sliderHeading{padding:32px 0;width:613px;border-radius:5px;} .seachCont{width:64%;} .drop {display: block;width:100%;padding:0;} .drop a { color:#000;border-right:solid 1px #000;text-transform:uppercase;padding:0 12px;line-height:28px;border-left:solid 1px #000;} .drop a:hover { border-top:solid 3px var(--cred);} .drop1{display:none !important;} .dot-call{background-image:url(search-head-icon.png);width:15px;height:14px;background-repeat:no-repeat;display:none;} .navbar-default .dropdown.open .arrow {border-top: medium none;display: block;background-image:url(../images/arrow_down.png);display:none;} .arrow {display:none;} .arrow1 {margin-top:4px;display:none;} /*.preConsSearch.form-group.submitButtons { margin-top: 18px; }*/ } @media (min-width:980px) { .sliderHeading{padding:32px 0;width:665px;border-radius:5px;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { } } @media (min-width:1024px) and (max-width:1199px) { .sliderHeading{background:rgba(9, 9, 9, .3);padding:32px 0;width:685px;border-radius:5px;} } @media (min-width:1200px){ .quickSearch:not(.quickSearchHome) .col-lg-3 { width: 25% !important; } .total-search-for p{margin-bottom:0px;} .thumb-view{padding:0;} .searchTabBody .jointNow2 {width: 47%;} .quickSearch {padding-bottom: 0;} .bx-viewport{height:555px !important;} .agent h2{color:var(--white);font-size:20px;padding:0 32px;text-transform:uppercase;width:50%;font-weight:bold;letter-spacing:.6px;display:flex;align-items:center;} .dropdown-content-agent {background:rgba(0,0,0,.8);color:var(--white);} .dropdown-content-agent1 {background-color:#696969;color:#000;} .header .nav > li > .dropdown-menu open li {display:none;} .sliderHeading{width:74.9% !important;border-radius:5px;left:15% !important;right:15%!important;padding:2% 0;} .sliderHeading h1{font-size:60px;} .sliderHeading h2{font-size:58px;} .sliderPanel{max-height:549px;} .sliderPanel li{max-height:553px;} .sliderPanel li img{max-height:553px;} .sliderPanel .bx-pager{bottom:37px;} .sliderPanel span.slidrperv{left:25px;} .sliderPanel span.slidernext{right:25px;} .sliderPanel span.bannercontrol{top:50%;margin-top:-50px;} .searchMap{padding-top:0px; } .callNow{background:url(../images/call-now-bg.png) no-repeat;width:348px;min-height:182px;padding-top:54px;padding-left:22px;font-size:16px;color:var(--lgray-33);} .featuredSepecification{padding:8px 7px 7px 7px;} .bedNo{background:url(../images/bed-icon.png) no-repeat 0px 3px;padding-left:21px;margin-left:11px;height:30px;line-height:20px;} .showerNo{background:url(../images/shower-icon.png) no-repeat 0px 3px;padding-left:14px;margin-left:11px;height:30px;line-height:20px;} .carNo{background:url(../images/car-icon.png) no-repeat 0px 3px;padding-left:21px;margin-left:11px;height:30px;line-height:20px;} .sizeno{background:url(../images/size-icon.png) no-repeat 0px 3px;padding-left:18px;padding-top:2px;height:30px;line-height:20px;} #popup{cursor:pointer;text-align:left;} .close-button{margin-top:10px;} label{width:150px;display:inline-block;margin-left:5px;} } @media (min-width:320px) and (max-width:480px) { .slider-mobile {display: block;margin-bottom: 20px;margin-top: 88px;} .page > a {color: #605f5f;padding: 7px !important;float:left;margin-left:-1px;} .page {border-radius: 5px;float: left;font-size: 14px;padding: 14px 0;width: 100%;} .resource_right .int_cntnt_testimonial {background-color: var(--white);padding-top: 17px;text-align: justify;width: 100%;} } .page > a.right-pagination-arrow{padding:9px 11px 9px 10px !important;} .page.property-search a.property-link{padding:8px 10px 8px 10px !important;transition:all ease-in 0.3s;width:30px;} .step-input label{color:#5a5a5a;} .header-sticky {position: fixed;left: 0;width: 100%;z-index: 2000;height: 50px;-webkit-backface-visibility: hidden;-webkit-transform: translateY(-200%);-moz-transform: translateY(-200%);transform: translateY(-200%);-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-ms-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;} .header-is-sticky {-webkit-transform: translateY(0%);-moz-transform: translateY(0%);transform: translateY(0%);} .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a:hover {border-top: 3px solid var(--cred);} .sliderPanel li{width:100%;text-align:center;height:100%;min-height:355px;} .sliderPanel li img{background-attachment:fixed;} .sliderPanel .bx-pager{position:absolute;bottom:16px;z-index:100;text-align:center;width:100%;margin:0 auto;} .sliderPanel span.bannercontrol{width:50px;height:50px;display:inline-block;position:absolute;top:27%;z-index:110;margin-top:13px;} .sliderPanel span.slidrperv{left:0px;} .sliderPanel span.slidernext{right:0px;} .sliderPanel span a {display:inline-block;text-indent:-9999px;width:50px;height:50px;} .sliderPanel span a.bx-prev{background:rgba(0,0,0,.6) url(../images/slider-prev.png) no-repeat;display:none;} .sliderPanel span a.bx-prev:hover{background:var(--cred) url(../images/slider-prev.png) no-repeat;display:none;} .sliderPanel span a.bx-next{background:rgba(0,0,0,.6) url(../images/slider-next.png) no-repeat;display:none;} .sliderPanel span a.bx-next:hover{background:var(--cred) url(../images/slider-next.png) no-repeat;display:none;} .sticky {background-color:var(--white);float:left;position: fixed;top:0 !important;width: 100%;min-height: 90px; box-shadow: 0 0px 1px var(--lgray-66);} .sliderContent{max-width: 780px;margin: 0 auto;background: rgba(9, 9, 9, 0.4);padding: 15px;border-radius: 15px;} .sliderContent .sliderHeading {width: 100% !important;border-radius: 5px;left: 0% !important;right: 0%!important;padding:0px;} .sliderContent .seachCont{width: 100%;background: transparent;padding: 10px 0px} .sliderContent .seachCont .searchBtn {right: 0;} .sliderContent .seachCont .form-group {width: 100%;padding-right: 0;} .sliderContent .seachCont .form-group .form-control{margin-top: 0px;} .sliderHeading {background: transparent !important;} .int_cntnt_testi iframe {width: 500px;} .newsletter_format {margin-top: 10px;display: flex;align-items: center;} .newsletter_format input[type="radio"]{margin: 0px;} input, button, select, textarea,body,label, span{font-family: var(--font-base) !important;} .dropdown-content-agent1 {background-color: var(--lgray-33);} .container .resource { display: flex; gap: 28px; } /* zeroes the old .feature-padding inset here so it doesn't double up with the gap above */ #right > .feature-padding { padding-left: 0; } .container .resource #left { width: 25%; min-width: 280px; float: none; position: initial;} /* min-width:0 so #right can shrink below its content's width instead of overflowing */ .container .resource #right { width:75%; min-width: 0; float: none; position: initial;} @media only screen and (min-width: 980px) { .feature-property_left1 .saveShareDrop ul.dropdown { left: min(calc(5vw - 78px), -15px); } } .profile-form li input.save-submit{margin: 0 auto !important;float: none !important;display: block; width: 100%;} @media only screen and (max-width: 1200px) and (min-width: 992px) { .navbar-default .navbar-nav > li > a {padding: 0px 6px;font-size: 13px;} .request-more-info-scrolled {position: relative;width: 100%;} .search-property-main.stick.request-more-info-scrolled{margin-top: 0px !important;} .search-result_right1 .tab-pane .form-group select.form-control{margin-top: 0px;} } @media only screen and (max-width: 1120px) and (min-width: 980px) { .left1-resource h2 { font-size: 14px; font-size: 1.5cqw; } } @media only screen and (max-width: 992px) and (min-width: 980px) { .navbar-default .navbar-nav > li > a {padding: 0px 6px;font-size: 13px;} .newspp span {margin-top: 5px;} .request-more-info-scrolled {position: relative;width: 100%;} .search-property-main.stick.request-more-info-scrolled{margin-top: 0px !important;} .search-result_right1 .tab-pane .form-group select.form-control{margin-top: 0px;} .search-property-main1 .thumb-view { padding: 0px 15px; } } @media only screen and (max-width: 979px) { .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.active > a{border-top:0!important;} .topPanel a {padding: 1px 15px;} .navbar-default .dropdown .arrow{top: 15px;} .newspp span {margin-top: 5px;} #mc_embed_signup .mc-field-group {width: 100% !important;} div#location-map-div{float: right;width: 49%;} div#getheight-div{width: 49%;} .profile-form.request-more-info > form {width: 100%;} #propMap{min-height: 400px;} .search-property-main.stick.request-more-info-scrolled{margin-top: 0px !important;} #left, .category-tree_sub.search-property-leftbar {max-width: 100%;position: relative;height: initial !important;} .navbar-default .navbar-nav > li > a, header .navbar-default .navbar-nav>.active>a { padding: 0px 20px; font-size:13px; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{ background-color: transparent !important; } .navbar-nav .open .dropdown-menu>li>a{ width:100%!important; } .navbar-default .navbar-nav .open .dropdown-menu > .dropdown-submenu > .dropdown-menu > a{ font-size:13px; } .container .resource { flex-direction: column; gap: 0; } /* gap:0 avoids doubling up with .category-tree_sub's margin-bottom below */ .category-tree_sub { margin-bottom: 15px; } /* matches .pd-page-header-bar's own margin-bottom, so the gap above the red header matches the gap below it */ .container .resource #left, .container .resource #right { width:100%; } /* agentDetail.php's Contact Agent form moves below the main content on mobile, unlike the sitewide sidebar-on-top rule above */ .container .resource:has(#contactAgentCard) .category-tree_sub { order: 2; margin-bottom: 0; margin-top: 32px; } .container .resource:has(#contactAgentCard) .noMobilePadding { order: 1; } .noMobilePadding { padding: 0px; } .contactus_right{ margin-top: 20px; } .contactus_form_sub{ padding:20px 5px } .singlePropertyPage .mortgageLegalText { text-align: center !important; } } @media only screen and (max-width: 767px) { ul#searchtabs3 { display: flex; width: 100%; justify-content: start; } .searchTabHead3 li { text-align: center; } .resource_right > .page_title_heading h2, .resource_right > .back-agent h2 { width: 65%; } .searchMap{ display: none; } /*#quickSearchContent .tab-content .searchRadioLabelBox { margin-top: 25px !important;}*/ .singlePropertyPage .mortgageLegalText { text-align: justify !important; } } @media only screen and (max-width: 599px) { .searchTabHead li a {padding: 10px 5px 10px 5px;} } /* Matches v39 mockup's .sort-field/.view-toggle mobile rules -- sort dropdown goes full width first, so the row wraps cleanly instead of overflowing between 680-980px. */ @media only screen and (max-width: 680px) { .sortByDropDownContainer { width: 100%; } .sortByDropDownInput { flex: 1 1 auto; width: 100%; } } @media only screen and (max-width: 480px) { div#getheight-div,div#location-map-div{width: 100%;} .searchTabHead li a {padding: 10px 4px 10px 4px;font-size: 12px;} .forClosureChecks { padding: 10px 0px !important;} .saveShareDrop li ul.dropdown { left: min(calc(20vw - 85px), 0px) !important; } } @media only screen and (max-width: 420px) { } @media only screen and (max-width: 358px) {.searchTabHead li a {padding: 10px 1px 10px 1px;font-size: 11.5px;} } @media (max-width: 670px) and (min-width: 320px){ .slider-mobile {margin-top: 38px !important;} } img.p-icon {margin-right: 10px;font-size: 18px;height: 24px;width: auto;} img.m-icon {margin-right: 10px;font-size: 18px;height: 24px;width: auto;} img.newsletter-icon,.newspp h2 img {margin-right: 10px !important;font-size: 18px;height: 20px !important;width: auto;} .contactus_left iframe {width: 100% !important;} .loading {width: 100% !important;text-align: center;} .loading::after {left: 50% !important;position: absolute;} .loading h3 {position: absolute;top: 50px;color: var(--white);width: 100%;font-family: var(--font-base);line-height: 14px;} .scrollTop { bottom: 80px !important;} body .uwy.userway_p7 .uai.userway_dark, body .uwy.userway_p8 .uai.userway_dark { bottom: 10px!important; left: 13px !important;} ul.setPaginate {height: auto !important;} .gm-style .map-labelssingle {background-image: url(../images/32.png);background-repeat: no-repeat;color: var(--cgray);float: right; font-size: 12px;height: 27px;line-height: 19px;text-align: center;width: 27px !important;position: relative;margin-top: -33px; margin-right: 5px;} .gm-style .map-labelssingle > div {margin-top: 4px;margin-right: 2px;} body .uwy.userway_p7 .uai#userwayAccessibilityIcon { position: fixed; } @media only screen and (max-width: 670px){ #wrapper .section_content { padding-top: 110px; } } #username_message { display:none; background: #f1f1f1; color: #000; position: relative; padding: 10px 15px; margin: 10px 0 0; } #username_message p { padding: 5px 5px 5px 30px; font-size: 13px; margin:0; } .valid:before { position: relative; content: "✔"; padding-right: 20px; margin-left: -30px; } .invalid { color: red; } .invalid:before { position: relative; content: "✖"; padding-right: 20px; margin-left: -30px; } #unique_check{ display: none;font-weight: 600; } .strong-password, .weak-password, .medium-password { margin: 10px 0 0; padding: 5px; font-size: 13px; } .medium-password { background-color: #E4DB11; color: #434126; } .strong-password { background-color: #12CC1A; color:var(--white); } .newsletter-subs{ outline:none!important; } .term-cond{ font-size:12px; font-family: var(--font-base) !important; } /* Checkboxes: sitewide canonical style lives in admin/css/common-back-front.css. Radios keep this. */ input[type=radio] { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; width: 20px; height: 20px; overflow: hidden; border: 1px solid #adb8c0; background-color: var(--white); vertical-align: text-bottom; margin-right: .25rem; left: .25rem; margin-top: 2px; min-width: 20px; border-radius: 5px;} .ratings_stars { background: url('../images/star_blank.png') no-repeat; float: left; height: 28px; padding: 2px; width: 32px; } .ratings_vote { background: url('../images/star_voted.png') no-repeat; } .ratings_over { background: url('../images/star_overs.png') no-repeat; } .total_votes { background: #eaeaea; top: 58px; left: 0; padding: 5px; position: absolute; } .product{ font: 10px verdana, sans-serif; margin: 0 auto 40px auto; width: 180px; height:200px; } .loginLoading span, .processingLoading span{color: white;font-size: 20px;position: relative;top: -50px;font-family: var(--font-base) !important;} .loading { display: none; position: fixed; z-index: 9999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } .loading:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #00000091; } .login-password{ background-color:#696969; color:var(--white);} .login-account{ background-color:#313131; color:var(--white); padding-left:21px; font-size:13px;} .form-group.login-input{ border:solid 1px var(--lgray-cc);} .form-control.login-input:hover{ border:solid 1px var(--lgray-33);} .form-control.login-input:focus{ border:solid 1px var(--lgray-33);} .login-content{ background-color:var(--white); padding:0px 10px 15px;} .login-heading{ border-top-left-radius:3px; border-top-right-radius:3px;} #loginsubmit .navbar-brand img { max-width: 200px !important; margin: 0 auto; } .login-content a.navbar-brand img { max-width: 200px !important; margin: 0 auto; height: unset !important; } .style1 {color: #FF0000} #carousel-example-generic { display: inline-block; width: -webkit-fill-available} ul.thumbnails-carousel { padding: 5px 0 0 0; margin: 0; list-style-type: none; text-align: center; } ul.thumbnails-carousel .center { display: inline-block; } ul.thumbnails-carousel li { margin-right: 5px; float: left; cursor: pointer; } .controls-background-reset { background: none !important; } .active-thumbnail { opacity: 0.4; } .indicators-fix { bottom: 70px; } .glyphicon.glyphicon-arrow-up{color:var(--white); font-size:12px; font-weight:normal;} .glyphicon.glyphicon-arrow-down{color:var(--white); font-size:12px; font-weight:normal;} .tab-content { margin-top: 20px; } #quickSearchContent { margin-top: 20px; } .single_property_detail_container #quickSearchContent { margin: 0px; } #quickSearchContent .tab-content .searchGroupsHeading { color: var(--cgray); margin-bottom: 12px; margin-top: 14px; display: inline-block; line-height: 30px;} #quickSearchContent .tab-content .searchGroupsHeading.SGH2 { margin-top: 16px; } .quickSearchHome #quickSearchContent .tab-content .searchGroupsHeading { margin-top: 15px; } /*#quickSearchContent .tab-content .searchRadioLabelBox { margin: 25px 0px 20px; }*/ .homeQuickSearchForm .searchGroupsHeading.searchGroupsHeadingProject { } .homeQuickSearchForm .searchRadioLabelBox.searchFileds.isResidential.isCommercial.isDomain { margin-top: 15px !important; } .homeQuickSearchForm .tab-content .searchRadioLabelBox { margin-top: 5px !important; } .isDomainLabel { margin-top: 5px; } .tab-content p { text-align:left; height:auto; padding:0; } .tab-content .thumb-view h3, .tab-content .thumb-view h4 { color:var(--cgray);} .property-feature-info{ float:left; width:100%; display:block;} .property-feature-info_left li, .property-feature-info_right li{ list-style-type:none; line-height:20px; border-bottom:solid 1px #eee; padding:5px 0; width:100%; float:left;} .property-feature-info_left span, .property-feature-info_left span1, .property-feature-info_right span, .property-feature-info_right span1{ list-style-type:none; line-height:20px; float:left; width:50%; color:var(--lgray-33); font-size:14px;} .property-feature-info_left span1, .property-feature-info_right span1{ float:right;color:var(--lgray-66);} .birds-view{ width:100%; float:left; border-radius:12px; overflow:hidden;} .birds-view img{ width:100%;} .descriptionHeadTitles{ background-color:var(--white); border:solid 1px var(--lgray-cc); padding:10px 0 10px 10px; font-size:16px; text-transform:uppercase; font-weight:600; margin-bottom:0px;} .property-feature-info-sub{ width:100%; float:left; display:block; margin-top:20px;} .property-feature-info-sub h4 { background-color: var(--white); border: 1px solid var(--lgray-cc); font-size: 16px; font-weight: 600; margin-bottom: 0; padding: 10px 0 10px 10px; text-transform: uppercase; } .property-feature-info-sub1{ width:100%; display:block; border:solid 1px var(--lgray-cc); border-top:none; padding:12px;} .back-search{ width:100%; float:left;} .back-search_sub{ float:left; width:50%;} .widget-body input{ color:#000 !important;} .mcw-wrap_theme4 .mcw-form__block .mcw-form__title { color: var(--lgray-66) !important; } .mcw-wrap_theme4 .mcw-calculate-btn { max-width: 200px; margin: 10px auto; box-shadow: none!important; } .mcw-wrap_theme4{ border-radius: 0!important; margin: 3px!important; background: var(--white) !important; } .mcw-wrap .mcw-form__title{ font-size: 14px!important; font-family: var(--font-base) !important; } .mcw-wrap_theme4 .mcw-form__block .mcw-form__title { color: var(--lgray-33) !important; } .mcw-wrap input.mcw-form__field{ font-size:14px!important; } .mcw-wrap .mcw-form__symbol { font-size: 14px!important; color: #bbbbbb !important;} .mcw-wrap .mcw__title{ visibility: hidden!important; font-size:1px!important; } @media(min-width:320px) { } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid var(--cred) !important; color: var(--white) !important; } #businessModal .modal-title{ font-weight:bold; font-size:15px; } #businessModal .modal-header { margin:0 -1px; color: var(--white); padding: 15px 20px; border-top-left-radius: 6px; border-top-right-radius: 6px; } #businessModal .modal-body{ padding:5px 15px 15px; } #businessModal .submit_btn{ text-align: center; border: 1px solid var(--cred); color: var(--white); padding:8px 30px; } #businessModal .form-control{ color:#a1a1a1!important; } /* Business-directory-redesign v3 listing card: .listing-card, .info-row, .icon-badge, .category-pill -- scoped under .listing-card so they can't collide with the same-named classes on the Agents page. */ .listing-grid { margin: 20px 0px; display: flex; flex-direction: column; gap: 24px; } .listing-card { position: relative; padding: 28px; background: #fff; border-radius: 12px; box-shadow: 0 4px 16px rgba(0,0,0,.10); border: 1px solid rgba(0,0,0,.07); overflow: hidden; display: flex; flex-direction: column; } @media (max-width: 640px) { .listing-card { padding: 22px; } } .listing-top { display: flex; gap: 26px; margin-bottom: 22px; } @media (max-width: 640px) { .listing-top { flex-direction: column; gap: 18px; } } .listing-logo { flex: 0 0 auto; width: 260px; border-radius: 12px; background: #f5f5f5; border: 1px solid rgba(0,0,0,.07); display: flex; align-items: center; justify-content: center; text-align: center; color: var(--lgray-66); font-weight: 700; font-size: 13.5px; letter-spacing: .4px; text-transform: uppercase; line-height: 1.5; padding: 10px; } .listing-logo img { max-width: 100%; max-height: 140px; } @media (max-width: 640px) { .listing-logo { width: 100%; height: 220px; } } .listing-body { flex: 1 1 auto; min-width: 0; } .listing-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid rgba(0,0,0,.07); flex-wrap: wrap; } .listing-name { color: var(--front_primary_brand); font-weight: 600; font-size: 20px; margin: 0; letter-spacing: .2px; } .category-pill { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; background: rgba(160,10,15,.08); color: var(--front_primary_brand); border-radius: 999px; padding: 6px 14px 6px 10px; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; } .category-pill svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .listing-card .info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px; } @media (max-width: 520px) { .listing-card .info-grid { grid-template-columns: 1fr; } } .listing-card .info-row { display: flex; align-items: flex-start; gap: 12px; } .listing-card .icon-badge { flex: 0 0 auto; width: 41px; height: 41px; border-radius: 50%; background: rgba(160,10,15,.08); color: var(--front_primary_brand); display: flex; align-items: center; justify-content: center; } .listing-card .icon-badge svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .listing-card .info-row .info-text { flex: 1 1 auto; min-width: 0; } .listing-card .info-row .label { display: block; padding: 0; text-align: left; white-space: normal; font-size: 14px; line-height: 16px; text-transform: uppercase; letter-spacing: .6px; color: var(--lgray-66); font-weight: 800; margin: 0 0 4px; } .listing-card .info-row .value { font-size: 15px; color: var(--lgray-66); font-weight: 400; margin: 0; line-height: 1.4; word-break: break-word; } .listing-card .info-row .value.muted { font-style: italic; } .listing-bottom { padding-top: 20px; border-top: 1px solid rgba(0,0,0,.07); } .listing-section { margin-bottom: 16px; } .listing-section:last-child { margin-bottom: 0; } .listing-section h4 { font-size: 14px; line-height: 16px; text-transform: uppercase; letter-spacing: .6px; color: var(--lgray-66); font-weight: 800; margin: 0 0 8px; } .listing-section p { font-size: 14px; color: #333333; line-height: 1.6; margin: 0; } .promo-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(160,10,15,.08); color: var(--front_primary_brand); border-radius: 8px; padding: 6px 12px; font-size: 14px; font-weight: 700; } /* View toggle (Photo/List/Map), moved here from css/somi-search.css so it's global -- used by mapsearch.php/mySavedProperties.php/ourFeaturedProperties.php/property-search.php in addition to the 4 SS search pages. Same Bootstrap data-toggle="tab" markup/JS everywhere, untouched. */ .searchTabHead3 { display: flex; gap: 8px; justify-content: end; align-items: center; } .searchTabHead3 li { border-left: none; } .searchTabHead3 li a { display: inline-flex; align-items: center; gap: 8px; border: 1.5px solid var(--su-border-strong); border-radius: 6px; padding: 8px 18px; font-weight: 600; font-size: 12.5px; letter-spacing: .5px; text-transform: uppercase; background: #fff; color: var(--su-text); transition: border-color .15s, color .15s, background .15s; white-space: nowrap; } .searchTabHead3 li a svg { width: 22px; height: 22px; flex: 0 0 auto; color: var(--su-brand); transition: color .15s; } .searchTabHead3 li a:hover, .searchTabHead3 li.active a { background: var(--su-brand); border-color: var(--su-brand); color: #fff; } .searchTabHead3 li a:hover svg, .searchTabHead3 li.active a svg { color: #fff; } /* Matches v39 mockup's .view-toggle mobile rule. Placed after the base rules above (not in the earlier max-width:480px block) so it actually wins the cascade -- same selector specificity, later wins on a tie. Targets the
  • (the ul's real flex item), not the inside it -- flex-basis on the was a no-op since it isn't a direct flex child. */ @media only screen and (max-width: 480px) { .searchTabHead3 li { flex: 1 1 0; min-width: 0; } .searchTabHead3 li a { width: 100%; justify-content: center; padding: 7px 6px; font-size: 10.5px; gap: 5px; white-space: nowrap; } } /* Testimonials-redesign patch. Renders both on testimonials.php's own results grid and from agentDetail.php's "My Reviews" carousel (same getSingleTestimonialHTML() call, see includes/table_form_renders.php) -- the carousel wrapper is .client-review, whose own legacy rules (line ~570/574 above) style ANY h3/span inside it (!important on the h3 color/ background/font-size), which would otherwise bleed into this card's h3/ span elements. Every selector below is scoped under .testimonial-card (not bare classes) specifically so it wins there regardless of which page rendered the card. .testimonial-card itself is self-contained (not built on a shared .card base) -- contact.php already uses a bare "card" class for its own Bootstrap-driven layout, so reusing that name would risk colliding with it. */ .filter-card .intro{ flex:1 1 260px; max-width:460px; } .filter-card .intro p{ margin:0; font-size:14px; color:#333333; font-weight:600; line-height:1.4; } .filter-card .intro span{ display:block; margin-top:2px; font-size:12.5px; color:var(--lgray-66); font-weight:400; } .testimonial-grid{ display:flex; flex-direction:column; gap:24px; margin-bottom:8px; } .testimonial-card{ padding:26px 28px; background:#fff; border-radius:12px; box-shadow:0 4px 16px rgba(0,0,0,.10); border:1px solid rgba(0,0,0,.07); overflow:hidden; } @media (max-width:640px){ .testimonial-card{ padding:20px; } } .testimonial-card .testimonial-header{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:10px; } .testimonial-card .testimonial-name{ color:var(--front_primary_brand) !important; font-weight:700; font-size:18px !important; margin:0 !important; letter-spacing:.2px; background:none !important; float:none !important; width:auto !important; } /* color: !important -- .client-review span (used by agentDetail.php's carousel wrapper) forces every span inside it to brand-red !important; these two want gray. */ .testimonial-card .testimonial-date{ font-size:12px; color:var(--lgray-66) !important; white-space:nowrap; margin-top:2px; float:none; font-weight:400; } .testimonial-card .testimonial-company{ font-size:13px; color:var(--lgray-66); margin:-4px 0 10px; } .testimonial-card .testimonial-meta{ display:flex; align-items:center; flex-wrap:wrap; gap:14px 16px; margin-bottom:16px; } .testimonial-card .testimonial-location{ display:flex; align-items:center; gap:6px; font-size:13px; color:var(--lgray-66) !important; font-weight:500; float:none; margin-top:0; } .testimonial-card .testimonial-location svg{ width:15px; height:15px; flex:0 0 auto; fill:none; stroke:var(--lgray-66); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; } .testimonial-card .category-pill{ float:none; margin-top:0; } .testimonial-card .star-row{ display:flex; align-items:center; gap:3px; margin-bottom:14px; } .testimonial-card .star-row svg{ width:16px; height:16px; } .testimonial-card .star-row .svgStar{ fill:var(--front_primary_brand); } .testimonial-card .star-row .svgStarO{ fill:none; stroke:var(--lgray-cc); } /* Quote marks bracket whichever paragraph is actually showing (the truncated preview or the expanded full review) via a descendant selector on the shared p, not two separate rules. */ .testimonial-card .testimonial-quote p{ margin:0; font-size:14.5px; color:#333333; line-height:1.65; font-style:italic; } .testimonial-card .testimonial-quote p::before, .testimonial-card .testimonial-quote p::after{ display:inline-block; font-size:40px; line-height:0; vertical-align:-14px; font-family:Georgia, serif; font-weight:700; font-style:normal; color:rgba(160,10,15,.25); } .testimonial-card .testimonial-quote p::before{ content:"\201C"; margin-right:3px; } .testimonial-card .testimonial-quote p::after{ content:"\201D"; margin-left:3px; } /* Full review revealed by .read-more-toggle via the same grid-template-rows 0fr/1fr technique the sidebar's own accordion panels use (see includes/left.php's renderMenu()/.sidebar-submenu in this file). */ .testimonial-card .testimonial-full{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s ease; } .testimonial-card .testimonial-full-inner{ overflow:hidden; } .testimonial-card .testimonial-full p{ margin:8px 0 0; font-size:14.5px; color:#333333; line-height:1.65; font-style:italic; } .testimonial-card.expanded .testimonial-full{ grid-template-rows:1fr; } .testimonial-card.expanded .testimonial-preview{ display:none; } .testimonial-card .read-more-toggle{ display:inline-flex; align-items:center; gap:6px; margin-top:10px; margin-left:34px; background:none; border:none; padding:0; font-family:inherit; cursor:pointer; font-size:12.5px; font-weight:700; color:var(--front_primary_brand); text-transform:uppercase; letter-spacing:.4px; float:none; } .testimonial-card .read-more-toggle:hover{ color:var(--front_primary_brand_hover); } .testimonial-card .read-more-toggle svg{ width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; transition:transform .35s ease; } .testimonial-card.expanded .read-more-toggle svg{ transform:rotate(180deg); } .testimonial-card .read-more-toggle span{ float:none; font-size:inherit; font-weight:inherit; margin-top:0; } .testimonial-card .read-more-toggle .label-less{ display:none; } .testimonial-card.expanded .read-more-toggle .label-more{ display:none; } .testimonial-card.expanded .read-more-toggle .label-less{ display:inline; } .real-estate{ float:left; display:block; width:100%;} .real-estate-news{ float:left; display:block; width:100%; border-bottom:solid 1px var(--lgray-cc); padding:20px 0 10px 0; font-size:16px;} .real-estate-news :lastchild{ float:left; display:block; width:100%; border-bottom:none; padding:20px 0 10px 0;} .real-estate-news h1 { text-decoration:underline; font-size:16px; margin-bottom:10px;} .real-estate-news h1 a{ text-decoration:underline; font-size:15px; font-weight:bold;} .real-estate-news h2{ font-size:13px; background:none !important; color:#636161 !important; text-transform:none !important; font-weight:normal!important; padding:0;} .real-estate-news .realtext{ font-size:16px; text-align:justify; padding:0; height:auto; margin-bottom:15px; line-height:26px; margin-top:20px !important; float:left; width:100%;} .realtext img { float: left; margin-right: 10px; } .realtext p { font-size:16px; text-align:justify; padding:0; height:auto;} .real-estate-read-more{ float:right; text-align:right;} .real-estate-read-more a{ text-transform:uppercase; font-size:14px; font-weight:600; padding:8px 20px; width:auto; border:1px solid var(--cred); line-height:13px; border-radius:5px;} .fa fa-angle-right{ font-size:13px;} .business-dir .form-group { display: flex; align-items: center; padding: 10px; background: var(--white); margin-bottom: 10px; border: 1px solid #e7e7e7; } .business-dir .form-group label { margin: 0; font-weight: 600; font-size: 16px; min-width: 175px; } .business-dir { display: inline-block; width: 100%; background: var(--white); padding: 10px 15px; margin-bottom: 15px; } .btn_add_new{ border: 0; color: var(--white); float: right; margin: 10px 5px 0; padding: 11px 25px; text-decoration: none !important; } .addBusinessBtn { margin: 0px 0px 10px 0px; } .admin-internal { background-color: var(--lgray-66); color: var(--white); font-weight: normal; font-size: 14px; } .admin-row{ font-size:14px; } .submit_form-msg{ padding: 10px 15px; background: #30ad23; color: var(--white); border-radius: 3px; max-width: 480px; margin: 0 auto; text-align: center; } .resource_right .btn-primary:hover, .resource_right .btn-primary:focus, .resource_right .btn-primary:active, .resource_right .btn-primary.active{ border: 0; color: var(--white); } .alert.alert-danger, .alert.alert-success { font-size: 14px; font-weight: 600; margin-bottom: 0px;} .alertNotes.alert { width: fit-content; text-align: center; margin: 15px auto auto; } .acountActivateMessage{ text-align:center !important; display: flex; align-items: center; justify-content: center; height: calc(100vh - 641px); } .acountActivateMessage h5 { font-size: 18px; padding-top: 30px; } .radio .radio-inline{ display: inline-block !important; } body { top: 0px !important; } #goog-gt-tt { display: none !important; } .skiptranslate { position: relative; top: -100px; } .skiptranslate iframe { top: -100px; position: absolute; } body .uwy.userway_p7 .uai, body .uwy.userway_p8 .uai { top: auto!important; left: auto!important; right: 13px!important; bottom: 50px!important; } .searchFilter { display: inline-block; width: 100%; } /* Per-page / sort dropdowns sit in a horizontal controls bar next to a label, not a stacked form field -- must size to content like the native