/**************** COMMON ************/ .find-comm-search-bar {} .find-comm-search-bar .master-search-wrapper { } .find-comm-search-bar .search-wrap {position: relative;max-width: 960px;margin: 0 auto;} .find-comm-search-bar .search-bar {border-radius: 64px; display: flex;align-items: center;padding: 15px 10px 10px 15px;box-shadow: 0 12px 32px rgba(0, 0, 0, 0.06);background: #fff;border: 1px solid #DEDEDB;} .find-comm-search-bar .search-field { display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 3px;padding: 0 22px;flex: auto;cursor: pointer;} .find-comm-search-bar .search-field .label {margin-bottom: 2px;white-space: nowrap;font-size: 13px;font-weight: 800; text-transform: uppercase;color: #00838F;line-height: 1em;} .find-comm-search-bar .search-field .value {display: flex;align-items: center;gap: 8px;font-size: 19px;font-weight: 700;color: #111;width: 100%;} .find-comm-search-bar .search-field .value svg, .search-field .value i {width: 18px;height: 18px;flex-shrink: 0;color: inherit;font-size: 16px;} .find-comm-search-bar .search-field .value input {text-transform:capitalize; border: none;background: transparent;font-family: inherit;font-size: 18px;outline: none;padding: 0;width: 100%;min-width: 0;font-weight: 700;color: #111;border: none!important;} .find-comm-search-bar .search-field .value input::placeholder { color:#888; font-weight: 700; } .find-comm-search-bar .search-field .value input:placeholder-shown {text-transform:none;} .find-comm-search-bar .search-field .value .caret-down {width: 0;height: 0;border-left: 4px solid transparent;margin-left: 4px;border-right: 4px solid transparent;border-top: 5px solid #666;} .find-comm-search-bar .search-field.is-open .search-dropdown { display:block;} .find-comm-search-bar .search-dropdown {z-index: 100;display: none;border-radius: 14px;box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);padding: 8px;position: absolute;top: calc(100% + 5px);left: 0;background: #fff;border: 1px solid #d4d4d4;} .find-comm-search-bar .search-dropdown-head {padding: 15px 12px 5px;font-size: 13px;font-weight: 800; text-transform: uppercase;color: #00838F;line-height: 1em;border-top: 1px solid #e3e3e3;} .find-comm-search-bar .search-dropdown-head:nth-child(1) {border: none;} .find-comm-search-bar .search-dropdown button {display: flex;align-items: center;gap: 12px;width: 100%;margin: 5px 0;text-align: left;padding: 15px 15px;border-radius: 10px;font-size: 16px;background: none;font-weight: 700;color: #111;cursor: pointer;font-family: inherit;border: none;margin: 0;} .find-comm-search-bar .search-dropdown button .opt-icon { display: none;} .find-comm-search-bar .search-dropdown button .opt-sub {display: block;font-size: 13px;font-weight: 600;margin-top: 2px;color: #666;} .find-comm-search-bar .search-dropdown button .opt-text {flex: 1;font-weight: 700;} .find-comm-search-bar .search-dropdown button.is-selected .opt-sub { color: rgba(255, 255, 255, 0.75); } .find-comm-search-bar .search-dropdown button:hover { background: rgba(203, 234, 237, 0.7); } .find-comm-search-bar .search-dropdown button.is-selected {background: #00838F;color: #fff;font-weight: 800;} .find-comm-search-bar .search-dropdown.wide-location {padding: 0;right: 0;left: auto;width: 100%;} .find-comm-search-bar .search-dropdown .toggle {display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: 16px;height: 16px;border-radius: 4px;border: 1px solid #666;background: #fff;} .find-comm-search-bar .search-dropdown .m-next {display:none;padding: 10px;} .find-comm-search-bar .search-dropdown .m-next a {width: 100%;font-size: 14px!important;padding: 5px 15px!important;} .find-comm-search-bar .search-dropdown .m-done {display:none;padding: 10px;} .find-comm-search-bar .search-dropdown .m-done a {width: 100%;font-size: 14px!important;padding: 5px 15px!important;} .find-comm-search-bar .search-dropdown .m-close {display:none;padding: 0 10px 10px;text-align: center;line-height: 1em;} .find-comm-search-bar .search-dropdown .m-close a {font-size: 14px!important;padding: 5px 15px!important;color: #000;text-align: center;} .find-comm-search-bar #typeOfLivingDropdown { } .find-comm-search-bar .autocomplete-dropdown {opacity: 0;pointer-events: none;position: absolute;top: calc(100% + 5px);left: 0;z-index: 101;background: #fff;border-radius: 14px;box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);border: 1px solid #d4d4d4;width: 100%;overflow: hidden;} .find-comm-search-bar .autocomplete-dropdown.active:has(ul li) {opacity: 1;pointer-events: all;} .find-comm-search-bar .autocomplete-dropdown ul {margin: 0!important;padding: 0!important;list-style: none;} .find-comm-search-bar .autocomplete-dropdown ul li {padding: 0!important;} .find-comm-search-bar .autocomplete-dropdown ul li a {color: #111!important;font-size: 16px;display: block;padding: 10px 20px;font-weight: 700;text-decoration: none;} .find-comm-search-bar .autocomplete-dropdown ul li a:hover { background: rgba(203, 234, 237, 0.7); } .find-comm-search-bar .autocomplete-dropdown ul li.highlight a { background: rgba(203, 234, 237, 0.7); } .find-comm-search-bar:has(.autocomplete-dropdown.active) .search-dropdown { display:none; } @media (max-width:800px){ .find-comm-search-bar .autocomplete-dropdown {position: fixed;bottom: 0;height: 50vh;top: auto;} } .find-comm-search-bar .living-option-cols {display: flex;gap: 15px;} .find-comm-search-bar .living-option-cols .living-option-col {flex: 1;gap: 5px;display: flex;flex-flow: column;} .find-comm-search-bar .living-option-cols .living-option-col button.is-selected .toggle::after {content: '\2713';color: #00838F;font-size: 11px;font-weight: 800;line-height: 1;} /*#hereForField:has(#hereForValue[data-value="Select"]) .value {color: #888;}*/ #typeOfLivingField:has(.search-value[data-selected-living-options=""]) .value {color: #888;} .find-comm-search-bar .location-mobile-search {display:none;padding: 25px 10px 10px;} .find-comm-search-bar .location-mobile-search input#locationInputMobile {font-weight: 700;color: #111;font-size: 16px;width: 100%;border-radius: 30px;border: 1px solid #ccc;} .find-comm-search-bar .location-state-grid { padding: 18px 18px 18px; } .find-comm-search-bar .location-state-label {font-size: 14px;font-weight: 800;letter-spacing: 1.5px;text-transform: uppercase;margin-bottom: 12px;color: #111;} .find-comm-search-bar .location-states {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 7px;} .find-comm-search-bar .location-state {display: flex;align-items: center;gap: 8px;padding: 14px 18px;border: 1px solid #d4d4d4;border-radius: 12px;font-size: 16px;font-weight: 700;color: #111;cursor: pointer;background: #fff;width: 100%;text-align: left;font-family: inherit;transition: all 0.3s ease;/* justify-content: flex-start; */border: 1px solid #d4d4d4!important;} .find-comm-search-bar .location-state svg, .find-comm-search-bar .location-state i {width: 14px;height: 14px;flex: 0 0 14px;color: #314C58;font-size: 12px;display: block;} .find-comm-search-bar .location-state .state-name { } .find-comm-search-bar .location-state .count {font-weight: 500;color: #666;margin-left: auto;background: #CBEAED;color: #314C58;display: inline-flex;align-items: center;justify-content: center;width: 26px;height: 26px;padding: 0 6px;border-radius: 50%;flex-shrink: 0;font-weight: 700;font-size: 14px;transition: all 0.3s ease;} .find-comm-search-bar .location-state:hover {border-color: #00838F;background: rgba(203, 234, 237, 0.7);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);} .find-comm-search-bar .location-state.is-selected {border-color: #00838F!important;background: #00838F;color: #fff;font-weight: 800;} .find-comm-search-bar .location-state.is-selected .count {color:#fff;background: rgba(255, 255, 255, 0.25);} .find-comm-search-bar .location-state.is-selected i { color:#fff; } .find-comm-search-bar .search-divider {width: 1px;height: 48px;background: #d4d4d4; } .find-comm-search-bar .search-submit {padding: 20px 30px!important;font-size: 17px!important;} .find-comm-search-bar .search-submit-label {/* display:none; */} .find-comm-search-bar .search-wrap .search-error {text-align: center; max-width: 90%;margin: 10px auto;} @media (max-width:1030px){ .find-comm-search-bar .search-wrap {padding: 0 30px;} .find-comm-search-bar .search-submit {padding: 18px 25px !important;font-size: 15px !important;} } @media (max-width:800px){ .find-comm-search-bar .search-bar {flex-flow: column;border-radius: 25px;gap: 0;padding: 15px 10px 20px 15px;} .find-comm-search-bar .search-divider { display:none; } .find-comm-search-bar .search-field {width: 100%;padding: 25px 20px;} .find-comm-search-bar .search-field#locationField { border-bottom: 1px solid #ccc;} .find-comm-search-bar .search-submit { width:100%; } .find-comm-search-bar .search-dropdown {position: fixed;bottom: 0;z-index: 10;left: 0;top: auto;border-bottom-left-radius: 0;border-bottom-right-radius: 0;width: 100%;} .find-comm-search-bar #typeOfLivingDropdown.search-dropdown button {padding: 7px 10px;} .find-comm-search-bar .search-dropdown .location-mobile-search { display:block; } .find-comm-search-bar .search-dropdown button {padding: 5px 15px;font-size: 15px;} .find-comm-search-bar .living-option-cols {flex-flow: column;padding: 0;gap: 0;} .find-comm-search-bar .location-states {grid-template-columns: 1fr 1fr;} .find-comm-search-bar .location-states button {padding: 10px 10px;font-size: 14px;} .find-comm-search-bar .location-states button .count {width: 19px;height: 19px;font-size: 10px;} .find-comm-search-bar .search-submit .search-submit-label {display: inline!important;} .find-comm-search-bar .search-dropdown .m-next { display:block;} .find-comm-search-bar .search-dropdown .m-done { display:block;} .find-comm-search-bar .search-dropdown .m-close { display:block;} #svm #page-find-comm #find-comm-master-search .search-submit::before {margin-right: 10px!important;} html:has(#typeOfLivingField.search-field.is-open) { overflow:hidden;height: 100vh; } body:has(#typeOfLivingField.search-field.is-open) { overflow:hidden;height: 100vh; } body:has(#typeOfLivingField.search-field.is-open) #header-primary-sunniva { z-index:-1;} html:has(#locationField.search-field.is-open) {overflow: hidden;height: 100vh;} body:has(#locationField.search-field.is-open) {overflow: hidden;height: 100vh;} body:has(#locationField.search-field.is-open) #header-primary-sunniva { z-index:-1;} } .comm-listing {display: flex;flex-flow: column;gap: 15px;} .comm-listing .comm {border: 1px solid #d4d4d4;border-radius: 14px; background: #fff;position: relative;} .comm-listing .comm .comm-inner {padding: 18px;} .comm-listing .comm .comm-main {display: flex;padding: 0 0 15px;gap: 30px;} .comm-listing .comm .comm-main .image-wrapper {flex: 1;height: 220px;position: relative;overflow: hidden;border-radius: 15px;} .comm-listing .comm .comm-main .image-wrapper .image {overflow: hidden;height: 100%;} .comm-listing .comm .comm-main .image-wrapper .image img {object-fit: cover;height: 100%;width: 100%;object-position: center;display: block;} .comm-listing .comm .comm-main .image-wrapper .miles {position: absolute;top: 10px;right: 10px;background: #fff;line-height: 1em;font-size: 16px;font-weight: 700;border-radius: 15px;padding: 5px 10px;} .comm-listing .comm .info {flex: 2;} .comm-listing .comm .info .info-header {display: flex;justify-content: space-between;gap: 15px;} .comm-listing .comm .info .info-header .info-header-primary { } .comm-listing .comm .info .info-header .ratings {display: flex;align-items: center;gap: 5px;font-size: 13px;padding: 0 0 10px;line-height: 1em;} .comm-listing .comm .info .info-header .ratings .rating-total {font-weight: 700;font-size: 15px;line-height: 1em;display: block;} .comm-listing .comm .info .info-header .ratings .stars {color: #C8A24C!important;font-size: 13px;letter-spacing: 1px;line-height: 1em;display: flex;align-items: center;gap: 2px;line-height: 1em;} .comm-listing .comm .info .info-header .ratings .stars i { margin:0!important;} .comm-listing .comm .info .info-header .comm-name {font-size: 32px!important;font-weight: 700!important;color: #314C58!important;line-height: 1.15;} .comm-listing .comm .info .info-header .info-header-secondary { } .comm-listing .comm .info .info-header .info-header-secondary .starting-at {text-align: right;display: flex;flex-flow: column;gap: 3px;} .comm-listing .comm .info .info-header .info-header-secondary .starting-at h4 {font-size: 12px!important;color: #666;margin: 0;line-height: 1em;white-space: nowrap;} .comm-listing .comm .info .info-header .info-header-secondary .starting-at .starting-price {color: #000!important;font-size: 30px!important;line-height: 1em;} .comm-listing .comm .info .info-header .info-header-secondary .starting-at .starting-label {font-size: 15px !important;color: #666;font-weight: 700;line-height: 1em;} .comm-listing .comm .info .info-header .info-header-secondary .starting-at[data-starting-price="0"] { display:none; } .comm-listing .comm .info .location-info {font-size: 16px;font-weight: 700;display: flex;flex-flow: column;gap: 13px;} .comm-listing .comm .info .location-info p {margin: 0;line-height: 1em;} .comm-listing .comm .info .location-info p .icon {margin-right: 10px;} .comm-listing .comm .info .location-info p .phone { color:#000; } .comm-listing .comm .living-options {display: flex;flex-wrap: wrap;gap: 5px;padding: 25px 0 0;} .comm-listing .comm .living-options .living-options-label {font-size: 13px;line-height: 1.35em;font-weight: 800; text-transform: uppercase;color: #314C58;margin-right: 4px;line-height: 1em;display: inline-flex;align-items: center;} .comm-listing .comm .living-options .living-option-tag {border-radius: 8px;font-size: 13px;font-weight: 700;color: #314C58;line-height: 1em;display: inline-flex;align-items: center;gap: 6px;padding: 5px 11px;background: rgba(203, 234, 237, 0.7);} .comm-listing .comm .comm-map-listing-promo {padding: 10px;background: #FAF6F5;border: 1px solid #e3e3e3;font-size: 15px;border-radius: 12px;margin: 0 0 15px;font-weight: 700;} .comm-listing .comm .comm-map-listing-promo .comm-map-listing-type-text { } .comm-listing .comm .comm-controls {display: flex;gap: 15px;border-top: 1px solid #e3e3e3;padding: 15px 0 0;} .comm-listing .comm .comm-controls .compare {display: flex;border-right: 1px solid #e3e3e3;align-items: center;gap: 10px;padding: 0 15px 0 0;cursor: pointer;} .comm-listing .comm .comm-controls .compare .compare-toggle {width: 18px;height: 18px;border: 1.5px solid #333;border-radius: 4px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;color: #fff;} .comm-listing .comm .comm-controls .compare .compare-label {font-size: 16px;font-weight: 600;color: #333;} .comm-listing .comm .comm-controls .compare.active { } .comm-listing .comm .comm-controls .compare.active .compare-toggle {background: #000;} .comm-listing .comm .comm-controls .compare.active .compare-toggle::before {content:'\f00c';color: inherit!important;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;text-decoration:none;margin: 0;transform-origin: center;line-height: 1em;font-size: 11px;} .comm-listing .comm .comm-controls .ctas {gap: 15px;display: flex;flex: 1;} .comm-listing .comm .comm-controls .ctas .cta {flex: 1;} .comm-listing .comm .comm-controls .ctas .cta a {width: 100%!important;} .comm-listing .comm[data-floorplan-count="0"] .comm-controls .ctas .cta-floorplans { display:none; } .comm-listing .comm[data-living-option-badges-to-show] .living-options .living-option-tag { display:none;} .comm-listing .comm[data-living-option-badges-to-show][data-living-option-badges-to-show*="il"] .living-options .living-option-tag[data-code="il"] { display:inline-flex; } .comm-listing .comm[data-living-option-badges-to-show][data-living-option-badges-to-show*="el"] .living-options .living-option-tag[data-code="el"] { display:inline-flex; } .comm-listing .comm[data-living-option-badges-to-show][data-living-option-badges-to-show*="al"] .living-options .living-option-tag[data-code="al"] { display:inline-flex; } .comm-listing .comm[data-living-option-badges-to-show][data-living-option-badges-to-show*="mc"] .living-options .living-option-tag[data-code="mc"] { display:inline-flex; } .comm-listing .comm[data-living-option-badges-to-show][data-living-option-badges-to-show*="rc"] .living-options .living-option-tag[data-code="rc"] { display:inline-flex; } .comm-listing .comm[data-living-option-badges-to-show][data-living-option-badges-to-show*="aa"] .living-options .living-option-tag[data-code="aa"] { display:inline-flex; } .find-vector-state-map {position: relative;} .find-vector-state-map .find-vector-state-map-wrap { } .find-vector-state-map .find-vector-state-map-wrap svg {width:100%;height: auto;aspect-ratio: 1 / 0.56;} .find-vector-state-map .find-vector-state-map-wrap svg path.valid { fill: rgb(48, 76, 88); } .find-vector-state-map .find-vector-state-map-clusters {position: absolute;inset: 0;height: 100%;width: 100%;} .find-vector-state-map .find-vector-state-map-clusters .clusters-wrap {position: relative;height: 100%;} .find-vector-state-map .find-vector-state-map-clusters .clusters-wrap .cluster {position: absolute;height: 40px;width: 40px;} .find-vector-state-map .find-vector-state-map-clusters .clusters-wrap .cluster a {opacity: 1;text-decoration: none !important;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: #C3AD3D;color: #fff;position: relative;animation: sunniva_state_cluster_pulse 2s infinite;} .find-vector-state-map .find-vector-state-map-clusters .clusters-wrap .cluster a .abbr { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: opacity .3s ease;} .find-vector-state-map .find-vector-state-map-clusters .clusters-wrap .cluster a .count { opacity: 0; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: opacity .3s ease;} .find-vector-state-map .find-vector-state-map-clusters .clusters-wrap .cluster a:hover .abbr { opacity: 0;} .find-vector-state-map .find-vector-state-map-clusters .clusters-wrap .cluster a:hover .count { opacity: 1; } @keyframes sunniva_state_cluster_pulse { 0%{box-shadow:0 0 0 0 #c3ad3dcc} 100%{box-shadow:0 0 0 20px #c3ad3d00} } /**************** FIND COMM PAGE ************/ #page-find-comm { } #page-find-comm .container { max-width: 95%; } #svm #wrapper #page-find-comm .btn-sunniva-white { border-color: #DDD7CC; } #svm #wrapper #page-find-comm .btn-sunniva-white:hover { border-color: #014c72; background:#fff; } #svm #wrapper #page-find-comm .btn-sunniva-option-control:hover {border-color: #014c72; } #svm #wrapper #page-find-comm .btn-sunniva-option-control.option-control-active {background: #014c72;color: #fff;} #find-comm-page-hero {background: #014C72;color: #fff;text-align: center;padding: 7vh 0 4vh;} #find-comm-page-hero h1 {font-size: 70px!important;color: #fff!important;} #find-comm-page-hero p {margin: 0 auto;max-width: 940px;font-size: 20px;font-weight: 700;} @media (max-width:1200px){ #find-comm-page-hero h1 { font-size:46px!important; } #find-comm-page-hero p { font-size:18px; } } #page-find-comm #find-comm-master-search { background: #014C72;padding: 0; } #page-find-comm #find-comm-master-search .not-sure {text-align: center;padding: 20px 30px 50px;background: #014c72;} #page-find-comm #find-comm-master-search .not-sure a { color:#fff; } #page-find-comm #find-comm-master-search .search-submit {padding: 20px!important; } #page-find-comm #find-comm-master-search .search-submit .search-submit-label {display: none;} #page-find-comm #find-comm-master-search .search-submit::before {margin: 0!important;font-size: 22px!important;} @media (max-width:1200px){ #page-find-comm #find-comm-master-search .not-sure {text-align: left;} #page-find-comm #find-comm-master-search .not-sure a {border-bottom: none!important;} } #find-comm-main { } #find-comm-map-wrapper {padding: 5vh 0 0;} #find-comm-map-wrapper #find-comm-map {height: 530px;border-radius: 16px;width: 100%;overflow: hidden;background: #ececec;border: 1px solid #d4d4d4;} #find-comm-map-wrapper #find-comm-map .gm-style-iw {padding: 0!important;max-width: 350px!important;overflow: visible;border-radius: 15px;} #find-comm-map-wrapper #find-comm-map .gm-style-iw-chr { } #find-comm-map-wrapper #find-comm-map .gm-style-iw-chr button {position: absolute!important;top: -5px;right: -5px;background: #fff!important;opacity: 1;border-radius: 50%;width: 40px!important;height: 40px!important;display: inline-flex!important;align-items: center;justify-content: center;background: #fff!important;transform: scale(0.75);/* border: 1px solid #ccc!important; */} #find-comm-map-wrapper #find-comm-map .gm-style-iw-chr button span {margin: 0!important;} #find-comm-map-wrapper #find-comm-map .gm-style-iw-ch {display: none;} #find-comm-map-wrapper #find-comm-map .gm-style-iw-d {max-height: none!important;overflow: hidden!important;} #find-comm-map-wrapper #find-comm-map .find-comm-infowindow { } #find-comm-map-wrapper #find-comm-map .find-comm-infowindow .infowindow-inner {padding: 15px;} #find-comm-map-wrapper #find-comm-map .find-comm-infowindow .image {width: 100%;aspect-ratio: 16 / 9;overflow: hidden;border-radius: 15px;max-height: 160px;} #find-comm-map-wrapper #find-comm-map .find-comm-infowindow .image img {display: block;object-fit: cover;height: 100%;width: 100%;object-position: center;} #find-comm-map-wrapper #find-comm-map .find-comm-infowindow .comm-content {padding: 10px 0 0;} #find-comm-map-wrapper #find-comm-map .find-comm-infowindow .comm-content .comm-name {font-size: 24px!important;} #find-comm-map-wrapper #find-comm-map .find-comm-infowindow .meta {display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #e3e3e3;padding: 10px 0 0;margin: 10px 0 0;} #find-comm-map-wrapper #find-comm-map .find-comm-infowindow .meta .price {font-size: 24px!important;} #find-comm-map-wrapper #find-comm-map .find-comm-infowindow .meta .price[data-price="0"] {display:none;} #find-comm-map-wrapper #find-comm-map .find-comm-infowindow .meta .cta {margin-left: auto;} #find-comm-main[data-mode="list"] #find-comm-map-wrapper {pointer-events: none;height: 0;overflow: hidden;padding: 0;} #find-comm-top-controls { } #find-comm-top-controls .inner {display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #DEDEDB;padding: 30px 0;} #find-comm-top-controls .find-comm-master-filters {position: relative; display: flex;align-items: center;gap: 15px;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filters-button {border: 1px solid #014C72!important;background: #014C72!important;color: #fff!important;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filters-button .active-filter-count {display: inline-flex;align-items: center;justify-content: center;width: 20px;height: 20px;border-radius: 50%;font-size: 11px;font-weight: 800;margin-left: 10px;color: #fff;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filters-clear {font-size: 16px;color: #000;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown {position: absolute;background: #fff;top: 110%;left: 0;z-index: 10;width: 650px;box-shadow: 0 20px 60px rgba(0,0,0,0.18);border-radius: 20px;opacity: 0;pointer-events: none;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown .dropdown-inner {padding: 26px 28px 22px;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown .dropdown-top {display: flex;align-items: center;justify-content: space-between;padding: 0 0 15px;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown .dropdown-top h3 {font-size: 24px!important;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown .dropdown-top .closer {width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;cursor: pointer;border: none;font-size: 16px;border-radius: 50%;background: #f6f6f6;color: #333;transition: all 0.3s ease;text-decoration: none;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown .dropdown-top .closer:hover { color:#fff; background: #00838F;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown .dropdown-controls { } #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown .dropdown-controls .group {padding: 0 0 20px;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown .dropdown-controls .group .group-header {font-size: 11px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: #0F0F0F !important;margin-bottom: 12px;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown .dropdown-controls .group .group-options {display: flex;flex-wrap: wrap;gap: 10px;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown .dropdown-controls .group.group-distance .group-options {flex-wrap: nowrap;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown .dropdown-actions {display: flex;align-items: center;gap: 10px;justify-content: space-between;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown .dropdown-actions .action a { width:100%; } #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown .dropdown-actions .action-reset {color: #666;font-size: 16px;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown.open {pointer-events: all;opacity: 1;} #find-comm-top-controls .find-comm-master-filters[data-active-filter-count="0"] .find-comm-master-filters-clear {display:none;} #find-comm-top-controls .find-comm-master-filters[data-active-filter-count="0"] .find-comm-master-filters-button .active-filter-count { display:none; } #find-comm-main[data-state-lock="true"] #find-comm-top-controls .group-distance { display:none;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-pills {display: flex;align-items: center;gap: 10px;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-pills .filter-pill {display: inline-flex;align-items: center;gap: 7px;padding: 5px 10px 5px 14px;border: 1px solid #0F0F0F;border-radius: 24px;background: #fff;font-size: 13px;font-weight: 700;color: #014C72;cursor: default;white-space: nowrap;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-pills .filter-pill .close {border-radius: 50%;background: #014C72;display: inline-flex;align-items: center;justify-content: center;color: #fff;opacity: 1;line-height: 1;cursor: pointer;padding: 0;width: 18px;height: 18px;font-size: 11px;float: none;text-shadow: none;} #find-comm-meta-controls {/* padding: 0 0 30px; */} #find-comm-meta-controls .inner {display: flex;align-items: center;justify-content: space-between;padding: 25px 0;} #find-comm-meta-controls .meta-controls-primary { } #find-comm-meta-controls .comms-count {display: flex;align-items: flex-end;gap: 10px;} #find-comm-meta-controls .comms-count-header {font-size: 36px!important;} #find-comm-meta-controls .comms-count-desc {font-weight: 700;font-size: 20px;color: #666;} #find-comm-meta-controls .comms-count-desc.comms-count-desc-state {display: none;} #find-comm-meta-controls .comms-count-desc.comms-count-desc-state .comm-search-state-name-output {text-transform: capitalize;} #find-comm-main:not([data-state-limit=""]) .comms-count-desc.comms-count-desc-general {display: none;} #find-comm-main:not([data-state-limit=""]) .comms-count-desc.comms-count-desc-state {display: block;} #find-comm-main:not([data-state-limit=""]) #find-comm-top-controls .group-distance {display: none;} #find-comm-meta-controls .find-comm-meta-layout-toggle {display: inline-flex;align-items: stretch;background: #EEEEEC;border: 1px solid #DEDEDB;padding: 4px;border-radius: 100px;gap: 2px;} #find-comm-meta-controls .find-comm-meta-layout-toggle a {font-size: 15px;font-weight: 700;transition: background .15s, color .15s, box-shadow .15s;border: none;border-radius: 100px;padding: 6px 25px;text-decoration: none;color: #333;} #find-comm-meta-controls .find-comm-meta-layout-toggle a:hover {color: #00838F; } #find-comm-meta-controls .find-comm-meta-layout-toggle a.active {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);background: #00838F;color: #fff;} #find-comm-main-cols {padding: 0 0 10vh;} #find-comm-main-cols .main-cols-inner {display: flex;align-items: flex-start;gap: 30px;position: relative;} #find-comm-main-cols .col-comm-list {flex: 1;} #find-comm-main-cols .col-extra {flex: 1.2; position: sticky;top: 20px;align-self: start;} #find-comm-results.sunniva-loading .comm { display:none; } /* #find-comm-results-load-more {padding: 30px 0 0;} #find-comm-results-load-more a { width:100%; } #find-comm-results.sunniva-loading + #find-comm-results-load-more { display:none; } #find-comm-results:not(:has(.comm)) + #find-comm-results-load-more { display:none; } #find-comm-results + #find-comm-results-load-more:has(+ #find-comm-data[data-remaining-count="0"]) { display:none; } */ #find-comm-right-fit-promo {background: #FAF6F5; font-weight: 500;border-radius: 16px;padding: 28px 28px;margin-bottom: 18px;position: relative;border: 1px solid #d4d4d4;} #find-comm-right-fit-promo h3 {font-size: 36px !important;margin: 0 0 15px !important;font-weight: 700!important;} #find-comm-right-fit-promo .nums {margin: 0 !important;padding: 0 !important;list-style: none;font-size: 18px;line-height: 1.55;color: #0F0F0F;} #find-comm-right-fit-promo .nums li {display: flex;gap: 15px;padding: 16px 0 !important;border-top: 1px solid #E0DFDB;} #find-comm-right-fit-promo .nums li:first-child { border-top:none; } #find-comm-right-fit-promo .nums li .num {height: 30px;border-radius: 50%;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 800;flex: 0 0 30px;width: 30px;flex-shrink: 0;background: #314C58;} #find-comm-right-fit-promo .nums li .content .num-label { font-weight: 700; } #find-comm-right-fit-promo .nums li .content p { margin:0; } #find-comm-right-fit-promo .right-fit-content { display: none; } #find-comm-right-fit-promo .living-option-text-block {display: none; } #find-comm-right-fit-promo .living-option-text-inline {display: none; } #find-comm-right-fit-promo .has-location .near { display:none; } #find-comm-right-fit-promo .has-location .in { display:none; } #find-comm-right-fit-promo .has-location .location-output { } #find-comm-right-fit-promo .has-location .state-output {display:none;text-transform: capitalize;} #find-comm-main[data-state-limit=""] #find-comm-right-fit-promo .has-location .near { display:inline; } #find-comm-main[data-state-limit=""] #find-comm-right-fit-promo .has-location:has(.location-output:empty) {display: none;} #find-comm-main[data-state-limit=""] #find-comm-right-fit-promo .has-location .location-output { display:inline; } #find-comm-main[data-state-limit]:not([data-state-limit=""]) .has-location .in { display:inline; } #find-comm-main[data-state-limit]:not([data-state-limit=""]) .has-location .state-output { display:inline; } #find-comm-right-fit-promo[data-selected-living-options=""] [data-type="default"]{ display:block; } #find-comm-right-fit-promo[data-selected-living-options="default"] [data-type="default"]{ display:block; } #find-comm-right-fit-promo[data-selected-living-options="not-sure"] [data-type="default"]{ display:block; } #find-comm-right-fit-promo[data-selected-living-options*="aa"] .living-option-text-block[data-living-option="aa"]{ display:block; } #find-comm-right-fit-promo[data-selected-living-options*="il"] .living-option-text-block[data-living-option="il"]{ display:block; } #find-comm-right-fit-promo[data-selected-living-options*="el"] .living-option-text-block[data-living-option="el"]{ display:block; } #find-comm-right-fit-promo[data-selected-living-options*="al"] .living-option-text-block[data-living-option="al"]{ display:block;} #find-comm-right-fit-promo[data-selected-living-options*="mc"] .living-option-text-block[data-living-option="mc"]{ display:block; } #find-comm-right-fit-promo[data-selected-living-options*="rc"] .living-option-text-block[data-living-option="rc"]{ display:block; } #find-comm-right-fit-promo[data-selected-living-options*="aa"] .living-option-text-inline[data-living-option="aa"]{ display:inline; } #find-comm-right-fit-promo[data-selected-living-options*="il"] .living-option-text-inline[data-living-option="il"]{ display:inline; } #find-comm-right-fit-promo[data-selected-living-options*="el"] .living-option-text-inline[data-living-option="el"]{ display:inline; } #find-comm-right-fit-promo[data-selected-living-options*="al"] .living-option-text-inline[data-living-option="al"]{ display:inline;} #find-comm-right-fit-promo[data-selected-living-options*="mc"] .living-option-text-inline[data-living-option="mc"]{ display:inline; } #find-comm-right-fit-promo[data-selected-living-options*="rc"] .living-option-text-inline[data-living-option="rc"]{ display:inline; } #find-comm-right-fit-promo[data-selected-living-options-count="1"] [data-type="living-option-single"] { display:block;} #find-comm-right-fit-promo[data-selected-living-options-count="2"] [data-type="double-living-option"] {display:block; } #find-comm-right-fit-promo[data-selected-living-options-count="3"] [data-type="triple-living-option"] { display:block;} #find-comm-right-fit-promo[data-selected-living-options-count="4"] [data-type="triple-living-option"] { display:block;} #find-comm-right-fit-promo[data-selected-living-options-count="5"] [data-type="triple-living-option"] { display:block;} #find-comm-right-fit-promo[data-selected-living-options-count="6"] [data-type="triple-living-option"] { display:block;} #find-comm-right-fit-promo.state-page .right-fit-content { display:block; } @media (max-width:1200px){ #find-comm-main-cols .main-cols-inner {flex-flow: column-reverse;} #find-comm-meta-controls .comms-count {display: flex;flex-flow: column;gap: 5px;align-items: flex-start;} #find-comm-meta-controls .comms-count-header {font-size: 29px !important;} #find-comm-meta-controls .comms-count-desc {font-size: 18px;} #find-comm-main-cols .col-comm-list { width:100%; } #find-comm-main-cols .col-extra {position: static;width: 100%;} #find-comm-main-cols .col-extra #find-comm-right-fit-promo {width: 100%;margin: 0;} } @media (max-width:800px){ .comm-listing .comm .comm-main {flex-flow: column;} #find-comm-meta-controls .inner {flex-flow: column;align-items: flex-start;gap: 15px;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown {position: fixed;bottom: 0;left: 0;z-index: 3;top: auto;width: 100%;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown::before {content:"";bottom: 0;position: absolute;left: 0;width: 100%;height: 100vh;background: #00000070;z-index: 1;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown .dropdown-inner {position: relative;z-index: 2;background: #fff;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-dropdown .dropdown-controls .group .group-options {flex-wrap: wrap!important;} #find-comm-top-controls .find-comm-master-filters {flex-flow: column;align-items: flex-start;} #find-comm-top-controls .find-comm-master-filters .find-comm-master-filter-pills {flex-wrap: wrap;} } @media (max-width:600px){ .comm-listing .comm .info .info-header {flex-flow: column;align-items: flex-start;gap: 15px;padding: 0 0 15px;} .comm-listing .comm .info .info-header .comm-name { margin:0!important; } .comm-listing .comm .comm-controls {flex-flow: column;} .comm-listing .comm .comm-controls .ctas {flex-flow: column;} }