body, html {margin:0;padding:0;height:100%;overflow:hidden;font-family: Arial, sans-serif;}
.container {display: block;}
.mapcontainer {display: flex;width: 100%;height: 84dvh;min-height: 84svh;height: -webkit-fill-available;overflow: hidden;}
#map {flex: 1 1 0%;width: 100%;min-height: 0;position: relative;}
.row {--bs-gutter-x: 0;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(-1 * var(--bs-gutter-y));margin-right: calc(-.5 * var(--bs-gutter-x));margin-left: calc(-.5 * var(--bs-gutter-x));}
.sidebar {flex: 1;background: #f8f8f8;padding: 10px;overflow-y: auto;display: flex;flex-direction: column;gap: 0px;box-shadow: -2px 0 6px rgba(0,0,0,0.25); touch-action: pan-y; -webkit-overflow-scrolling: touch;}
#map-controls-bottom {position: absolute;bottom: 20px;right: 10px;z-index: 999;display: flex;align-items: center;gap: 10px;flex-wrap: wrap;justify-content: flex-end;pointer-events: auto;}
.back-btn {padding: 8px 16px;background: #00416a;color: white;border: none;border-radius: 8px;cursor: pointer;font-size: 14px;font-weight: 500;white-space: nowrap;box-shadow: 0 2px 6px rgba(0,0,0,0.2);transition: background 0.2s;flex-shrink: 0;}
.back-btn:hover {background: #003366;}
#breadcrumb {padding: 8px 12px;font-size: 14px;color: #00416a;font-weight: bold;background: rgba(255,255,255,0.9);border-radius: 8px;white-space: nowrap;box-shadow: 0 2px 6px rgba(0,0,0,0.15);}
.layer-control select {padding: 12px;font-size: 16px;width: 100%;border-radius: 6px;}
.property-grid {display: grid;grid-template-columns: 1fr;gap: 7px;}
.property-card {border: 1px solid #ddd;border-radius: 8px;overflow: hidden;background: white;cursor: pointer;transition: transform 0.2s, box-shadow 0.2s;}
.property-card:hover {transform: translateY(-3px);box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);}
.property-card .photo-container {touch-action: pan-y;position: relative;height: 160px;background: #f8f9fa;overflow: hidden;border-bottom: 1px solid #eee;user-select:none;}
.card-main-photo {touch-action: pan-y;user-select: none;-webkit-user-select: none;width: 100%;height: 100%;object-fit: contain;object-position: center;background: transparent;pointer-events: auto;}
.card-prev-photo, .card-next-photo, #prev-photo, #next-photo {position: absolute;top: 50%;transform: translateY(-50%);background: #eaeaea;opacity: .9;color: #000;border: none;width: 30px;height: 30px;border-radius: 50%;cursor: pointer;padding: 0;font-size: 21px;font-weight: bold;line-height: 1;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25), 0px 0px 0px rgba(255, 255, 255, 1.0);z-index: 10;}
.card-photo-counter {position: absolute;bottom: 5px;left: 50%;transform: translateX(-50%);background: rgba(0, 0, 0, 0.6);color: white;padding: 2px 8px;border-radius: 12px;font-size: 12px;}
.card-prev-photo, #prev-photo {left: 10px;}
.card-next-photo, #next-photo {right: 10px;}
.card-prev-photo:hover, .card-next-photo:hover, .card-prev-photo:active, .card-next-photo:active, #prev-photo:hover, #next-photo:hover, #prev-photo:active, #next-photo:active {background: #666;color: white;box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.4), 0px -3px 2px rgba(255, 255, 255, 0.5);}
.card-prev-photo:active, .card-next-photo:active, #prev-photo:active, #next-photo:active {transform: translateY(-50%) scale(0.92);transition: transform 0.1s ease;}
.property-info {padding: 5px 10px;}
.price {font-size: 20px;font-weight: bold;color: #00416a;}
#placeholderstte, #placeholdercnty, #placeholdersubl {text-align: center;color: #000;font-size: 17px;font-weight: 600;padding-bottom: 20px;text-decoration: underline;}
#filter-bar {top:55px;height: auto;min-height:55px;z-index:1000;}
#filter-bar select, #filter-bar input, #filter-bar button {font-size: 14px;height: 32px;line-height: 30px;border-radius: 6px;}
#filter-bar button {background: #00416a;color: white;padding: 0 10px;cursor: pointer;box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 5px 7px rgba(255, 255, 255, .5), inset 0 -5px 12px rgba(0, 0, 0, .05);font-family: 'Oswald';font-weight: 500;}
.dropdown-btn {padding: 8px 16px;background: white;border: 1px solid #ccc;border-radius: 6px;cursor: pointer;font-size: 14px;}
.dropdown-btn:hover {box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 0px 0px rgba(255, 255, 255, .5), inset 0 -5px 12px rgba(0, 0, 0, .05) !important;}
.dropdown-container {position: relative;display: inline-block;}
.dropdown-content {position: absolute;top: 115%;background: white;border: 1px solid #ccc;border-radius: 6px;padding: 12px;box-shadow: 0 4px 12px rgba(0,0,0,0.15);z-index: 7001;min-width: 180px;display: none;max-width: 90%;left: 50%;transform: translateX(-50%);}
div#layer-select-dropdown {left: 10%;}
.dropdown-content::before {content: '';position: absolute;top: -10px;left: 50%;transform: translateX(-50%);border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid white;}
.dropdown-content label {display: flex;align-items: center;gap: 8px;margin: 4px 0;font-size: 14px;}
.dropdown-content input[type="radio"], .dropdown-content input[type="checkbox"] {accent-color: #00416a;width: 16px;height: 16px;border-radius: 50%;}
.dropdown-content button {background: #00416a;color: white;border: none;border-radius: 6px;cursor: pointer;font-weight: bold;}
.dropdown-content button:hover {background: #003050;}
@keyframes fadeIn {from { opacity: 0;transform: translateY(-5px);}to { opacity: 1;transform: translateY(0);}}
a:active, a:focus, a:hover {color: #00416a;text-decoration: none;outline: 0;transition: .5s;}
a:hover {--bs-link-color-rgb: var(--bs-link-hover-color-rgb);}
#contact-popup {transition: opacity 0.3s ease, transform 0.3s ease;opacity: 0;transform: translateY(20px);visibility: hidden;display: none;position: fixed;bottom: 100px;right: 30px;width: 320px;background: white;border-radius: 20px;box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 10px;z-index: 6000;overflow: hidden;}
.cntchdr {padding:15px;background:#00416a;color:white;display:flex;justify-content:space-between;align-items:center;}
.cntcus {margin: 0;font-size: 17px;font-family: 'Oswald';}
#contact-popup.visible {opacity: 1;transform: translateY(0);visibility: visible;}
#contact-popup::after {content: '';position: absolute;bottom: -10px;right: 30px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid white;}
#contact-form-container {padding:15px 20px;}
button#close-contact {background: none;border: none;color: white;font-size: 21px;cursor: pointer;box-shadow: none;line-height: 0 !important;padding: 0px 0px 10px 0px;}
button#reset-filters-btn {padding: 5px 2px 0px 0px;background: transparent;font-size: 14px;font-weight: 600;color: #d32f2f;}
.brdcrm {cursor:pointer;text-decoration:underline;}
.grdeslct {display: flex;align-items: center;gap: 8px;position: relative;}
#form-message {margin-top:10px;text-align:center;font-weight:bold;display:none;}
.cntcinput {width:100%;padding:5px 10px;margin-bottom:10px;border:1px solid #ccc;border-radius:6px;}
.cntctextarea {width:100%;height:100px;padding:10px;margin-bottom:12px;border:1px solid #ccc;border-radius:6px;resize:vertical;}
#contact-fab {position:fixed;bottom:30px;right:30px;background:#00416a;color:white;border:none;border-radius:50%;width:60px;height:60px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.3);z-index:1000;font-size:0;overflow:hidden;}
.cntcpng {width:100%;height:100%;object-fit:contain;padding:12px;}
form#contact-form {font-family: sans-serif;font-size: 15px;}
button#submit-btn {width: 60%;padding: 10px 0px;font-size: 14px;background: #00416a;color: white;box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 5px 10px rgba(255, 255, 255, .5), inset 0 -5px 5px rgba(0, 0, 0, .05);border: none;border-radius: 6px;cursor: pointer;font-weight: bold;display: block;margin: auto;}
button#submit-btn:hover {box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 0px 0px rgba(255, 255, 255, .5), inset 0 -5px 5px rgba(0, 0, 0, .05);}
#min-price-label, #max-price-label {background: white;color: #00416a;padding: 0px 3px;border-radius: 25px;font-size: 11px;box-shadow: 0 2px 2px rgba(0,0,0,0.35);float: right;font-weight: bold;}
#min-price-label {float: left !important;}
#apply-price {width: 35% !important;display: block;margin: auto;}
#price-dropdown {width:250px;min-width: 250px;}
.prcerng {margin-bottom:10px;}
.prcecntr {margin-bottom:15px;}
.prceinpt {display:flex;gap:10px;margin-bottom:10px;}
.minmax {display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#666;}
.flexrltv {flex:1;position:relative;}
.rngelbls {display:flex;gap:10px;}
.clickalayer {padding:8px 16px;background:#666;color:white;border:none;border-radius:8px;cursor:default;font-size:14px;font-weight:500;display:none;white-space:nowrap;pointer-events:auto;}
#reset-btn {padding:8px 16px;background:#666;color:white;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:none;white-space:nowrap;}
#back-btn {padding:8px 16px;background:#00416a;color:white;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:none;white-space:nowrap;}
#apply-price:hover {box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 0px 0px rgba(255, 255, 255, .5), inset 0 -5px 12px rgba(0, 0, 0, .05) !important;}
.mrgnbtm {margin-bottom:8px;}
.prcelabelspan {position:absolute;width:100%;top:-10px;pointer-events:none;}
#price-min, #price-max {width:100%;padding:8px;border:1px solid #ccc;border-radius:6px;}
#price-slider-min, #price-slider-max {width: 100%;}
#reset-filters-btn {padding: 3px 6px;background: transparent;color: rgb(102, 102, 102);border: 0px !important;cursor: pointer;font-size: 18px;font-weight: 600;display: block;box-shadow: none !important;white-space: nowrap;line-height: 20px !important;}
#reset-price {width: 100%;margin-top: 8px;padding: 8px;font-size: 13px !important;background: white !important;color: #000 !important;cursor: pointer;box-shadow: none !important;text-decoration: underline;}
#reset-view-btn {transition: opacity 0.2s;padding:10px 15px;background:#00416a;color:white;border:none;border-radius:8px;font-size:15px;font-family:\"Oswald\", sans-serif;cursor:pointer;box-shadow:0 5px 5px rgba(0,0,0,0.3);font-weight:500;}
#reset-view-btn:hover {box-shadow: -3px -3px 5px rgba(0, 0, 0, 0.3) !important;}
#no-coverage-notice {display:none;position:absolute;bottom:20px;right:30%;z-index:1000;pointer-events:auto;}
#property-modal {display: none;position: fixed;inset: 0;background: rgba(0,0,0,0.7);z-index: 6000;justify-content: center;align-items: center;}
.modal-content {display: flex;background: #fff;width: 90%;max-width: 69%;border-radius: 12px;overflow: hidden;box-shadow: 0 10px 30px rgba(0,0,0,0.3);max-height: 90%;overflow-y: auto;}
.photo-carousel {touch-action: pan-y;user-select: none;-webkit-user-select: none;position: relative;flex: 0 0 50%;min-height: 522px;height: 522px;background: #f0f0f0;display: flex;justify-content: center;align-items: center;overflow: hidden;}
#current-photo {touch-action: none;max-width: 100%;max-height: 100%;object-fit: contain;object-position: center;background: #f8f9fa;}
#prev-photo, #next-photo {position: absolute;top: 50%;transform: translateY(-50%);font-size: 24px;width: 50px;height: 50px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;background: #eaeaea;opacity: .9;color: #000;border: none;padding: 0;font-weight: bold;line-height: 1;transition: all 0.2s ease;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25), 0px 0px 0px rgba(255, 255, 255, 1.0);z-index: 10;}
#prev-photo { left: 10px;}
#next-photo { right: 10px;}
#close-modal {position: absolute;top: 10px;right: 15px;border-radius: 50%;z-index: 10;padding: 0px !important;background: rgba(255, 255, 255, 0.75);color: black;border: none;font-size: 21px;font-weight: 700;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);transition: all 0.2s ease;line-height: 1;}
#close-modal:hover {background: white;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);}
#days-on-market {position: absolute;top: 10px;left: 10px;background: rgba(0,0,0,0.7);color: white;padding: 6px 12px;border-radius: 20px;font-size: 13px;z-index: 10;}
#photo-counter {text-align: center;padding: 5px;background: #f0f0f0;font-size: 13px;color: #555;}
.modal-info {padding: 10px 20px;flex: 1;overflow-y: auto;}
#modal-price {font-size: 25px;font-weight: bold;color: #00416a;}
#modal-specs {font-size: 18px;margin-bottom: 5px;}
#modal-address {font-size: 16px;color: #555;margin-bottom: 5px;}
#modal-municipality, #modal-district, #modal-taxes {font-size: 17px;}
#modal-link {display: block;width: auto;max-width: 30%;margin: 0 auto;background: #00416a;text-align: center;text-decoration: none;font-size: 13px;min-width: 100%;color: #fff;background-image: -webkit-linear-gradient(bottom, #00416a 60%, #9fd4c9 100%);border: none;padding: 11px 10px;font-weight: 600;border-radius: 13px;line-height: 1;box-shadow: 2px 2px 1px #9cd2d2;}
#modal-link:hover {background-image: -webkit-linear-gradient(bottom, #00416a 25%, #00416a 100%) !important;box-shadow: -2px -2px 1px #9cd2b5 !important;transition: none;}
#sidebar-header {position: sticky;top: 0;background: #f8f8f8;z-index: 100;border-bottom: 1px solid #ddd;padding: 0px;box-shadow: none !important;box-sizing: border-box;}
.sidebar-header-wrapper {display: flex;flex-direction: column;}
.results-card {background: white;border: 1px solid #e5e7eb;border-radius: 10px;padding: 5px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);}
#results-count {font-weight: bold;color: #333 !important;font-size: 15px;text-align: center;}
#visible-count {font-weight: bold;color: #666;font-size: 13px;margin-top: 0px;text-align: center;}
#limited-note {font-weight: bold;color: #d32f2f;font-size: 12px;margin: 5px auto;text-align: center;}
.card-separator {height: 10px;background: #f8f8f8;margin: 0px;}
.sort-card {margin-bottom: 10px;}
#sort-container {display: flex;align-items: center;justify-content: center;gap: 5px;margin: 5px auto 5px;flex-wrap: wrap;}
#sort-select {padding: 5px 5px;border: 1px solid #c3c3c3;border-radius: 5px;font-size: 13px;font-weight: 600;background: white;cursor: pointer;}
.sort-label {font-weight: bold;font-size: 15px;color: #333;white-space: nowrap;}
.property-info {display: flex;flex-direction: column;}
.property-info > .footer {margin-top: auto;}
#map-click-prompts {position: absolute;top: 10px;right: 10px;z-index: 999;display: flex;flex-direction: column;gap: 10px;pointer-events: none;}
#map-click-prompts .clickalayer {pointer-events: auto;background: rgba(0,0,0,0.68);color: white;padding: 8px 16px;border-radius: 8px;font-size: 14px;font-weight: 500;white-space: nowrap;font-family: system-ui;}
.enablefilters {display: flex;align-items: center;justify-content: flex-end;pointer-events: auto;padding: 6px;font-size: 18px;font-weight: 600;color: rgb(50, 50, 50);text-decoration: none;white-space: nowrap;user-select: none;}
.fltrbtn {opacity:0.65;cursor:not-lowed;}
.filter-message {padding: 4px 10px;background: rgb(102, 102, 102);color: white;border: none;border-radius: 8px;cursor: default;font-size: 14px;text-decoration: underline;font-weight: 500;display: block;white-space: nowrap;pointer-events: auto;margin-right: 10px;font-family: system-ui;}
.enablefilters button.disabled {opacity: 0.65;cursor: not-allowed;background: #f8f9fa;border-color: #dee2e6;color: #6c757d;box-shadow: none;}
.enablefilters button.disabled:hover {background: #f8f9fa;}
#filter-controls:not([style*="display: none"]) ~ #filter-placeholder {display: none !important;}
.enablefilters .btn.disabled,
.enablefilters .btn:disabled,
.enablefilters .btn[disabled] {cursor: not-allowed !important;}
.enablefilters {pointer-events: auto !important;}
.enablefilters button {pointer-events: auto !important;cursor: not-allowed !important;}
#legend-container {position: absolute;bottom: 75px;left: 0;z-index: 5000;display: none;transition: all 0.3s ease;cursor:pointer;}
#legend-wrapper {position: absolute;bottom: 75px;left: 20px;z-index: 1000;display: none;}
#legend-toggle {background: #00416a;border-radius: 0px 15px 15px 0;font-weight: 600;font-family: system-ui;color: white; border: 2px solid white;border-left: 0px solid white !important;padding: 10px 14px;font-size: 15px;cursor: pointer;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);white-space: nowrap;transition: all 0.2s ease;}
#legend-toggle:hover {background: white;color: #00416a; border: 2px solid #00416a;box-shadow: 0 5px 12px rgba(0, 65, 106, 0.35);}
#legend {display: none;background: rgba(255, 255, 255, 0.90);border-radius :0px 20px 20px 0px;backdrop-filter: blur(10px);box-shadow: 6px 6px 20px rgba(0,0,0,0.15), -2px -2px 10px rgba(0,0,0,0.05);padding: 10px;font-size: 12px;width: 100%;max-height: 60%;overflow-y: auto;border: 1px solid rgba(0,0,0,0.1);transform: translateY(100%);transition: transform 0.3s ease;}
#legend.open {display: block;transform: translateY(0);}
#legend-close {position: absolute;top: 10px;right: 10px;border: none;font-size: 17px;color: #000;cursor: pointer;background: white;padding: 2px 6px;border-radius: 5px;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);z-index: 10;transition: all 0.1s ease;}
#legend-close:hover {background: #00416a;color: white;}
.legend-item {display: flex;align-items: center;gap: 8px;margin: 6px 0;}
.legend-color {width: 18px;height: 18px;border-radius: 4px;border: 1px solid #ddd;}
.legend-shape {background-size: contain;background-repeat: no-repeat;width:20px;height:20px;}
.propgrid {grid-column: 1 / -1;text-align: center;padding: 40px 10px;color: #777;font-size: 18px;}
.modalofce {display:flex;align-items:flex-end;justify-content:space-between;font-size:13px;color:#666;}
.modalofcep {max-width:75%;line-height:1.3;font-size: 12px;}
.idximg {height:22px;margin-left:8px}
.propcardofce {display:flex;align-items:flex-end;justify-content:space-between;font-size:12px;color:#666;margin-top:8px;}
.listoffice, .modalofcep {font-size:11px !important;}
.propcardidx {height:20px;margin-left:5px;}
.badgetext {position:absolute;top:8px;left:8px;background:rgba(0,0,0,0.7);color:white;padding:4px 10px;border-radius:16px;font-size:12px;z-index:10;}
.grade-dropdown {margin: 0px 0px 0px 10px;position: relative;display: none;}
.grade-btn {padding: 0px 10px !important;font-size: 13px;border-radius: 6px;display: inline-flex;align-items: center;justify-content: space-between;position: relative;}
.grade-btn span:first-child {margin-right: 8px;}
.dropdown-arrow {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #fff;margin-left: auto;}
.grade-btn[aria-expanded="true"] .dropdown-arrow {border-top: none;border-bottom: 5px solid #666;}
.grade-content {padding: 8px;border: 1px solid #ccc;border-radius: 6px;background: #fff;box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
.grade-helper {font-size: 14px;cursor: pointer;color: #666;background: #f0f0f0;border-radius: 50%;width: 20px;height: 20px;text-align: center;line-height: 20px;flex-shrink: 0;z-index: 10;margin-left: 8px;}
.grade-tooltip {position: absolute;top: calc(100% + 8px);right: 0;background: #fff;border: 1px solid #ccc;padding: 10px 14px;border-radius: 6px;font-size: 13px;color: #333;width: 240px;max-width: 90%;box-shadow: 0 4px 12px rgba(0,0,0,0.15);display: none;z-index: 20;white-space: normal;word-wrap: break-word;line-height: 1.4;}
.grade-helper:hover .grade-tooltip {display: block;animation: fadeIn 0.2s ease-in;}
@keyframes fadeIn {from { opacity: 0;transform: translateY(-5px);}to { opacity: 1;transform: translateY(0);}}
.grade-dropdown {position: relative;}
#applied-filters-container {display: none;}
#applied-filters {color: #000;font-size: 13px;word-wrap: break-word;line-height: 1.0;}
#current-filters {font-size:13px;color:#666;font-weight:500;}
#clear-all-filters {font-size: 12px;color: #d32f2f;margin: auto 0px;text-align: center;cursor: default;display: flex;align-items: center;}
#clear-all-filters .reset-text {cursor: pointer;font-weight: 600;text-decoration: underline;padding: 5px 0px 0px 0px;display: inline-block;}
#clear-all-filters .reset-text:hover {text-decoration: underline;color: #b71c1c;}
.hometypehr {border-top: 3px solid #c3c3c3;margin: 0px !important;border-radius: 50px;}
.filters-tooltip-wrapper {position: relative;display: inline-block;margin: 0px 5px;}
.view-filters-trigger {font-size: 13px;color: #00416a;cursor: pointer;text-decoration: underline;font-weight: 600;}
.view-listing-btn {display: block;width: 69%;margin: 5px auto;font-size: 13px;padding: 5px 0px;background: #00416a;color: white;text-align: center;border-radius: 10px;text-decoration: none;display: block;font-weight: 600;background-image: -webkit-linear-gradient(bottom, #00416a 50%, #9cd2c8 100%);box-shadow: 1px 2px 1px #9cd2d2;}
.filters-tooltip {background: #fff;border: 1px solid #ccc;border-radius: 10px;min-width: 250px;display: none;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);padding: 12px 15px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.18);z-index: 1100;max-width: 280px;font-size: 14px;color: black;line-height: 1.5;margin-top: 6px;white-space: normal;word-wrap: break-word;}
.filters-tooltip .tooltip-arrow {position: absolute;top: -7px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;z-index: 1;}
#filters-tooltip {opacity: 0;transition: opacity 0.5s ease;pointer-events: none;}
.filters-tooltip-wrapper:hover #filters-tooltip {opacity: 1;pointer-events: auto;}
.filters-tooltip-wrapper:hover .filters-tooltip {display: block;}
.filters-tooltip:hover {display: block;}
.maplibregl-popup{padding: 5px;font-size: 13px;color: #333;max-width: 240px;line-height: 1.5;border: 0px !important;}
.popup-address {font-weight: bold;font-size: 14px;color: #00416a;margin-bottom: 3px;word-break: break-word;}
.popup-details {font-size: 13px;color: #555;margin-bottom: 3px;}
.popup-price {font-size: 16px;font-weight: bold;color: #00416a;margin-top: 3px;}
.county-hover-popup {background: rgba(255, 255, 255, 0.95);border-radius: 6px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);padding: 8px 12px;font-size: 14px;font-weight: bold;color: #00416a;pointer-events: none;white-space: nowrap;}
#preview-note {color: black;width: 85%;margin: 5px auto 10px;display: block;text-align: center;font-weight: 600;background: #f8f9fa;border: 1px solid #e9ecef;border-radius: 10px;padding: 5px 10px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);}
.preview-note #preview-main {font-weight: 600;color: #444;font-size: 14px;margin-top: 5px;}
.preview-note #preview-instruction {color: #6c757d;font-size: 12px;margin-top: 3px;}
.activefilters {display: flex;align-items: center;justify-content: flex-end;pointer-events: auto;padding: 0px 5px;margin-bottom: 5px;}
.dsplynone {display:none;}
.view-listing-btn:hover {color: white !important;background-image: -webkit-linear-gradient(bottom, #00416a 25%, #00416a 100%) !important;box-shadow: -1px -2px 1px #9cd2b5 !important;transition: none;}
.search-results {background: white;border: 1px solid #ccc;border-radius: 6px;box-shadow: 0 4px 12px rgba(0,0,0,0.15);max-height: 300px;overflow-y: auto;z-index: 1001;width: 100%;}
.search-result {padding: 8px 12px;cursor: pointer;border-bottom: 1px solid #eee;}
.search-result:hover {background: #f0f4f8;}
.srchmuni {--bs-bg-opacity: 1;background-color: #00416a !important;}
.srchdist {--bs-bg-opacity: 1;background-color: #450087 !important;}
.srchelem {--bs-bg-opacity: 1;background-color: #ad5900 !important;}
.srchmidl {--bs-bg-opacity: 1;background-color: #A30062 !important;}
.srchhigh {--bs-bg-opacity: 1;background-color: #700000 !important;}
.srchzips {--bs-bg-opacity: 1;background-color: #757575 !important;}
.srchactv {--bs-bg-opacity: 1;background-color: #007D08 !important;}
.srchcmng {--bs-bg-opacity: 1;background-color: #00818F !important;}
.map-footer {position: absolute;bottom: 0px;right: 0px;font-size: 9px;color: #666;background: rgba(255, 255, 255, 0.75);padding: 0px 10px;border-radius: 5px;z-index: 1;}
.ppdc {text-decoration: none;color: #666;}
#map-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 1000;display: flex;align-items: center;justify-content: center;}
#map-modal-content {background: white;padding: 20px;border-radius: 10px;max-width: 50%;text-align: center;position: absolute;}
.ppdcmodal {cursor: pointer;float: right;top: 3px;right: 6px;position: absolute;font-size: 22px;color: black;}
.modal-actions-right {float: right;margin-top: 10px;}
.modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;z-index: 1001;}
.close-tour, .close-info {position: absolute;top: 10px;right: 15px;font-size: 30px;cursor: pointer;color: black;line-height: 1;}
.modal-form h2 {text-align: center;margin: 0 0 25px 0;color: #00416a;}
.modal-form label {display: block;margin-bottom: 15px;font-weight: 500;font-size: 15px;}
.modal-form input,
.modal-form textarea {width: 100%;border: 3px solid #ddd;border-radius: 10px;font-size: 15px;color: black;margin-top: 5px;box-sizing: border-box;padding: 7px 0px 7px 10px;}
.modal-form textarea {resize: vertical;min-height: 100px;}
.modal-form .required {color: #d32f2f;}
.full-width {width: 100%;padding: 12px;font-size: 16px;margin-top: 10px;}
.cntcmodal-content h2 {color: #00416a;text-align: center;margin: 10px auto;font-size: 20px;text-decoration: underline;font-weight: 600;}
.success-message {text-align: center;padding: 40px 30px 30px;display: flex;flex-direction: column;align-items: center;}
.success-icon {font-size: 48px;color: #28a745;margin-bottom: 15px;line-height: 1;}
.success-message h2 {color: #00416a;margin: 0 0 12px 0;font-size: 22px;font-weight: 600;}
.success-message p {margin: 8px 0;font-size: 15px;line-height: 1.5;color: #333;}
.success-subtext {color: #666;font-size: 14px;margin-top: 8px;}
.success-message strong {color: #00416a;font-weight: 600;}
#tour-success, #info-success {min-height: 320px;justify-content: center;}
#info-modal, #tour-modal {z-index: 8000;}
.mapsbmt {background-color: #00416a;color: white;border: none;padding: 10px 10px;font-size: 16px;font-weight: 600;border-radius: 13px;margin: 0px auto;width: auto;min-width: 169px;text-decoration: none;display: block;background-image: -webkit-linear-gradient(bottom, #00416a 50%, #9fd4c9 100%);box-shadow: 2px 2px 1px #9cd2d2;}
button.btn.btn-submit.mapsbmt:hover {background-image: -webkit-linear-gradient(bottom, #00416a 25%, #00416a 100%) !important;box-shadow: -2px -2px 1px #9cd2b5 !important;transition: none;color: white !important;}
.cntcmodal-content {display: flex;flex-direction: column;background: #fff;width: 45%;max-width: 50%;border-radius: 15px;overflow: hidden;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);min-height: 69%;max-height: 90%;overflow-y: auto;position: relative;justify-content: center;align-items: center;}
form#info-form, form#tour-form {width: 85%;display: block;margin: 10px auto;}
.required {color: #d32f2f;font-size: 14px;}
.tourbtnmodal, .infobtnmodal {text-decoration: none;min-width: 100%;color: #fff;display: block;background-image: -webkit-linear-gradient(bottom, #00416a 50%, #9fd4c9 100%);border: none;padding: 10px 10px;font-size: 13px;font-weight: 600;border-radius: 13px;margin: 0px auto;width: auto;box-shadow: 2px 2px 1px #9cd2d2;}
.tourbtnmodal:hover, .infobtnmodal:hover {background-image: -webkit-linear-gradient(bottom, #00416a 25%, #00416a 100%) !important;box-shadow: -2px -2px 3px #9cd2b5 !important;transition: none;}
.sidebar-tab {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0px;padding: 0px;background: #f8f9fa;border-bottom: 1px solid #ddd;cursor: pointer;font-weight: 600;color: #333;transition: all 0.2s ease;}
.sidebar-tab:hover {background: #f0f2f5;color: #00416a;box-shadow: -4px 0 5px rgba(0, 0, 0, 0.5);}
.tab-main-row {display: flex;align-items: center;gap: 8px;}
.toggle-icon {font-size: 17px;line-height: 1;font-weight: bold;transition: transform 0.3s ease;}
.sidebar.expanded #toggle-text {content: "Map";}
.sidebar.expanded #toggle-icon {content: "🗺️";}
#toggle-text {font-size: 15px;font-weight: 600;white-space: nowrap;}
#filter-bar .row {align-items: flex-start;}
#filter-controls {display: flex;flex-direction: column;gap: 10px;}
#applied-filters-container {width: 100%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;flex-shrink: 0;gap: 5px;}
#filter-buttons {width: 100%;}
.getaddy {text-decoration: none !important;}
#toggle-count {margin-top: 4px;font-size: 12px;color: white;background: none;padding: 0px;white-space: nowrap;}
.breadcrumb-container {width: 100%;display: flex;flex-wrap: wrap;align-items: center;gap: 10px;justify-content: flex-end;}
.breadcrumb-top-row {width: 100%;display: none;}
.breadcrumb-main-row {display: flex;align-items: center;gap: 10px;flex: 1;min-width: 0;justify-content: flex-end;}
#reset-btn, #back-btn {flex-shrink: 0;white-space: nowrap;}
#breadcrumb-content {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;}
.view-listing-btn:active, .view-listing-btn:focus {color: white !important;}
#header, #masthead, #filter-bar { touch-action: none;-webkit-user-select: none;user-select: none;}
#map {touch-action: auto;}
.maplibregl-ctrl-top-left {top: 10px;}
input[type="range"] {height: 10px !important;}
input[type="range"] {-webkit-appearance: none;height: 8px;background: #ddd;border-radius: 5px;outline: none;}
input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 28px;height: 28px;background: #00416a;border-radius: 50%;cursor: pointer;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);border: 3px solid white;}
input[type="range"]::-moz-range-thumb {width: 28px;height: 28px;background: #00416a;border-radius: 50%;cursor: pointer;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);border: 3px solid white;}
.filters-shown #placeholdersubl {margin-top: 50px !important;}
#placeholdersubl {margin-top: 10px;}
.maplibregl-popup-close-button {display: none !important;}
.dropdown-toggle.show + .dropdown-menu {display: block;}
.dropdown-menu.show {display: block;}
.endofbar {text-align: center;padding: 20px 10px 20px;color: #666;font-size: 18px;font-weight: 500;border-top: 2px solid #d1d1d1;margin-top: 10px;font-family: 'Oswald';}
@media (min-width: 601px) {.infobtnmodal{margin: 25px auto !important;}}
@media (min-width: 767px) {
#legend-container {bottom: 100px !important;}
#legend-toggle {padding: 10px !important;font-size: 17px !important;}
#legend-close {font-size: 20px !important;} 
div#legend-content {font-size: 16px !important;}
.legend-item {margin: 10px 0 !important;}
.legend-color {width: 23px !important;height: 23px !important;}
}
@media (min-width: 769px) {
.tooltip-close {display: none !important;}
#filter-controls {flex-direction: row;align-items: center;gap: 5px;justify-content: flex-end;}
#applied-filters-container { margin-bottom: 0 !important;width: auto;}
#filter-buttons {width: auto;flex-wrap: wrap;justify-content: flex-end !important;display: flex;}
.searchmain {margin-top: 5px;}
.bndry {left: 0% !important;}
.bndry::before {left: 71% !important;}
.breadcrumb-container {justify-content: flex-end;}
.breadcrumb-main-row {justify-content: flex-end;}
.breadcrumb-top-row {display: none;}
}
@media (min-width: 992px) {
.property-grid {grid-template-columns: repeat(2, 1fr);}
.getaddy {font-size: 15px;color: black;font-family: 'Oswald';min-height: 55px;}
.getspecs {font-family: 'Oswald';font-size: 14px;}
.getmuni, .getschool {font-family: 'Oswald';padding-top: 7px;line-height: 1;font-size: 14px;}
.gettaxes {font-size: 14px;font-family: 'Oswald';padding: 10px 0px 5px 0px;}
.view-listing-btn {width: 75%;font-size: 12px;}
.modal-content {width: 79%;max-width: 79%;height: 88%;}
#filter-controls {margin-top: 5px;}
}
@media (min-width: 1200px) {
.getaddy {font-size: 15px;color: black;font-family: 'Oswald';min-height: 55px;}
.getspecs {font-family: 'Oswald';font-size: 14px;}
.getmuni, .getschool {font-family: 'Oswald';padding-top: 7px;line-height: 1;font-size: 14px;}
.gettaxes {font-size: 14px;font-family: 'Oswald';padding: 10px 0px 5px 0px;}
.view-listing-btn {width: 65%;margin: 3px auto;font-size: 12px;padding: 5px 0px;background-image: -webkit-linear-gradient(bottom, #00416a 68%, #9cd2c8 100%);box-shadow: 1px 1px 1px #9cd2d2;}
.modal-content {width: 65%;max-width: 65%;height: 88%;}
#days-on-market {font-size: 16px;}
#modal-address {font-size: 18px;}
}
@media (min-width: 1400px) { .property-grid {grid-template-columns: repeat(3, 1fr);}}
@media (min-width: 1500px) {
.getaddy {font-size: 16px;color: black;font-family: 'Oswald';min-height: 55px;}
.getspecs {font-family: 'Oswald';font-size: 15px;}
.getmuni, .getschool {font-family: 'Oswald';padding-top: 7px;line-height: 1;font-size: 15px;}
.gettaxes {font-size: 15px;font-family: 'Oswald';padding: 10px 0px 5px 0px;}
.view-listing-btn {width: 65%;margin: 3px auto;font-size: 13px;padding: 5px 0px;background-image: -webkit-linear-gradient(bottom, #00416a 68%, #9cd2c8 100%);box-shadow: 1px 1px 1px #9cd2d2;}
.modal-content {width: 52%;max-width: 52%;height: 88%;}
}
@media (min-width: 2000px) {
.property-grid {grid-template-columns: repeat(4, 1fr);}
.getaddy {font-size: 16px;color: black;font-family: 'Oswald';min-height: 55px;}
.getspecs {font-family: 'Oswald';font-size: 15px;}
.getmuni, .getschool {font-family: 'Oswald';padding-top: 7px;line-height: 1;font-size: 15px;}
.gettaxes {font-size: 15px;font-family: 'Oswald';padding: 10px 0px 5px 0px;}
.view-listing-btn {width: 65%;margin: 3px auto;font-size: 13px;padding: 5px 0px;background-image: -webkit-linear-gradient(bottom, #00416a 68%, #9cd2c8 100%);box-shadow: 1px 1px 1px #9cd2d2;}
.modal-content {width: 39%;max-width: 39%;height: 88%;}
}
@media (max-width: 1200px) {.grade-tooltip {right: auto;left: -83px;}}
@media (max-width: 991px) {.sttecntysrch{margin-top:13px !important;}}
@media (max-width: 768px) {
#map {height: 100% !important;min-height: 100%;}
.searchmain {margin-top: 5px;padding-bottom: 10px;}
.tooltip-close {position: absolute;top: 6px;right: 10px;background: none;border: none;font-size: 20px;color: #999;cursor: pointer;padding: 0;}
.tooltip-close:hover {color: #d32f2f;}
.gap768 {gap: 2rem !important;}
#applied-filters-container {order: 1 !important;justify-content: center !important;gap: 25px !important;min-height:30px !important;}
#filter-bar {top: 45px;}
.py-2 {padding-top: 0px !important;padding-bottom: 0px !important;}
.justify-content-start {justify-content: center !important;}
#filter-controls {gap: 0px !important;}
.logo-img {margin-left: 0px !important;margin-top: 5px !important;}
.mb-2 {margin-bottom: 0px !important;}
.maplibregl-ctrl-top-left{top: 55px;}
div#filter-controls {margin-bottom: 10px;}
#contact-fab {height: 50px;width: 50px;bottom: 68px;right: 10px;}
.getaddy {font-size: 15px;color: black;font-family: 'Oswald';}
.getspecs {font-family: 'Oswald';font-size: 15px;}
.getmuni, .getschool {font-family: 'Oswald';padding-top: 7px;line-height: 1;font-size: 15px;}
.gettaxes {font-size: 15px;font-family: 'Oswald';padding: 10px 0px 5px 0px;}
.view-listing-btn {width: 65%;margin: 3px auto;font-size: 13px;padding: 5px 0px;background-image: -webkit-linear-gradient(bottom, #00416a 68%, #9cd2c8 100%);box-shadow: 1px 1px 1px #9cd2d2;}
div#sidebar-header {padding: 5px 0px;background: white;border-bottom: 2px solid #f3f3f3;margin-bottom: 10px;}
.results-card {background: none;box-shadow: 0 0px 0px rgba(0, 0, 0, 0.00);border: 2px solid #e5e7eb;}
.card-separator {height: 0px;}
.sidebar {padding: 0px 10px;}
.sidebar-header-wrapper {display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;gap: 5px;flex-direction: row;}
.results-card {background: none;box-shadow: 0 0px 0px rgba(0, 0, 0, 0.00);border: 0px solid white;flex: 1;min-width: 0;padding: 5px 0px 0px 0px;}
.results-header {display: flex;flex-direction: column;gap: 0px;}
#results-count {font-size: 14px;}
.sort-card {flex-shrink: 0;white-space: nowrap;margin-bottom: 0px;}
#sort-container {display: flex;gap: 0px;flex-direction: column;align-items: flex-end;margin: 0px auto;}
.sort-label {font-weight: 600;margin: 0;font-size: 13px;}
#sort-select {width: 100%;padding: 3px 5px;font-size:12px;font-weight: 600;color:black;}
#limited-note {margin: 0px auto 5px;}
#sort-select option {font-size: 12px;}
.view-listing-btn {width: 50%;font-size: 12px;padding: 5px 0px;}
.tab-main-row {flex-direction: row;}
#toggle-count {margin-top: 0;margin-left: 3px;}
#toggle-count:empty {display: none !important;}
.sidebar-tab:hover #toggle-count {color: #00416a;}
#map-controls-bottom {padding: 10px 2px;}
.listoffice, .modalofcep { font-size: 9px !important;}
input[type="range"]::-webkit-slider-thumb {width: 30px;height: 30px;}
input[type="range"]::-moz-range-thumb {width: 30px;height: 30px;}
button.btn.btn-outline-secondary.dropdown-btn {height: 27px !important;line-height: 0px !important;}
#placeholdersubl {margin-top: 25px;}
button#close-contact {padding: 10px 0px 10px 0px;}
}
@media (max-width: 767px) {
button#reset-filters-btn {padding: 6px 3px 0px 0px !important;font-size: 15px !important;}
div#modal-office {order: 2;}
#legend-toggle { padding: 7px 10px;font-size: 14px;}
input#price-min, input#price-max {padding: 0px 0px 0px 10px;font-size: 15px;font-weight: 600;}
.site-branding img.logo-img {max-width: 40%;height: 30px !important;}
}
@media (max-width: 600px) {
.modal-content {width: 95%;max-height: 85%;}
.photo-carousel {height: 220px;}
#modal-link {width: 45%;min-width: 45%;padding: 10px 0px}
#placeholderstte, #placeholdercnty, #placeholdersubl {font-size: 13px !important;padding: 5px 10px !important;}
#map-controls-bottom {align-items: flex-end;gap: 10px;bottom: 35px;}
#reset-btn, #back-btn, #breadcrumb {padding: 5px;font-size:13px;}
#back-btn {padding: 5px 10px;}
.modal-actions-right button { display: block;margin: 10px auto 0px;}
.getaddy {font-size: 16px;color: black;font-family: 'Oswald';min-height: 55px;}
.getspecs {font-family: 'Oswald';font-size: 15px;}
.getmuni, .getschool {font-family: 'Oswald';padding-top: 7px;line-height: 1;font-size: 15px;}
.gettaxes {font-size: 15px;font-family: 'Oswald';padding: 10px 0px 5px 0px;}
.view-listing-btn {width: 65%;margin: 3px auto;font-size: 13px;padding: 5px 0px;background-image: -webkit-linear-gradient(bottom, #00416a 68%, #9cd2c8 100%);box-shadow: 1px 1px 1px #9cd2d2;}
.sidebar-header-wrapper {flex-direction: column;align-items: center;gap: 0px;}
#sort-container {align-items: center;}
.modal-info {padding: 10px 20px;flex: 1;overflow-y: auto;flex-direction: column;display: flex;}
.modal-actions-right {float: none;text-align: center;margin-top: 5px;order: 1;display: flex;gap: 15px 10px;width: 100%;flex-wrap: wrap;}
.tourbtnmodal, .infobtnmodal {flex: 0 1 auto;min-width: 140px;max-width: 48%;}
.photo-carousel { flex: 0 0 33%;}
.cntcmodal-content {width: 75%;max-width: 75%;}
#legend-container,#legend-wrapper {bottom: 115px;}
.breadcrumb-container {justify-content: flex-start;}
#breadcrumb {order: 1;width: 100%;}
.back-btn, #breadcrumb {width: auto;padding: 6px 12px;}
.legend-item { gap: 5px;margin: 3px 0;}
.legend-shape {width: 15px;height: 15px;}
#legend {padding: 5px;}
#contact-popup {width: 75%;}
button#submit-btn {font-size: 12px;}
.cntctextarea {height: 95px;}
.cntchdr { padding: 10px;}
.maplibregl-ctrl-bottom-left .maplibregl-ctrl {margin: 0 0 5px 5px !important;}
.maplibregl-ctrl-scale {font-size: 10px !important;}
#map-modal-content { max-width: 85%;}
#sort-container {flex-direction: row;margin: 0;white-space: nowrap;gap: 5px;}
#sort-select {width: 60%;}
.tab-main-row {gap: 3px;}
.filters-tooltip {left: 10%;}
.modalofcep {max-width: 100%;}
#contact-popup {bottom: 50px;}
button#close-contact {font-size: 19px;padding: 10px 0px 10px 0px;}
.modal-form label {margin-bottom: 5px;font-size: 13px;}
.modal-form input, .modal-form textarea {padding: 0px 5px;font-size: 13px;}
.filters-shown #placeholdersubl {margin-top: 50px !important;}
#beds-baths-dropdown { max-width: 250px !important;min-width: 120px !important;}
}
@media (max-width: 576px) {.maplibregl-ctrl-top-left {top: 60px;}}
@media (max-width: 500px) {
.sidebar-tab {width: 75px !important;gap: 0px !important;height: 45px !important}
span#toggle-icon { font-size: 15px !important;}
span#toggle-text {font-size: 13px;}
#property-grid { padding-bottom: 25px !important;}
} 
@media (max-width:480px){
.property-grid {grid-template-columns: repeat(1, 1fr);}
#map-controls-bottom {gap: 10px;bottom: 15px;}
#reset-btn, #back-btn, #breadcrumb {padding: 5px;font-size:14px;}
#back-btn {padding: 5px 10px;}
#contact-fab {height: 40px;width: 40px;bottom: 65px;right: 5px;}
.listoffice, .modalofcep {font-size: 8px !important;}
.modal-info {padding: 10px;}
.cntcmodal-content {width: 80%;max-width: 80%;}
#breadcrumb-content {font-size: 14px;}
#no-coverage-notice {right: 23%;}
#photo-counter {font-size: 12px;}
#price-dropdown {width: 250px;min-width: 250px;}
.minmax{font-size: 15px;margin-bottom: 0px !important;font-weight: 600;color: black;}
#min-price-label, #max-price-label {font-size: 14px;}
input#price-min, input#price-max {font-size: 15px;}
button#apply-price {font-size: 15px;width: 40% !important;}
#prev-photo, #next-photo {width: 35px;height: 35px;font-size: 22px;}
input#price-slider-min, input#price-slider-max {margin-top:20px;}
.prcecntr {margin-bottom: 5px;}
.rngelbls{margin: 10px auto;}
input[type="range"] {height: 10px !important;}
input[type="range"]::-webkit-slider-thumb {width: 25px;height: 25px;}
input[type="range"]::-moz-range-thumb {width: 25px;height: 25px;}
#sort-select {width: 70%;padding: 2px 5px;font-size: 14px;}
#placeholdersubl {margin-top: 23px;}
.site-branding img.logo-img {max-width: 52% !important;}
} 
@media (max-width:420px){
#map-controls-bottom {gap: 10px;bottom: 15px;}
#reset-btn, #back-btn, #breadcrumb {padding: 5px;font-size:14px;}
#back-btn {padding: 5px 10px;}
.sidebar{padding:0px 10px;}
#toggle-count {font-size: 11px;}
.sidebar-tab { width: 69px !important;}
#breadcrumb-content {font-size: 14px;}
#visible-count {font-size:11px;}
.dropdown-content {left: 50%;padding: 5px 10px;}
#listing-type-dropdown {left: 100% !important;}
#listing-type-dropdown::before {left: 30% !important;}
#layer-select-dropdown::before { left: 65% !important;}
#beds-baths-dropdown input[type="radio"] {width: 15px;height: 15px;margin-right: 5px;}
#beds-baths-dropdown label {font-size: 14px;padding: 3px 0px;margin: 0;}
#beds-baths-dropdown {font-size: 14px;left: 85% !important;}
#beds-baths-dropdown::before {left: 30% !important;}
.srchmuni, .srchdist, .srchelem, .srchmidl, .srchhigh, .srchzips, .srchactv, .srchcmng {font-size: 10px;}
#prev-photo, #next-photo {width: 35px;height: 35px;font-size: 22px;}
.search-result {padding: 5px 10px;}
.search-results {max-height: 400px;}
.search-result div {font-size: 13px;}
.filters-shown #placeholdersubl {margin-top: 55px !important;}
.sttecntysrch { margin-top: 11px !important;}
}
@media (max-width:360px){
#map-controls-bottom {gap: 10px;bottom: 15px;}
#reset-btn, #back-btn, #breadcrumb {padding: 5px;font-size:13px;}
#back-btn {padding: 5px 10px;}
#results-count {font-size: 11px;}
#limited-note{font-size:11px;}
span#toggle-icon {font-size: 14px !important;}
span#toggle-text {font-size: 13px;}
.tourbtnmodal, .infobtnmodal {flex: 0 1 auto;min-width: 125px;max-width: 40%;}
#prev-photo, #next-photo {width: 35px;height: 35px;font-size: 22px;}
#prev-photo {left: 5px;}
#next-photo {right: 5px;}
.cntcmodal-content {width: 85%;max-width: 85%;}
#breadcrumb-content {font-size: 13px;}
}
@media (max-width:320px){
#map-controls-bottom {gap: 10px;bottom: 15px;}
#reset-btn, #back-btn, #breadcrumb {padding: 5px;font-size:13px;}
#back-btn {padding: 5px 10px;}
.getaddy { font-size: 16px;color: black;font-family: 'Oswald';min-height: 55px;}
.getspecs {font-family: 'Oswald';font-size: 15px;}
.getmuni, .getschool {font-family: 'Oswald';padding-top: 7px;line-height: 1;font-size: 15px;}
.gettaxes {font-size: 15px;font-family: 'Oswald';padding: 10px 0px 5px 0px;}
.view-listing-btn {width: 65%;margin: 3px auto;font-size: 13px;padding: 5px 0px;background-image: -webkit-linear-gradient(bottom, #00416a 68%, #9cd2c8 100%);box-shadow: 1px 1px 1px #9cd2d2;}
.badgetext {font-size: 11px;left: 5px;top: 5px;padding: 3px 10px;border-radius: 7px;}
.property-card .photo-container {height: 125px;}
.card-prev-photo, .card-next-photo {width: 20px;height: 20px;font-size: 16px;}
.card-prev-photo {left: 3px !important;}
.card-next-photo {right: 3px;}
.modal-content {width: 90%;max-width: 90%;height: 60%;}
.photo-carousel { min-height: 180px;height: 180px;}
#modal-price {font-size: 21px;}
#modal-specs {font-size: 14px;}
#modal-address {font-size: 14px;color: black;margin-bottom: 5px;text-decoration: underline;font-weight: 600;}
#modal-municipality, #modal-district, #modal-taxes {font-size: 14px;}
.tourbtnmodal, .infobtnmodal {flex: 0 1 auto;min-width: 100px;max-width: 50%;padding: 8px 7px;}
.modalofcep {font-size: 10px;}
.cntcmodal-content {width: 90%;max-width: 90%;}
.modal-content {height: 85% !important;}
#listing-type-dropdown {left: 125% !important;}
div#layer-select-dropdown {left: -30%;}
}
@media (min-width: 1201px) and (max-width: 1499px) {
.card-prev-photo, .card-next-photo {width: 25px;height: 25px;font-size: 17px;}
.card-prev-photo {left: 5px !important;}
.card-next-photo {right: 5px !important;}
}
@media (min-width: 992px) and (max-width: 1200px) {
.badgetext {font-size: 11px;left: 5px;top: 5px;padding: 3px 10px;border-radius: 7px;}
.property-card .photo-container {height: 125px;}
.card-prev-photo, .card-next-photo {width: 20px;height: 20px;font-size: 16px;}
.card-prev-photo {left: 3px !important;}
.card-next-photo {right: 3px;}
.listoffice, .modalofcep {font-size: 8px !important;}
.property-info {padding: 5px 7px;}
.cntcmodal-content {width: 60%;max-width: 60%;}
}
@media (min-width: 1100px) and (max-width: 1199px) { 
.photo-carousel {min-height: 375px !important;max-height:375px !important;height: 375px !important;}
/*.photo-carousel {min-height: 475px !important;max-height:475px !important;height: 475px !important;}
.modal-content {width: 64% !important;max-width: 64% !important;height: 80% !important;max-height:80% !important;}*/
.modal-content {width: 50% !important;max-width: 50% !important;height: 95% !important;max-height:95% !important;}
.property-card .photo-container {height: 180px;}
.card-prev-photo, .card-next-photo {width: 35px;height: 35px;font-size: 18px;}
.getaddy {font-size: 16px;}
.getspecs {font-size: 17px;}
.getmuni, .getschool {font-size: 17px;}
.gettaxes {font-size: 17px;}
.view-listing-btn {width: 45%;font-size: 12px;}
} 
@media (min-width: 769px) and (max-width: 991px) {
.mapcontainer .sidebar {flex: 0 0 40%;max-width: 40% !important;}
.property-grid {grid-template-columns: repeat(1, 1fr);}
input#search-input {text-align: center;width: 50%;display: block;margin: auto;}
#filter-controls {justify-content: center;gap:20px !important;}
#filter-bar {top: 42px;}
#filter-bar select, #filter-bar input, #filter-bar button {font-size: 14px !important;height: 28px !important;}
#filter-bar button{box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 5px 7px rgba(255, 255, 255, .5), inset 0 -5px 12px rgba(0, 0, 0, .05) !important;line-height: 20px !important;}
.py-2 {padding-top: 0px !important;padding-bottom: 0px !important;}
.searchmain {margin-top: 5px;margin-bottom: 5px !important;}
input#search-input {line-height: 30px !important;}
#sort-container {gap: 3px;margin: 0px auto;}
#results-count {font-size: 15px;}
#visible-count {font-size: 12px;}
.results-card { padding: 3px 5px;}
#clear-all-filters .reset-text {padding: 3px 0px 0px 0px;}
button#reset-filters-btn {padding: 3px 2px 0px 0px;font-size: 13px;box-shadow: none !important;line-height: 20px !important;}
#applied-filters-container {gap: 15px;}
.search-results {max-height: 400px;}
#map-controls-bottom {gap: 10px;bottom: 35px;}
#reset-btn, #back-btn, #breadcrumb {padding: 5px;font-size:13px;}
#back-btn {padding: 5px 10px;}
.badgetext {font-size: 12px;left: 5px;top: 5px;padding: 3px 10px;border-radius: 7px;}
.property-card .photo-container {height: 190px;}
.card-prev-photo, .card-next-photo {width: 30px;height: 30px;font-size: 16px;}
.card-prev-photo {left: 5px !important;}
.card-next-photo {right: 5px !important;}
.listoffice, .modalofcep {font-size: 9px !important;}
.getaddy {font-size: 16px;min-height: 55px;}
.getspecs {font-family: 'Oswald';font-size: 16px;}
.getmuni, .getschool {font-family: 'Oswald';padding-top: 7px;line-height: 1;font-size: 16px;}
.gettaxes {font-size: 16px;font-family: 'Oswald';padding: 10px 0px 5px 0px;}
.view-listing-btn {width: 50%;font-size: 12px;margin: 0px auto;}
.modal-content {width: 85%;max-width: 85%;height: 75%;}
.photo-carousel {min-height: 475px;height: 475px;}
.cntcmodal-content {width: 70%;max-width: 70%;}
#filter-bar input[type="range"] {height: 10px !important;}
}
@media (min-width:768px) and (max-width:768px) {
.property-card .photo-container {height: 196px;}
.card-prev-photo, .card-next-photo, #prev-photo, #next-photo {width: 40px;height: 40px;font-size: 20px;}
.modal-content {width: 82%;max-width: 82%;height: 75%;}
.photo-carousel {min-height: 420px;height: 420px;}
.cntcmodal-content {width: 70%;max-width: 70%;}
#contact-fab {height: 65px;width: 65px;}
#no-coverage-notice {right: 37%;}
.listoffice, .modalofcep { font-size: 9px !important;}
#price-dropdown {width: 300px;min-width: 300px;}
.minmax{font-size: 16px;margin-bottom: 0px !important;font-weight: 600;color: black;}
#min-price-label, #max-price-label {font-size: 15px;}
input#price-min, input#price-max {font-size: 16px;}
button#apply-price {font-size: 16px;width: 40% !important;}
input#price-slider-min, input#price-slider-max {margin-top:25px;}
.prcecntr {margin-bottom: 5px;}
.rngelbls{margin: 15px auto;}
label.sort-label {font-size: 15px !important;}
#sort-select {padding: 5px 10px;font-size: 14px;}
.site-branding img.logo-img {max-width: 75%;height: 30px !important;margin-top: 6px !important;}
}
@media (min-width:576px) and (max-width:768px) {.property-grid {grid-template-columns: repeat(2, 1fr);}}
@media (min-width:576px) and (max-width:767px) {
input#search-input {width: 70%;display: block;margin: auto;}
#filter-bar {top: 40px;}
.site-branding {max-width: 275px;}
.badgetext {font-size: 11px;left: 5px;top: 5px;padding: 3px 10px;border-radius: 7px;}
.property-card .photo-container {height: 125px;}
.card-prev-photo, .card-next-photo {width: 20px;height: 20px;font-size: 16px;}
.card-prev-photo {left: 3px !important;}
.card-next-photo {right: 3px;}
.listoffice, .modalofcep {font-size: 9px !important;}
.property-card .photo-container {height: 140px;}
.getaddy {font-size: 14px;min-height: 45px;}
.getspecs {font-family: 'Oswald';font-size: 14px;}
.getmuni, .getschool {font-family: 'Oswald';padding-top: 7px;line-height: 1;font-size: 14px;}
.gettaxes {font-size: 14px;font-family: 'Oswald';padding: 10px 0px 5px 0px;}
.view-listing-btn {width: 60%;font-size: 12px;margin: 0px auto;padding: 3px 0px;}
.property-info {padding: 5px;}
.sidebar {top: 125px;}
.modal-content {width: 81%;max-width: 81%;height: 68%;}
.photo-carousel {min-height: 325px;height: 325px;}
.cntcmodal-content {width: 80%;max-width: 80%;}
}
@media (min-width:545px) and (max-width:575px) {
.getaddy {font-size: 16px;color: black;font-family: 'Oswald';min-height: 55px;}
.getspecs {font-family: 'Oswald';font-size: 15px;}
.getmuni, .getschool {font-family: 'Oswald';padding-top: 7px;line-height: 1;font-size: 15px;}
.gettaxes {font-size: 15px;font-family: 'Oswald';padding: 10px 0px 5px 0px;}
.view-listing-btn {width: 65%;margin: 3px auto;font-size: 13px;padding: 5px 0px;background-image: -webkit-linear-gradient(bottom, #00416a 68%, #9cd2c8 100%);box-shadow: 1px 1px 1px #9cd2d2;}
.modal-content {width: 79%;max-width: 79%;height: 88%;}
.photo-carousel {min-height: 420px;height: 420px;}
.cntcmodal-content {width: 80%;max-width: 80%;}
}
@media (min-width:480px) and (max-width:600px) {
.getaddy {font-size: 17px;min-height: 26px;}
.getspecs {font-family: 'Oswald';font-size: 17px;}
.getmuni, .getschool {font-family: 'Oswald';padding-top: 7px;line-height: 1;font-size: 17px;}
.gettaxes {font-size: 17px;font-family: 'Oswald';padding: 10px 0px 5px 0px;}
.view-listing-btn {width: 50%;font-size: 14px;}
.badgetext {font-size: 13px;border-radius: 7px;}
.property-card .photo-container {height: 233px;}
.card-prev-photo, .card-next-photo {font-size: 18px;}
.card-prev-photo {left: 3px !important;}
.card-next-photo {right: 3px;}
.listoffice, .modalofcep {font-size: 9px !important;}
.modal-content {width: 88%;max-width: 88%;height: 70%;}
.photo-carousel { min-height: 283px;height: 283px;}
}
@media (min-width: 600px) and (max-width: 600px) {
	.view-listing-btn {width: 70% !important;}
}
@media (min-width: 480px) and (max-width: 480px) {
	.modal-content {height: 75%;}
}
@media (min-width:420px) and (max-width:479px) {
.getaddy {font-size: 16px;min-height: 26px;}
.getspecs {font-family: 'Oswald';font-size: 16px;}
.getmuni, .getschool {font-family: 'Oswald';padding-top: 7px;line-height: 1;font-size: 16px;}
.gettaxes {font-size: 16px;font-family: 'Oswald';padding: 10px 0px 5px 0px;}
.view-listing-btn {width: 50%;font-size: 12px;}
.badgetext {font-size: 13px;border-radius: 7px;}
.property-card .photo-container {height: 200px;}
.modal-content {width: 88%;max-width: 88%;height: 70%;}
.photo-carousel { min-height: 248px;height: 248px;}
}
@media (min-width:360px) and (max-width:419px) {
.price {font-size: 18px;}
.getaddy {font-size: 13px;min-height: 22px;}
.getspecs {font-family: 'Oswald';font-size: 13px;}
.getmuni, .getschool {font-family: 'Oswald';padding-top: 7px;line-height: 1;font-size: 13px;}
.gettaxes {font-size: 13px;font-family: 'Oswald';padding: 10px 0px 5px 0px;}
.view-listing-btn {width: 50%;font-size: 12px;}
.badgetext {font-size: 13px;border-radius: 7px;}
.property-card .photo-container {height: 178px;}
.modal-content {width: 81%;max-width: 81%;height: 90%;}
.photo-carousel { min-height: 217px;height: 217px;}
#modal-price {font-size: 20px;}
#modal-specs {font-size: 14px;}
#modal-address {font-size: 14px;color: black;margin-bottom: 5px;text-decoration: underline;font-weight: 600;}
#modal-municipality, #modal-district, #modal-taxes {font-size: 14px;}
.modalofcep {font-size: 10px;}
.tourbtnmodal, .infobtnmodal {font-size: 12px;min-width: 110px;padding: 7px 0px;}
}
@media (min-width:320px) and (max-width:359px) {.getaddy {font-size: 14px;min-height: 26px;}
.getspecs {font-family: 'Oswald';font-size: 14px;}
.getmuni, .getschool {font-family: 'Oswald';padding-top: 7px;line-height: 1;font-size: 14px;}
.gettaxes {font-size: 14px;font-family: 'Oswald';padding: 10px 0px 5px 0px;}
.view-listing-btn {width: 50%;font-size: 12px;}
.badgetext {font-size: 13px;border-radius: 7px;}
.property-card .photo-container {height: 168px;}
.modal-content {width: 90%;max-width: 90%;height: 65%;}
.photo-carousel { min-height: 217px;height: 217px;}
#modal-price {font-size: 20px;}
#modal-specs {font-size: 14px;}
#modal-address {font-size: 14px;color: black;margin-bottom: 5px;text-decoration: underline;font-weight: 600;}
#modal-municipality, #modal-district, #modal-taxes {font-size: 14px;}
.modalofcep {font-size: 10px;}
.tourbtnmodal, .infobtnmodal {font-size: 12px;min-width: 110px;padding: 7px 0px;}
}
@media (min-width: 1279px) and (max-height: 1081px) {
.photo-carousel {min-height: 455px !important;height: 455px !important;}
.modal-content {width: 45% !important;max-width: 45% !important;height: 95% !important;max-height: 95% !important;}
.property-card .photo-container {height: 225px;}
.getaddy { min-height: 30px;}
}
@media (min-width: 1279px) and (max-height: 901px) {
.photo-carousel { min-height: 420px !important; height: 420px !important; }
.modal-content { width: 45% !important;max-width: 45% !important;height: 95% !important;max-height: 95% !important; }
.property-card .photo-container {height: 225px;}
.getaddy { min-height: 30px;}
}
@media (min-width: 1279px) and (max-height: 801px) {  
.photo-carousel { min-height: 420px !important; height: 420px !important; }
.modal-content { width: 45% !important;max-width: 45% !important;height: 95% !important;max-height: 95% !important;}
.property-card .photo-container {height: 225px;}
.getaddy { min-height: 30px;}
}
@media (min-width: 1279px) and (max-height: 701px) { 
.photo-carousel { min-height: 340px !important; height: 340px !important; }
.modal-content { width: 45% !important;max-width: 45% !important;height: 95% !important;max-height: 95% !important; }
.property-card .photo-container {height: 225px;}
.getaddy { min-height: 30px;}
}
@media (min-width: 1800px) and (max-width: 1980px) and (min-height: 1000px) and (max-height: 1120px) {
.property-card .photo-container {height: 208px;}
.photo-carousel { min-height: 640px !important; height: 640px !important; }
.modal-content { width: 50% !important;max-width: 50% !important;height: 85% !important;max-height: 85% !important; }
.listoffice, .modalofcep {font-size: 10px !important;}
}
@media (min-width: 1600px) and (max-width: 2999px) and (min-height: 900px) and (max-height: 999px) {
.photo-carousel {min-height: 595px !important;height: 595px !important;}
.modal-content {width: 43% !important;max-width: 43% !important;}
.property-card .photo-container {height: 175px !important;}
}
@media (min-width: 1480px) and (max-width: 1550px) and (min-height: 950px) and (max-height: 1010px) {
.property-card .photo-container {height: 162px;}
.photo-carousel { min-height: 565px !important; height: 565px !important; }
.modal-content { width: 56% !important;max-width: 56% !important;height: 85% !important;max-height: 85% !important; }
.listoffice, .modalofcep {font-size: 10px !important;}
}
@media (min-width: 1480px) and (max-width: 1550px) and (min-height: 700px) and (max-height: 820px) {
.property-card .photo-container {height: 162px;} 
.photo-carousel { min-height: 400px !important; height: 400px !important; }
.modal-content { width: 37% !important;max-width: 37% !important;height: 95% !important;max-height: 95% !important; }
.listoffice, .modalofcep {font-size: 10px !important;}
}
@media (min-width: 1400px) and (max-width: 1480px) and (min-height: 850px) and (max-height: 950px) {
.property-card .photo-container {height: 151px;}
.photo-carousel { min-height: 500px !important; height: 500px !important; }
.modal-content { width: 52% !important;max-width: 52% !important;height: 85% !important;max-height: 85% !important; }
.listoffice, .modalofcep {font-size: 10px !important;}
}
@media (min-width: 1281px) and (max-width: 1400px) and (min-height: 700px) and (max-height: 820px) {
.property-card .photo-container {height: 221px;}
.photo-carousel { min-height: 419px !important; height: 419px !important; }
.modal-content { width: 46% !important;max-width: 46% !important;height: 90% !important;max-height: 90% !important; }
.listoffice, .modalofcep {font-size: 10px !important;}
}
@media (min-width: 1240px) and (max-width: 1320px) and (min-height: 750px) and (max-height: 850px) {
.property-card .photo-container {height: 208px;}
.photo-carousel { min-height: 453px !important; height: 453px !important; }
.modal-content { width: 53% !important;max-width: 53% !important;height: 90% !important;max-height: 90% !important; }
.listoffice, .modalofcep {font-size: 10px !important;}
}
@media (min-width: 1100px) and (max-width:1200px) and (min-height: 650px) and (max-height: 699px) {
	.legend-item {margin: 6px 0px !important;}
}
@media (min-width:1024px) and (max-width:1024px) {
.modal-content {width: 90%;max-width: 90%;height: 72%;max-height: 72%;}
.photo-carousel {min-height: 690px;height: 690px;}
#modal-address {font-size: 18px;}
.search-results {max-height: 500px;}
}
@media (min-width:912px) and (max-width:912px) {
.modal-content {width: 90%;max-width: 90%;height: 62%;min-height: 62%;}
.photo-carousel {min-height: 550px;height: 550px;}
}
@media (min-width:853px) and (max-width:853px) {
.modal-content {width: 90%;max-width: 90%;height: 58%;min-height: 58% !important;}
.photo-carousel {min-height: 640px;height: 640px;}
}
@media (min-width:820px) and (max-width:820px) {
.modal-content {width: 90%;max-width: 90%;height: 65%;min-height: 65% !important;}
.photo-carousel {min-height: 495px;height: 495px;}
}
@media (min-width:540px) and (max-width:540px) {
.modal-content {width: 80%;max-width: 80%;height: 91%;min-height: 91% !important;}
.photo-carousel {min-height: 290px;height: 290px;}
}
@media (min-width:430px) and (max-width:430px) {
#listing-type-dropdown {left: 80% !important;}
}
@media (min-width:414px) and (max-width:414px) {
.modal-content {width: 90%;max-width: 90%;height: 65%;min-height: 65% !important;}
.photo-carousel {min-height: 250px;height: 250px;}
}
@media (min-width:412px) and (max-width:412px) {
.modal-content {width: 90%;max-width: 90%;height: 65%;min-height: 65% !important;}
.photo-carousel {min-height: 280px;height: 280px;}
}
@media (min-width:402px) and (max-width:402px) {
.modal-content {width: 90%;max-width: 90%;height: 67%;min-height: 67% !important;}
.photo-carousel {min-height: 250px;height: 250px;}
}
@media (min-width:390px) and (max-width:390px) {
.modal-content {width: 88%;max-width: 88%;height: 70%;max-height: 70%;}
.photo-carousel {min-height: 230px;height: 230px;}
} 
@media (min-width:375px) and (max-width:375px) {
.modal-content {max-height: 80% !important;width: 90% !important;max-width: 90% !important;height: 80% !important;}
.photo-carousel {min-height: 225px !important;height: 225px !important;}
#photo-counter {font-size: 11px;padding: 2px 0px;}
.sidebar-tab {top: 45% !important;}
}
@media (min-width:320px) and (max-width:320px) {
.modal-content {max-height: 80% !important;width: 90% !important;max-width: 90% !important;height: 80% !important;}
.photo-carousel {min-height: 165px !important;height: 165px !important;}
#days-on-market {font-size: 11px;}
#modal-address {font-size: 13px;}
}
@media (min-width: 800px) and (max-width: 900px) and (min-height: 1000px) and (max-height: 1100px) {
.modal-content {width: 95% !important;max-width: 95% !important;height: 75% !important;min-height: 75% !important;}
.photo-carousel {min-height: 525px !important;height: 525px !important;}
}
@media (min-width: 370px) and (max-width: 399px) and (min-height: 800px) and (max-height: 850px) {
.modal-content {width: 90% !important;max-width: 90% !important;height: 70% !important;min-height: 70% !important;}
.photo-carousel {min-height: 250px !important;height: 250px !important;}
}
@media (min-width: 430px) and (max-width: 460px) and (min-height: 750px) and (max-height: 800px) {
.modal-content {width: 90% !important;max-width: 90% !important;height: 75% !important;min-height: 75% !important;}
.photo-carousel {min-height: 230px !important;height: 230px !important;}
}
@media (min-width: 400px) and (max-width: 420px) and (min-height: 650px) and (max-height: 700px) {
.modal-content {width: 90% !important;max-width: 90% !important;height: 90% !important;min-height: 90% !important;}
.photo-carousel {min-height: 270px !important;height: 270px !important;}
}
@media (min-width: 370px) and (max-width: 399px) and (min-height: 525px) and (max-height: 550px) {
.modal-content {width: 95% !important;max-width: 95% !important;height: 95% !important;min-height: 95% !important;}
.photo-carousel {min-height: 218px !important;height: 218px !important;}
.modal-actions-right {gap: 10px 10px;}
}