section {
    margin-top: 50px;
    margin-bottom: 50px;
}

#tableWrapper {
    /*hode old table should be removed*/
    display: none;
}

.t3-wrapper {
    max-width: 100% !important;
}

.center {
    text-align: center;
}

#showcase #image_container, #sub-showcase #image_container {
    background-image: url("/Clients/raines/IMG_0636.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#sub-showcase {
    max-height: 150px;
    overflow: hidden;
}

#sub-showcase h2 {
    color: #fff;
    margin-top: 0;
    padding-top: 0;
}

#showcase h2 {
    color: #fff;
    margin-top: 0;
    padding-top: 0;
}

#showcase p {
    color: #fff;
}

.bottom_padding_50 {
    margin-bottom: 50px;
}

#about_home {
    background-color: #c4c4c4;
}

.about_text {
    padding: 50px;
    align-self:center;
    color: #000;
}

.about_image img {
    margin-top: -25px;
    margin-bottom: -25px;
}

#features {
    text-align: center;
}

#features img {
    max-width: 75px;
    height: auto
}

#features div {
    padding: 50px;
    border: none;
}



.toggle_map_bar {
    margin-top: 25px;
    margin-bottom: 25px;
}

.flex_container.nogap {
    gap: 0;
}

.property_results_icons {
    text-align: center;
}

.property_results_icons div img {
    max-width: 75px;
    height: auto;
}

.results_highlight, h3, h4, h5, h6 {
    color: #002855;
    font-weight: 700;
    font-size: 18px;
}

.padding15 {
    padding: 15px;
}

.image_container {
    position: relative;
/*    height: 275px;*/
    overflow: hidden;
}

.image_container img {
        height: auto !important;
        width: 100%;
        object-fit: cover;
}


.property_address {
    position: absolute;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    left: 20px;
    bottom: 10px;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(2,0,36);
    background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.8632046568627451) 100%);
}

#staff div {
    padding: 25px;
}

.details .button, .apply .button, .button {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
    color: #fff;
}

.details .button, .button {
    background-color: #002855;
}

.apply .button {
    background-color: #05aadd;
}

#search_bar {
    background-color: #002855;
    padding: 10px;
}

#search_bar .flex_container {
    justify-content: center;
    align-content:center;
}

#search_bar .flex_container p {
    color: #fff;
}

#search_bar .form_item {
    align-self: center;
}

#search_bar .flex_container p {
    padding: 0;
    margin: 0;
}

#search_bar label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

#search_bar input, #search_bar select {
    padding: 5px !important;
    height: 100%;
    margin: 0;
    padding-block: 0;
    padding-inline: 0;
}

.property_description hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #e42137;
}

.pl_iframe {
    text-align: center
}

.hidden {
    display: none;
}

.show {
    display: block;
}

.t3-copyright img {
    max-height: 75px;
    width: auto;
}

.utilities td.title {
    width: 225px;
    max-width: 24%;
}

.utilities td {
    padding: 10px;
}

    #feature_properties > div, #property_result_grid > div {
    background-color: #fff;
}

button {
    height: 38px;
    padding: 0 20px;
    border: none;
    border-radius: 4px;
    background-color: white;
    color: #002856;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
}

@media (min-width: 920px) {
    #showcase .cover {
        background-color: rgba(0,0,0,0.7);
        padding: 100px;
    }

    .mobile {
        display: none;
    }

    #sub-showcase .cover {
        background-color: rgba(0,0,0,0.7);
        padding: 50px;
    }

    #search_bar form div {
        align-self:center;
    }

    #showcase {
        height: 300px;
        width: 100%;
        max-height: 300px;
        overflow: hidden;
    }
    #map_canvas, #property_result_grid {
        height: 70vh;
    }

    #property_result_grid {
        overflow: hidden;
        overflow-y: scroll;
    }
    .flex_container {
        display: flex;
        gap: 10px;
        width: 100%;
    }
    .flex1 {
        flex: 1;
    }

    .flex2 {
        flex: 2;
    }

    .flex_wrap {
        flex-wrap: wrap;
    }

    .flex2_per_row > div {
        flex: 1 1 calc(49.33% - 10px);
        max-width: calc(49.33% - 10px);
    }
    .flex3_per_row > div, .flex2_per_row > div {
        border: 1px solid #c4c4c4;
    }

    .flex3_per_row > div, .property_results_icons > div {
        flex: 1 1 calc(33.33% - 10px);
        max-width: calc(33.33% - 10px);
    }
    .half_width {
        max-width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    .flex3_per_row > div, .flex2_per_row > div {
        border: 1px solid #c4c4c4;
    }

    #search_bar input[type="text"]#beds, #search_bar input[type="text"]#baths {
        max-width: 75px !important;
    }

    .search_toggle, .search_Cancel {
        display: none;
    }
}

@media (max-width: 919px) {
    #search_bar form {
        display: none;
        position: absolute;
        margin: 0;
        top: 0;
        left: 0;
        padding: 25px;
        width: 100%;
        height: 100vh;
        background-color: #002855;
        z-index:3001;
    }

    #search_bar form div {
        margin: 20px 0;
    }

    .property-card {
        padding: 0 !important;
    }

    .flex_container > div {
        display: block;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .flex_container div input, .flex_container div select {
        width: 100%;

    }

    .search_toggle, .search_Cancel {
        display: block;
        border: 1px solid #fff;
    }
    #map_canvas {
        height: 250px;
        margin-bottom: 50px;
    }
    #feature_properties > div, #property_result_grid > div {
        margin-bottom: 20px;
        background-color: #fff;
    }
    .property_results_icons, .button_row {
        display: flex;
    }
    .flex1 {
        flex: 1;
    }

    .flex2 {
        flex: 2;
    }
    .property_results_icons > div {
        flex: 1 1 calc(33.33% - 10px);
        max-width: calc(33.33% - 10px);
    }

    .half_width {
        width: 100%;
    }
    .cover {
        background-color: rgba(0,0,0,0.7);
        padding: 50px 10px;
    }

    #search_bar .form_item input, #search_bar .form_item select,
    #search_bar input[type="text"]#beds, #search_bar input[type="text"]#baths {
        width: 100%;
        margin-bottom: 15px;
    }


}

@media (max-width: 767px) {
    .col-md-4 {
        width: 100% !important;
        float: none !important;
        padding: 0 10px;
    }
}