Visionary
Global
// Start - Jeff Launch WB
/* FIX overlapping ADA and FUB widget */
body > div.mobile-contact-wrapper .mobile-contact.with-search div.buttons-holder {
bottom: 150px;
}
@media only screen and (max-width: 768px) {
iframe[name='widgetCta'] {
bottom: 55px !important;
right: 15px !important;
}
}
iframe[name="widgetCta"] {
bottom: 70px !important;
right: 15px !important;
}
/* END */
body>div.mobile-contact-wrapper {
z-index: 9999!important;
.mobile-contact {
z-index: 9999!important;
}
}
/*START mobile contact + mortgage calculator fix - WBNAME*/
#global-mobile-contact .mobile-contact{
z-index: 9999;
}
/*END*/
.footer-bottom-row {
align-items: flex-start;
padding-bottom: 60px;
}
@media (max-width: 768px) {
.footer-bottom-row {
align-items: flex-start;
padding-bottom: 20px;
}
}
.instant-home-valuation-search__link {
white-space: nowrap !important;
text-overflow: ellipsis !important;
}
input[type="checkbox"][name="termsAccepted"] {
cursor: pointer !important;
}
html body .uwy:not(.uon) {
z-index: 99999 !important;
}
.floating-contact-button__btn-connect {
border: 2px solid #333333 !important;
}
.floating-contact-button__btn-search {
border: 2px solid #465277 !important;
}
// End - Jeff Launch WB
Home Valuation Modal
.hv-modal__how-calc {
text-transform: uppercase;
}
@media (max-width: 568px) {
.hv-modal__how-calc {
padding-bottom: 50px;
font-size: 14px !important;
}
}
.hv-modal__back.text-neutral.js-close-form {
text-transform: uppercase;
}
.lp-link.lp-link--dark {
&:hover {
color: #a7674c !important;
}
&:after {
background-color: #a7674c !important;
}
}
.lp-h5.hv-popup__title, .lp-h5.text-neutral.mb-2 {
text-transform: uppercase;
}
Edit Schedule a Showing Modal Button
.property-details-tabs-schedule-modal__close.lp-btn {
background-color: #fff !important;
border-color: #fff !important;
}
.property-details-tabs-schedule-modal__close.lp-btn::after {
background: var(--primary) !important;
}
Mortgage Calculator Tooltip
@media (max-width: 768px) {
.mortgage-results__expand {
border: 2px solid #fff !important;
}
.mortgage-tooltip {
left: 10% !important;
}
}
Neighborhood Details Tags
@media (max-width: 560px) {
.neighborhood-poi-table__filters {
flex-direction: column !important;
text-align: center !important;
}
}
@media (max-width: 560px) {
.neighborhood-demographics-nav {
flex-direction: column !important;
text-align: center !important;
}
.neighborhood-demographics__container {
padding: 0 24px !important;
}
}
@media (max-width: 560px) {
.neighborhood-schools-nav {
flex-direction: column !important;
text-align: center !important;
}
.neighborhood-schools__container {
padding: 0 24px !important;
}
}
Testimonials Body
@media (max-width: 768px) {
.testimonials-list__item {
height: 100% !important;
}
}
Property Details
.property-details-tabs-nav__item:hover {
border-color: #2a505d !important;
}
.property-details-tabs-nav__item.active {
border-color: #818285 !important;
}
@media (max-width: 560px) {
.property-details-tabs__section-title {
margin-top: 2rem;
}
.property-details-tabs-schedule-modal__close.lp-btn.lp-btn--circle.lp-icon.link-icon--plus.js-modal-close {
z-index: 9999 !important;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.schedule__next {
display: flex !important;
justify-content: center;
align-items: center;
}
}
.property-details-tabs-schedule-tour.js-schedule-inner a {
transition: all 0.4s;
}
.calendar__slide:hover,
.calendar__slide:is(.selected) {
--lp-color-primary-2: var(--primary);
--lp-color-primary-accent: #FFF;
--lp-color-primary-1: #FFF;
}
Neighborhood Details
/* fix pop up padding */
.mls-properties-with-map-modal__items {
padding: 48px 3rem 24px 3rem;
}
/* fix search bar */
.mls-properties-with-map__input {
border-radius: 999px;
padding-left: 42px !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
}
/* search bar icon */
.mls-properties-with-map__input-group--search:before {
left: 12px;
/* filter: invert(1); */
opacity: 1;
}
.mls-properties-with-map__input-reset {
right: 12px;
opacity: 0.4;
}
/* switcher */
.mls-properties-with-map-filters__grid-switcher {
background-color: #faf6ee !important;
border-radius: 999px !important;
align-items: center;
justify-content: center;
padding: 0;
gap: 0;
button {
border-radius: 999px !important;
color: #000;
&:hover {
background-color: transparent;
color: #000;
}
&.active {
background-color: #cca157;
color:#FFF;
}
}
}
/* style all scrollbars */
.mls-properties-with-map__filters-grid * {
&::-webkit-scrollbar,
&::-webkit-scrollbar-track {
background: #000 !important;
}
&::-webkit-scrollbar-thumb {
background: #faf6ee !important;
}
&::-webkit-scrollbar-thumb:hover {
background: #FFF !important;
}
}
/* reset all filters button */
.mls-properties-with-map-modal__row .mls-properties-with-map-modal__reset-button {
background-color:#cca157;
border-color: #cca157;
color: #FFF;
&:hover {
background-color: transparent;
border-color: #cca157;
color: #cca157;
}
}
/* mls tags on image */
.mls-properties-with-map-card__attribution {
background-color: #cca157;
color: #FFF;
text-shadow: none;
}
/* pop ups bg colors */
.mls-properties-with-map-filters__grid-price-range-popup,
.mls-properties-with-map-modal__modal,
.mls-properties-with-map-modal__item,
.mls-properties-with-map-modal__buttons-sticky {
background-color: #FFF;
}
/* more filters overlay */
.mls-properties-with-map-modal__container:before {
background: rgba(0, 0, 0, 0.6);
}
/* remove default border for more filter */
.mls-properties-with-map-modal__item:before,
.mls-properties-with-map-modal__buttons-sticky:before {
display: none;
}
/* more filters button */
.mls-properties-with-map-filters__grid-btn.more-filters {
background-color: #cca157;
border-color: #cca157;
color: #FFF;
transition: 0.3s;
&:hover {
background-color: transparent;
border-color: #cca157;
color: #cca157;
}
}
/* fix and style more filters items */
.mls-properties-with-map-modal__item {
border-top: 1px solid #faf6ee;
&:last-of-type {
border-bottom: 1px solid #faf6ee;
padding-bottom: 24px;
}
}
/* more filters close button */
.mls-properties-with-map-modal__modal {
--close-button-color: #000;
}
/* more filters checkboxes */
.mls-properties-with-map-modal__checkbox {
background-color: #FFF;
border-color: #faf6ee;
&:before {
background-color: #cca157;
}
}
.mls-properties-with-map__footer {
padding-bottom: 0;
}
.mls-properties-with-map-card__address,
.mls-properties-with-map-card__attributes {
text-transform: uppercase;
}
.mls-properties-with-map-modal__checkbox {
cursor: pointer;
border-color: #1a1a1a !important;
}