@media only screen and (max-width: 1040px) {
    .inner-section-wrapper {
        display: block;
        float: left;
        clear: none;
        padding: 0.2em 0.2em 0.2em 0.2em;
    }
    #PropertyImage {
        display: flex;
        justify-content: center;
        align-content: center;
        width: auto;
        height: auto;
    }
    #PropertyImage img {
        width: auto;
        height: auto;
    }
    .property-img-wrapper {
        height: 55%;
        display: inline;
    }
    .property-info-wrapper {
        width: 98%;
    }

    #no-property-img {
        width: 35% !important;
    }
}

@media only screen and (max-width: 320px) {
    .block-3 {
        width: 40%;
    }
}

@media only screen and (min-width: 769px) {
    #triggerFilters {
        display: none;
    }

    #mobileOuterFilterWrapper {
        display: none !important;
    }

    #desktopOuterFilterWrapper > div {
        display: block !important;
    }

    #keywordsDiv {
        display: block !important;
    }
}

@media only screen and (max-width: 768px) {
    #triggerFilters {
        display: block !important;
    }

    #desktopOuterFilterWrapper > div {
        display: none !important;
    }

    div#FormContainer {
        width: 55vw;
    }

    .fl-col-small:not(.fl-col-small-full-width) {
        max-width: 100%;
    }

    .inner-section-wrapper {
        display: block !important;
    }

    .property-info-wrapper {
        width: 100% !important;
    }
}

@media only screen and (max-width: 450px) {
    #mobileOuterFilterWrapper > div > div:nth-child(n) {
        display: block !important;
    }

    #mobileOuterFilterWrapper > div > div:nth-child(n) > div:nth-child(n) {
        padding-left: 0em !important;
        padding-right: 0em !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 990px) {
    #checkboxes {
        display: block !important;
    }
}

@media only screen and (max-width: 967px) {
    .hidden-break {
        display:  block;
        margin-top: -40px;
    }

    #property-map, .acf-property-map {
        height: 91.5vh !important;
    }
}

@media only screen and (max-width: 989px) {
    #property-map, .acf-property-map {
        height: 95.5vh !important;
    }
}

@media only screen and (max-width: 288px) {
    #checkboxes {
        display: block !important;
    }
}


#mobileOuterFilterWrapper > div {
    display: none;
}

.mobile-sliders-wrap {
    display: flex;
}

.mobile-col-50 {
    padding-right: .7em;
    width: 50%;
}

.mobile-col-50 > div {
    padding-top: .8em;
    width: auto;
}

.mobile-col-100 {
    padding-bottom: .8em;
}

.mobile-col-100 > div {
    padding-top: .8em;
    padding-bottom: .8em;
    width: auto;
}

#PriceRangeMobile, #PropertyAreaMobile, #FrontageMobile, #DepthMobile, #AcerageMobile {
    width: auto;
}
#PropertySearchForm {
    padding-top: 1em;
}

#PriceRange, #PropertyArea, #Frontage, #Depth, #Acerage {
    width: auto;
}

#desktopOuterFilterWrapper > div {
    display: none;
}

#desktopOuterFilterWrapper > div > div {
    width: auto;
}

.slider-wrap {
    padding-top: .8em;
    width: auto;
}

#filters {
    margin-top: -19px;
}

#filters > div {
    width: auto;
}

#checkboxes {
    display: flex;
    padding-bottom: 5px;
}

#ForLeaseOption, #ForSaleOption {
    padding: 0 5px 0 5px;
}

#keywordsDiv {
    text-align: center;
}

.propertyFieldTitle {
    display: flex;
    align-content: center;
    justify-content: center;
}

.propertyFormLabel {
    padding-right: .3em;
}

.propertyFormLabel > span {
    padding: 0 7px 0 5px;
    word-wrap: break-word;
}

.property-details-link {
    text-decoration: none;
}

#property-map, .acf-property-map {
    height: 91vh;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #00807b;
}
#property-map, .acf-property-map:focus {
    outline: none;
}
.gm-style .gm-style-iw-c {
    padding: 25px 20px;
    -webkit-box-shadow: 0 2px 30px -10px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 30px -10px rgb(0 0 0 / 30%);
    border-radius: 20px;
}
.gm-style button.gm-ui-hover-effect {
    top: 0 !important;
    right: 0 !important;
    width: 40px !important;
    height: 40px !important;
}
.gm-style button.gm-ui-hover-effect img {
    height: 20px !important;
    width: 20px !important;
}
.property-map-tooltip {
    max-width: 300px;
}
.property-map-tooltip p.title {
    font-size: 17px;
    margin: 0 0 0.5em;
}
.property-map-tooltip p,
.property-map-tooltip ~ p {
    margin: 0 0 1em;
    font-size: 14px;
}
.property-map-tooltip ~ p a.elementor-button {
    padding: 0.75em 1em;
    margin-right: 0.5em;
    font-size: 14px;
}
.property-map-tooltip ~ .google-data {
    padding-bottom: 1em;
    border-bottom: 1px solid #ddd;
}

.property-container {
    padding: 0 0 2em 0;
}
#MainPropertyListHeading {
    background: #555555;
    border-radius: 6px 6px 0px 0px;
    color: #ffffff;
    margin-bottom: 0px;
    padding: 0.1em 0.2em 0.1em 0.5em;
}
.property-section-wrapper {
    border: 4px solid #555555;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: .4em .4em .4em .4em;
    display: flex;
}

.inner-section-wrapper {
    display: flex;
    width: 100%;
}
.property-info-wrapper {
    width: 90%;
    height: 65%;
    padding: 1.2em 0.5em 0 0.5em;
}
.property-img-wrapper {
    width: 40%;
    height: 65%;
    padding: 0.5em 0.5em 0 0.5em;
}
#PropertyImage {
    width: auto;
    height: auto;
}
#PropertyImage img {
    width: auto;
    height: auto;
    border-radius: 5px;
}
#property-info {
    margin-right: 30px;
}
#PropertyHeading {
    color: #000000;
    padding-right: 30px;
}
#PropertyType {
    position: relative;
    padding-right: 30px;
}
#PropertyRealtor {
    position: relative;
}
#PropertyId {
    position: relative;
}

#ViewInfoLink {
    position: relative;
    text-decoration: none;
}

#ViewInfoLink:hover {
    padding-left: .5em;
}

.block-1 {
    display: flex;
    height: auto;
}
.block-2 {
    width: 100%;
    height: auto;
}
.block-3 {
    width: 37%;
    height: auto;
}
.block-4 {
    height: auto;
}

#categories {
    width: 100%;
}

#keywords {
    width: 100%;

}

#keywords > div {
    padding: 10px 0;
}

.property-img-wrapper > #FormContainer {
    padding: 1.2em;
}

.property-search-form-div {
    padding: 10px 20px 10px 20px;
    border-radius: 6px;
    background-color: #FFFFFF;
    margin-top: -19px;
}

.ui-slider-range {
    width: 33.9455%;
    background-color: rgb(1, 107, 116);
    border-radius: 6px;
}

.ui-slider-handle {
    outline: 0px;
    border-radius: 100%;
    background: rgb(1, 107, 116);
}

.amount {
    border:0;
    color:#555555;
    font-weight:bold;
    width: 100%;
    border-radius: 6px;
}


#ResetBtn {
    padding: 2px 12px 2px 12px;
    border-radius: 10px;
    width: 65%;
    color: #FFFFFF;
    background-color: #036A73;
    font-weight: bold;
    font-size: 19px;
    border: 2px solid #FFFFFF;
}

#ResetBtn:hover {
    color: #ABABAB;
    border: 2px solid #ABABAB;
}

.center {
    display: flex;
    justify-content: center;
    align-content: center;
}

.outer {
    border-radius: 15px;
    background-color: #016B74;
    padding: 12px;
}

.ui-widget.ui-widget-content {
    border-radius: 6px;
}

#AcerageAmount {
    font-size: 19px;
}

#DepthAmount {
    font-size: 19px;
}

#FrontageAmount {
    font-size: 19px;
}

#PropertyAreaAmount {
    font-size: 19px;
}

#PriceRangeAmount {
    font-size: 19px;
}
input#ResetBtn:focus {
    outline: none;
}

input#PriceRangeAmount {
    outline: none;
    word-wrap: break-word;
}

input#PropertyAreaAmount {
    outline: none;
    word-wrap: break-word;
}

input#FrontageAmount {
    outline: none;
    word-wrap: break-word;
}

input#DepthAmount {
    outline: none;
    word-wrap: break-word;
}

input#AcerageAmount {
    outline: none;
    word-wrap: break-word;
}

input#PriceRangeAmountMobile {
    outline: none;
}
input#PropertyAreaAmountMobile {
    outline: none;
}
input#FrontageAmountMobile {
    outline: none;
}
input#DepthAmountMobile {
    outline: none;
}
input#AcerageAmountMobile {
    outline: none;
}

.ui-slider .ui-slider-handle {
    outline:  none;
}
#ViewInfoLink:focus {
    outline:  none;
}
#property-map > div > div > div:nth-child(n) > div:nth-child(n) > div > div:nth-child(n):focus {
    outline:  none !important;
}

#property-map > div > div > div:nth-child(n) > div:nth-child(n) > div > div:nth-child(n) > div:nth-child(n) {
    outline:  none !important;
}

#property-map > div > div > div:nth-child(n) > div:nth-child(n) > div > div:nth-child(n) > div > div > div > div > button:focus {
    outline: none !important;
}

:focus, a:focus, .btn:focus, .bbp-submit-wrapper .button:focus, #bbp-search-form .button:focus, a.card:focus, .dropdown .dropdown-toggle:focus {
    outline: 0 !important;
}

.property-list-container {
    padding-bottom: 20px;
}

#MainPropertyHeading {
    background: #6BA539;
    border-radius: 6px 6px 0px 0px;
    border-top: 3px solid #555555;
    border-left: 3px solid #555555;
    border-right: 3px solid #555555;
    padding: .5em .2em .2em .7em;
    color: #FFFFFF;
}

.property-section-wrapper{
    display: flex;
}

/*.property-info-wrapper {*/
/*    width: 100%;*/
/*    height: 65%;*/
/*    padding: 0 0.5em 0 0.5em;*/
/*}*/

#property-info {
    margin-right: 30px;
}

#PropertyMLS {
    word-wrap: break-word;
}

#PropertyHeading {
    color: #000000;
    padding-right: 30px;
}

#PropertyType {
    position: relative;
    padding-right: 30px;
}

#PropertyRealtor {
    position: relative;
}

#PropertyId {
    position: relative;
}

#PropertyPrice {
    position: relative;
    word-wrap: break-word;
}

#ViewInfoLink {
    position: relative;
}

.block-1 {
    display: flex;
    height: auto;
}

.block-2 {
    width: 80%;
    height: auto;
}

.block-3 {
    height: auto;
}

.block-4 {
    height: auto;
}

#PropertySpecSheetBtn {
    background-color: #00838F;
    border-radius: 8px;
    padding: 7px;
    border: 2px solid;
    color: #FFFFFF;
    width: 245px;
}

#PropertySpecSheetBtn:hover {
    color: #ABABAB;
    opacity: 1;
}

/** Realtor Styles*/
.realtor-container {
    display: flex;
    border-radius: 0px 0px 6px 6px;
    padding: 0.7em 0.5em 0.5em 0.5em;
    width: 100%;
}

.main-block-1 {
    width: 100%;
    padding: 0 0 0 0.5em;
}

#MainRealtorHeading {
    background: #555555;
    color: #FFFFFF;
    padding-left: 12px;
    width: 100%;
    border-radius: 6px 6px 0px 0px;
    padding: 0.2em 0.2em 0.2em 0.2em;
}

.center {
    display: flex;
    align-content: center;
    justify-content: center;
}

.inner-block-1 {
    padding: .5em 1em 0em 1em;
}

#RealtorName {
    display: flex;
}

.main-block-2 {
    padding: 0 0 0.6em 0.2em;
    width: 100%;
}

.inner-block-2 {
    padding: 0.5em 0.5em 0 0.5em;
}

#RealtorDescription {
    padding: 0 0 0.5em 0;
}

#InformationButtons {
    display: flex;
}

#EmailButton {
    background-color: #00838F;
    border-radius: 8px;
    padding: 7px;
    border: 2px solid;
    color: #FFFFFF;
    width: 95px;
}

#EmailButton:hover {
    color: #ABABAB;
    opacity: 1;
}

#CallButton {
    background-color: #00838F;
    border-radius: 8px;
    padding: 7px;
    border: 2px solid;
    color: #FFFFFF;
    width: 95px;
}

#CallButton:hover {
    color: #ABABAB;
    opacity: 1;
}

#WebsiteButton {
    background-color: #00838F;
    border-radius: 8px;
    padding: 7px;
    border: 2px solid;
    color: #FFFFFF;
    width: 110px;
}

#WebsiteButton:hover {
    color: #ABABAB;
    opacity: 1;
}

.main-block-3 {
    width: 30%;
    padding: 0.8em 0.8em 0.8em 0.8em;
    display: flex;
    align-content: center;
    justify-content: center;
    margin: auto;
}

.inner-block-3 {
    display: flex;
    border-radius: 8px;
}

#RealtorImage {
    padding: 0.5em 0 0 0;
    width: 40%;
    height: auto;
}

.add-space {
    padding: 0 0.1em 0 0.1em
}












@media only screen and (max-width: 900px) {
    .realtor-info-container > div:nth-child(2) {
        flex-direction: column !important;
    }
    .info-stack {
        width: 100% !important;
    }
    .img-wrapper {
        display: flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-flex;
        justify-content: center;
    }
    .listing-container, .inner-1, .inner-2, .inner-3 {
        flex-direction: column !important;
    }
    .inner-1 > div {
        width: 100% !important;
    }
    .inner-2 > div, .inner-3 > div {
        padding: 0 !important;
    }
    .inner-4 > div {
        margin: 0 !important;
    }
    .inner-4 > div > textarea {
        width: 100% !important;
    }
    .property-images-container > div > img {
        height: auto !important;
    }
    .property-images-container > div {
        width: 100% !important;
    }
}

.hidden-field,
.property_id,
.hidden-form,
.hidden-container {
    display: none !important;
}

.realtor-portal-container,
.realtor-info-container,
.realtor-listings-container,
.info-stack,
.info-stack > form,
.inner-1 > div:nth-child(1),
.inner-1 > div:nth-child(2),
.realtor-listings-container > div:nth-child(2),
.add-listing-form > .inner-1,
.add-listing-form > .inner-4,
.add-listing-form > .inner-5 {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-flex;
    justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.add-listing-form > .inner-2,
.add-listing-form > .inner-3 {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-flex;
    justify-content: center;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
}

.img-wrapper {
    width: 35%;
    height: auto;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.img-wrapper > img,
.property-img-wrapper > a > img {
    width: 100%;
    border-radius: .9em;
    height: auto;
}

.img-wrapper > input {
    width: 100%;
    padding: 1em 0;
}

.realtor-info-container,
.realtor-listings-container,
.edit-listing-form,
.add-listing-form {
    border: 2px solid #555555;
    padding: .8em;
    border-radius: 1.5em;
    margin-bottom: 3em;
}

.realtor-info-container > div:nth-child(2) > div:nth-child(2) {
    width: 65%;
    padding: .9em;
}

.realtor-info-container > div > h3 {
    text-align: center;
    text-decoration: underline;
}

.realtor-info-container > div:nth-child(2) {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-flex;
    justify-content: start;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
}

.realtor-info-container > div,
.realtor-listings-container > div,
.add-listing-form > .inner-1 {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-flex;
    justify-content: center;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    width: 100%;
}

.realtor-listings-container > div > h3 {
    width: 80%;
    text-decoration: underline;
}

.edit-buttons {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-flex;
    justify-content: center;
    padding-top: 1em;
}

#EditRealtor,
#AddListing,
#EditListing,
#DeleteListing,
#SubmitNewListing {
    padding: .5em 1em;
    border-radius: 10px;
    color: #FFFFFF;
    background-color: #036A73;
    font-weight: bold;
    font-size: 19px;
    border: 2px solid #FFFFFF;
}

#EditRealtor:hover,
#AddListing:hover,
#EditListing:hover,
#DeleteListing:hover,
#SubmitNewListing:hover {
    color: #ABABAB;
    border: 2px solid #ABABAB;
}

#RealtorInformationForm > input,
#RealtorInformationForm > textarea {
    width: 100%;
    margin: -0.8em 0 0.5em 0.5em;
}

.realtor-title, .property-title {
    font-size: 1.25em;
    margin-bottom: 1rem;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.2;
    color: inherit;
}

.listing-container {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    width: 100%;
}

.listing-container > div {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    height: auto;
    width: 30%;
}

.listing-container > .info-stack {
    padding: 1em 0 0 0.5em;
    width: 70%;
}

.listing-divider {
    color: #555555;
    width: 85%;
    margin: 1.5em auto 1.5em auto;
}

.inner-1 {
    margin-bottom: 1em;
}

.inner-2 > div, .inner-3 > div {
    padding: 1em;
}

.inner-4 > div {
    margin: auto;
}

.inner-4 > div:nth-child(2),
.inner-4 > div:nth-child(3) {
    width: 67%;
}

.inner-4 > div:nth-child(4) {
 margin-bottom: 1em;
}

.inner-4 >div:nth-child(2) > input {
    width: 100%;
}

.inner-4 > div:nth-child(5) {
    margin: 0 0 2em 0;
}

.inner-5 > div {
    padding: 0 .5em;
    margin: auto;
}

.inner-5 > div > input {
    width: 130%;
}

.add-listing-form > div > input,
.edit-listing-form > div > input {
    width: 68%;
}
.add-listing-form > .inner-1 > div:nth-child(2) > label {
    padding: .3em 0 .3em;
}

.inner-1 > div:nth-child(1) > textarea {
    width: 100%;
}

.inner-1 > div {
    padding-right: 5em;
}

.property-info-group > div {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-flex;
    align-items: baseline;
}

.property-info-group > div > label {
    padding-left: .5em;
}

.add-listing-form > div:nth-child(1),
.edit-listing-form > div:nth-child(1) {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    width: 100%;
    align-items: baseline;
}

.add-listing-form > div:nth-child(1) > div,
.edit-listing-form > div:nth-child(1) > div {
    margin: 0 0 0 auto;
}

.add-listing-form > div:nth-child(1) > h3,
.edit-listing-form > div:nth-child(1) > h3 {
    text-decoration: underline;
    margin-left: .5em
}

.property-images-container {
    flex-wrap: wrap;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    justify-content: center;
}

.property-images-container > div {
    flex-grow: 1;
    width: 33%;
    padding: .5em;
}

.property-images-container > div > img {
    width: 100%;
    height: 20vh;
    filter: brightness(70%);
    -webkit-filter: brightness(70%);
}

.property-images-container > div > span {
    color: red;
    font-size: 1.75rem;
    padding-top: 0;
    font-weight: bolder;
    position: absolute;
    z-index: 1;
    margin-top: -.4em;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.property-images-container > div > span:hover {
    cursor: pointer;
}

/* layout wrapper (replaces the old Beaver Builder columns) */
.wssm-ps-layout{ display:flex; gap:1.5em; align-items:flex-start; }
.wssm-ps-form-col{ flex:0 0 320px; }
.wssm-ps-results-col{ flex:1 1 auto; min-width:0; }
.wssm-ps-results-col #property-map,
.wssm-ps-results-col .acf-property-map{ width:100% !important; }

/* Match old site: 2 columns down to 768px, then stack */
@media (max-width:768px){
  .wssm-ps-layout{ display:block; }
  .wssm-ps-form-col{ margin-bottom:1.5em; }
}

/* Override Hello Elementor reset.css input styling on the amount fields (match old flat look) */
#PropertySearch input.amount,
#PropertySearch input[type="text"].amount {
  border: 0 !important;
  padding: 1px 2px !important;
  height: auto !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #555 !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
#PropertySearch input.amount:focus { outline: none !important; box-shadow: none !important; }

/* Kill Elementor global-kit underline on listing title links (was showing as a blue border) */
#PropertySearch a.property-details-link,
#PropertySearch a.property-details-link:hover,
#PropertySearch a.property-details-link:focus,
#PropertySearch #MainPropertyListHeading { text-decoration: none !important; }

/* Search results list spans full width below the form + map row */
#PropertySearch .wssm-ps-list { width: 100%; clear: both; margin-top: 1.5em; }

/* Neutralize old Beaver Builder 55vw form width on mobile — form now fills its column */
@media only screen and (max-width:768px){
  #PropertySearch div#FormContainer{ width:100% !important; }
}

/* Fix: breathing room between the Property Type label and its select */
#PropertySearch .property-search-form-div .propertyFieldTitle { margin-bottom: 8px; }
#PropertySearch #categories { margin-top: 4px; }

/* Fix: Keywords label sits on its own line above the input, and the input clears the Reset button */
#PropertySearch #keywordsDiv label.propertyFormLabel { display: block; margin-bottom: 8px; }
#PropertySearch #keywords { margin-bottom: 14px; }