/* Table of Contents
 *
 * 1. MAP
 * 2. MAP FILTERS
 * 3. MAP MARKERS
 * 4. MAP SEARCH FORM
 * 5. LISTINGS
 * 6. LISTINGS (UNDER MAP)
 *
 ********************************/

/*
 * 1. MAP
 ****************************/

#slsmap {
    height: 480px;
}

/* Legend */
#slsmap_legend {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#slsmap_legend h4 {
    width: 100%;
    margin-bottom: 18px;
}

.slsmap_legend--key {
    display: flex;
    align-items: center;
    width: 32%;
    margin-right: 1%;
}

.slsmap_legend--key img {
    max-width: 40px;
    margin-right: 10px;
}

.slsmap_legend--key p {
    line-height: 1;
    margin: 10px 0;
}

@media only screen and (max-width: 767px) {
    .slsmap_legend--key {
        display: flex;
        align-items: center;
        width: 49%;
        margin-right: 1%;
    }
}

/*
 * 2. MAP FILTERS
 ****************************/
.sls-map__filters-form {
    display: block;
    margin-top: 0;
    /* Removed margin-top to avoid overlap with the map */
    background: #e4e4e4;
    border-radius: 10px;
    padding: 10px;
    width: auto;
    min-width: 250px;
}

.sls-map__filters-label {
    margin: 0;
    padding: 10px;
    float: left;
    list-style: none;
    width: auto;
    background: #e4e4e4;
    border-radius: 10px;
    display: none;
}

.sls-map__filters-options {
    width: 85%;
    display: flex;
    justify-content: space-between;
    margin-left: 0;
    padding: 0 !important;
}

.sls-map__filters-options li {
    list-style: none;
    margin: 0 !important;
}

.sls-map__filters-option label {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
}

.sls-map__filters-option label input {
    margin-right: 5px;
}

/* Filter checkboxes */
/* sls-map-Customize the label (the container) */
.sls-map__filters-option label {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.sls-map__filters-option label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a sls-map-custom checkbox */
.sls-map__filters-option label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid;
}

/* Create the checkmark/indicator (hidden when not checked) */
.sls-map__filters-option label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.sls-map__filters-option label input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.sls-map__filters-option label .checkmark:after {
    left: 6px;
    top: 0px;
    width: 7px;
    height: 14px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media only screen and (max-width: 767px) {
    .sls-map__filters-form {
        flex-wrap: wrap;
    }

    .sls-map__filters-label {
        width: 100%;
        text-align: center;
    }

    .sls-map__filters-options {
        flex-wrap: wrap;
        width: 100%;
    }
}

/*
 * 3. MAP MARKERS
 ****************************/
.sls-map__marker-title {
    margin-bottom: 0;
}

.sls-map__marker-info {
    font-size: 1em;
    margin-top: 0;
    width: 70%;
}

.sls-map__marker-cta-single {
    position: relative;
}

.sls-map__marker-cta-single:last-child::after {
    display: none;
}

.sls-map__marker-care-option-container {
    margin-bottom: 10px;
}

.sls-map__marker-cta-container {
    display: flex;
    flex-wrap: wrap;
}

.sls-map__marker-info a {
    color: #000;
}

.sls-map__marker-care {
    margin-bottom: 10px;
}

.sls-map__marker-info .sls-map__marker-care a {
    box-shadow: none;
    color: #777;
    pointer-events: none;
}

.sls-map__marker-address {
    margin-bottom: 5px;
}

/*
 * 4. MAP SEARCH FORM
 ****************************/
#sls-map-search-form {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#sls-map-search-form button {
    width: 15%;
    font-size: 16px;
    padding: 13px 20px;
    background: #fff;
    color: #000;
    border-radius: 0;
    border: 2px solid;
    cursor: pointer;
}

#sls-map-search-form button:hover {
    opacity: 0.8;
}

.sls-map-search--zip-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0;
    /* Removed margin-top to avoid overlap with the map */
    background: #e4e4e4;
    border-radius: 10px;
    padding: 10px;
    min-height: 90px;
}

.sls-map-search__field-wrapper label {
    font-weight: 400;
    display: block;
    font-size: 16px;
}

.sls-map-search__field-wrapper input,
.sls-map-search__field-wrapper select {
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 2px solid !important;
}

.sls-map-search--separator {
    width: 5%;
}

.sls-map-search--state-wrapper {
    width: 100%;
}

/* Results */
.sls-map--no-results {
    display: none;
    background: #f7f7f7;
    padding: 5px 20px;
    border-radius: 5px;
}

.sls-map--no-results.show-message {
    display: block;
}

.sls-map--no-results__content {
    font-style: italic;
}


/*
 * 5. LISTINGS
 ****************************/

/* Listing nav */
.sls-location-list__states {
    margin-bottom: 15px;
    text-align: center;
}

.sls-location-list__states a {
    display: inline-block;
}

.sls-location-list__container.sls-location-list__without-map .sls-location-list__states a {
    padding: 8px 20px;
    border-radius: 100px;
}

.sls-location-list__states a:focus {
    outline: none;
}

/* Listings */
.sls-location-list__locations {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.sls-location-list__locations .sls-location__wrapper {
    margin-bottom: 2%;
}

.sls-location__title {
    margin-bottom: 0;
    line-height: 1.2;
}

.sls-location__content-container .sls-location__title a,
.sls-location__content-container .sls-location__title {
    color: #000;
    text-decoration: none;
    font-size: 20px;
    display: block;
    line-height: 1.2;
    pointer-events: none;
}

.sls-location__content-container .sls-location__title,
.sls-location__content-container .sls-location__title a {
    color: #000 !important;
}

.sls-location__wrapper.active .sls-location__content-container .sls-location__title a {
    pointer-events: initial;
}

.sls-location__title a:hover {
    text-decoration: underline;
}

.sls-location__meta {
    font-size: 0.75em;
}

.sls-location__info a {
    display: block;
    font-size: 0.8em;
    cursor: pointer;
    text-decoration: none;
}

.sls-location__info a:hover {
    text-decoration: underline;
    color: #fff;
}

/* Listing Columns */
.sls-location-list__container.columns-1 .sls-location-list__locations .sls-location__wrapper {
    width: 100%;
    margin-right: 0;
}

/* 2 wide */
.sls-location-list__container.columns-2 .sls-location-list__locations .sls-location__wrapper {
    width: 49%;
    margin: 0 .5% 1%;
}

/* 3 wide */
.sls-location-list__container.columns-3 .sls-location-list__locations .sls-location__wrapper {
    width: 32.333%;
    margin: 0 .5001% 1%;
}

/* 4 wide */
.sls-location-list__container.columns-4 .sls-location-list__locations .sls-location__wrapper {
    width: 24%;
    margin: 0 .5% 1%;
}

/* 5 wide */
.sls-location-list__container.columns-5 .sls-location-list__locations .sls-location__wrapper {
    width: 19.2%;
    margin: 0 .4% .8%;
}

/* 6 wide */
.sls-location-list__container.columns-6 .sls-location-list__locations .sls-location__wrapper {
    width: 15.83336%;
    margin: 0 .41% .82%;
}

/*
 * 6. LISTINGS (UNDER MAP)
 ****************************/
#slsmap_list {
    padding: 20px 0;
}

#slsmap_list .sls-location-list__states {
    display: none;
}

#slsmap_list .sls-location__wrapper.hide {
    display: none;
}

/* RESPONSIVE LISTINGS */
@media only screen and (max-width: 1023px) {

    /* 4 wide */
    .sls-location-list__container.columns-4 .sls-location-list__locations .sls-location__wrapper {
        width: 49%;
        margin: 0 .5% 1%;
    }

    /* 5 wide */
    .sls-location-list__container.columns-5 .sls-location-list__locations .sls-location__wrapper {
        width: 32.333%;
        margin: 0 .5001% 1%;
    }

    /*6 wide */
    .sls-location-list__container.columns-6 .sls-location-list__locations .sls-location__wrapper {
        width: 32.333%;
        margin: 0 .5001% 1%;
    }

}

@media only screen and (max-width: 767px) {

    .sls-location-list__container.columns-2 .sls-location-list__locations .sls-location__wrapper,
    .sls-location-list__container.columns-3 .sls-location-list__locations .sls-location__wrapper,
    .sls-location-list__container.columns-4 .sls-location-list__locations .sls-location__wrapper,
    .sls-location-list__container.columns-5 .sls-location-list__locations .sls-location__wrapper,
    .sls-location-list__container.columns-6 .sls-location-list__locations .sls-location__wrapper {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1%;
    }

}

/* start EA styles */

.sls-location__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.sls-location__image.placeholder-image-active {
    object-fit: contain;
    object-position: center;
}

.sls-map-modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1000;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sls-map-modal-content {
    position: relative;
    background-color: #fefefe;
    margin: 10% auto;
    /* 10% from the top and centered */
    padding: 40px;
    border: 1px solid #888;
    width: auto;
    /* Responsive width */
    max-width: 600px;
    /* Maximum width */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    animation: fadeIn 0.3s;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.sls-map-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 1;
}

.sls-map-close:hover,
.sls-map-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.sls-map__wrapper {
    display: flex;
    margin: 0 auto;
    max-width: 1440px;
}

#slsmap,
#all-locations-map {
    width: 100%;
    order: 2;
    height: 700px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px -4px rgba(0, 0, 0, 0.3), 0px 4px 9px -2px rgba(0, 0, 0, 0.3);
}

#slsmap_list {
    width: 50%;
    height: 700px;
    overflow-x: auto;
    padding: 0 1% 0 0;
}

.sls-location-list__container .sls-location-list__locations .sls-location__wrapper {
    width: 100%;
    display: flex;
    margin: 7px 0;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px -4px rgba(0, 0, 0, 0.3), 0px 4px 9px -2px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    /* Transition for general properties */
    overflow: hidden;
    /* Keep content clipped to boundaries */
    position: relative;
    padding: 0;
}

.sls-location__content-container h3,
.sls-location__content-container h5,
.sls-location__content-container a {
    color: #000;
}

.sls-location__directions {
    text-decoration: underline;
}

.sls-location__title {
    font-size: 18px;
    font-weight: 700;
}

.sls-location__area {
    font-size: 18px !important;
    margin: 0;
}

.sls-location__wrapper.active .sls-location__area {
    margin: 0;
}

.sls-location__wrapper.active .sls-location__address {
    margin: 0 0 10px;
}

.sls-location__address {
    font-size: 14px;
    margin: 0;
}

.sls-location__info .sls-location__directions {
    display: none;
}

/* .sls-location__info .sls-location__phone {
    display: none;
} */

.sls-location__info .sls-location__landing-page {
    display: none;
}

/* .sls-location__info .sls-location__community {
    display: none;
} */

.sls-location__image-container {
    width: 30%;
    height: 100%;
    bottom: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
    transition: none;
}

.sls-location__wrapper.active {
    flex-wrap: wrap;
}

.sls-location__wrapper.active .sls-location__image-container {
    transition: transform 0.3s ease, width 0.3s ease 0.3s;
    /* Enable transition on activation */
    transform: translateY(0);
    /* Start transformation to slide up */
    width: 100%;
    /* Full width */
    height: 150px;
    /* Adjust height if necessary */
    border-radius: 10px;
    /* Smooth out all corners */
    margin-right: 0;
    position: relative;
}

.sls-location__wrapper.active .sls-location__image {
    width: 100%;
    height: 150px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
}

.sls-location__wrapper.active .sls-location__content-container {
    padding: 20px 5px;
    width: 100%;
}

.sls-location__meta {
    opacity: 0;
    height: 0;
    width: 0;
}

.sls-location__wrapper.active .sls-location__meta {
    position: absolute;
    bottom: 8px;
    left: 8px;
    animation: metaFadeIn .3s;
    animation-delay: .7s;
    animation-fill-mode: forwards;
    height: auto;
    width: auto;
}

.sls-location__wrapper.active .sls-location__meta a {
    border-radius: 100px;
    padding: 5px 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    margin: 0 5px 0 0;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 200;
}

.sls-location__wrapper.active .sls-location__meta a:hover {
    text-decoration: underline !important;
}

.sls-location__meta a:nth-of-type(n+4) {
    margin-top: 5px !important;
    display: inline-block;
    line-height: 1.2;
}

.sls-location__meta a:first-child {
    display: inline-block;
    line-height: 1.2;
}

@keyframes metaFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.sls-location__wrapper.active .sls-location__info .sls-location__phone,
.sls-location__wrapper.active .sls-location__info .sls-location__directions {
    display: block;
}

.sls-location__wrapper.active .sls-location__info .sls-location__landing-page {
    display: block;
}

.sls-location__wrapper.active .sls-location__info .sls-location__community {
    display: block;
}

.sls-location__image-container,
.sls-location__image,
.sls-location__content-container,
.sls-location__meta,
.sls-location__info .sls-location__phone,
.sls-location__info .sls-location__landing-page,
.sls-location__info .sls-location__community {
    transition: all 0.3s ease;
    /* Apply transitions to these elements as well */
}

.sls-location__wrapper.animating .sls-location__image-container {
    transform: translateY(0);
    /* Set initial translated state for animation to kick in */
}


/* Responsive adjustments */
@media (max-width: 600px) {
    .sls-map-modal-content {
        margin: 20% auto;
        /* Increase top margin on smaller screens */
        width: 80%;
        /* Slightly reduce width to maintain padding */
    }

    .sls-map-close {
        font-size: 24px;
        /* Slightly reduce font size for close button */
    }
}

@media (max-height: 400px) {
    .sls-map-modal-content {
        margin-top: 10%;
        /* Less margin at the top if the screen height is very small */
    }
}


.sls-map-container {
    position: relative;
    width: 100%;
    height: 500px;
    /* Ensure this matches your map height */
}

#all-locations-map {
    width: 100%;
    height: 100%;
}

.map-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0);
    /* Invisible but clickable */
    cursor: pointer;
    z-index: 100;
    /* Ensure this is above the map */
}

.sls-care-search {
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.sls-care-search-container {
    width: 100%;
}

.sls-care-search-container #zipcode::placeholder {
    color: #000;
    opacity: .5;
    font-weight: bold;
}

.care-type-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-height: 130px;
    width: 100%;
}

.search-by-zip {
    display: flex;
    flex-direction: column;
}

.search-by-zip label {
    font-size: 18px;
    font-weight: 700;
}

input#zipcode {
    border-radius: 10px;
    padding: 10px;
    color: #000;
}

.care-types {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}

.care-type-single {
    font-size: 18px;
    width: 50%;
}

.care-types-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.care-types-single {
    width: 50%;
}

.care-types-title {
    margin: 0 0 10px !important;
} 

.sls-care-search-container button {
    border-radius: 30px;
    padding: 8px 25px;
    border: none;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 20px;
    transition: .3s;
}

.sls-care-search-container button:hover {
    text-decoration: underline;
    transition: .3s;
    cursor: pointer;
}

.sls-care-search-container #zipcode {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.sls-care-search #all-locations-map {
    border-radius: 30px;
}

.sls-care-section-title-cta {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sls-care-search-wrapper {
    width: 100%;
    display: flex;
}

.sls-care-section-title-cta h2 {
    font-size: 45px;
    margin: 0;
}

a.sls-care-search-cta {
    background: transparent;
    border: 1px solid #000 !important;
    border-radius: 30px;
    padding: 8px 25px;
    border: none;
    font-size: 18px;
    text-transform: uppercase;
    color: #000;
    margin-top: 30px;
    transition: .3s;
}

a.sls-care-search-cta:hover {
    background: #285974;
    transition: .3s;
    color: #fff;
    text-decoration: none;
}

/* map filters tabs */
ul.sls-map-tabs {
    margin: 0;
    padding: 10px;
    float: left;
    list-style: none;
    width: auto;
    background: #e4e4e4;
    border-radius: 10px;
    display: none;
}

ul.sls-map-tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 20px;
    height: auto;
    line-height: 1;
    border: none;
    color: #45597a;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    transition: all .3s;
    border: 1px solid transparent;
}

.sls-map-tab_last {
    border-right: 1px solid #333;
}

ul.sls-map-tabs li:hover {
    color: #000;
    transform: translateY(-3px);
    transition: .3s;
}

ul.sls-map-tabs li.active {
    background-color: #fff;
    color: #333;
    border: 1px solid gainsboro;
    display: block;
}

.sls-map-tab_container {
    /* clear: both; */
    /* float: left; */
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}

.sls-map-tab_content {
    padding: 0;
    /*! display: none; */
    width: auto;
    margin: 0;
}

.sls-map-tab_drawer_heading {
    display: none;
}

@media screen and (max-width: 480px) {
    .sls-map-tabs {
        display: none;
    }

    .sls-map-tab_drawer_heading {
        background-color: #ccc;
        color: #fff;
        border-top: 1px solid #333;
        margin: 0;
        padding: 5px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .sls-map-d_active {
        background-color: #666;
        color: #fff;
    }
}

.sls-map__top-outer-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1440px;
    margin: 0 auto 30px;
    flex-direction: column;
}



/* sls-map-custom "select" dropdown styles */
.sls-map-custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
    z-index: 1000;
}

.sls-map-custom-select-wrapper select {
    display: none;
}

.sls-map-custom-select {
    position: relative;
    display: inline-block;
    width: 100%;
}

.sls-map-custom-select-trigger {
    position: relative;
    display: block;
    width: 100%;
    padding: 12px 45px 12px 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    /* Background color will be set dynamically by PHP */
    /* Text color will be set dynamically by PHP */
    cursor: pointer;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.sls-map-custom-select-trigger:hover {
    border-color: #007cba;
    box-shadow: 0 2px 8px rgba(0, 124, 186, 0.15);
}

.sls-map-custom-select.opened .sls-map-custom-select-trigger {
    border-color: #007cba;
    box-shadow: 0 2px 8px rgba(0, 124, 186, 0.25);
}

.sls-map-custom-select-trigger:after {
    position: absolute;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    top: 50%;
    right: 15px;
    margin-top: -4px;
    transform: rotate(45deg);
    transition: all 0.3s ease;
}

.sls-map-custom-select.opened .sls-map-custom-select-trigger:after {
    transform: rotate(-135deg);
    margin-top: -2px;
}

.sls-map-custom-options {
    position: absolute;
    display: block;
    top: calc(100% + 5px);
    left: 0;
    right: 0;
    width: calc(100% + 20px);
    min-width: 100%;
    /* Background color will be set dynamically by PHP */
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1001;
    max-height: 300px;
    overflow-y: auto;
}

.sls-map-custom-select.opened .sls-map-custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}

.sls-map-custom-option {
    position: relative;
    display: block;
    padding: 14px 5px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 16px;
    font-weight: 400;
    /* Text color will be set dynamically by PHP */
    line-height: 1.4;
    cursor: pointer;
    transition: all 0.2s ease;
}

.sls-map-custom-option:hover {
    /* Background and text colors will be set dynamically by PHP */
}

.sls-map-custom-option:first-of-type {
    border-radius: 6px 6px 0 0;
}

.sls-map-custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 6px 6px;
}

.sls-map-custom-option.selected {
    /* Background and text colors will be set dynamically by PHP */
}

/* Responsive improvements for dropdowns */
@media screen and (max-width: 768px) {
    .sls-map-custom-select-trigger {
        padding: 14px 45px 14px 15px;
        font-size: 16px;
    }
    
    .sls-map-custom-options {
        max-height: 250px;
        top: calc(100% + 3px);
    }
    
    .sls-map-custom-option {
        padding: 14px 15px;
        font-size: 16px;
    }
}

/* Ensure dropdown doesn't get cut off by parent containers */
.sls-map__top-outer-container {
    overflow: visible;
}

.sls-map-custom-select-wrapper {
    overflow: visible;
}

/* Fix for any potential z-index conflicts */
.sls-map__top-outer-container .sls-map-custom-select-wrapper {
    z-index: 1000;
}

/* Dropdown styling - colors will be set dynamically by PHP */
.sls-map-custom-select-trigger,
.sls-map-custom-select-trigger:hover,
.sls-map-custom-select-trigger:focus,
.sls-map-custom-select.opened .sls-map-custom-select-trigger {
    /* Background color will be set dynamically */
}

.sls-map-custom-options,
.sls-map-custom-options:hover,
.sls-map-custom-options:focus {
    /* Background color will be set dynamically */
}

/* Ensure dropdown options maintain proper background */
.sls-map-custom-option {
    /* Background color will be set dynamically */
}

.sls-map-custom-option:hover {
    /* Hover background will be set dynamically */
}

/* zipcode input field */

.codeInput-container {
    max-width: 200px;
    position: relative;
}

.codeInput-container>input {
    display: none;
}

.codeInput-container:before {
    content: '';
    display: block;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    border-bottom: 2px solid;
    border-color: #94969c;
    transition: opacity .3s ease;
}

.codeInput-container>span {
    font-size: 18px;
    position: absolute;
    left: 0;
    z-index: 1;
    top: 0;
    right: 0;
    line-height: 40px;
    display: block;
    color: #94969c;
    transition: all .3s ease;
}

.codeInput-container .inputs {
    display: flex;
    flex-flow: row nowrap;
}

.codeInput-container .inputs input {
    -webkit-appearance: none;
    opacity: 0;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    flex: 1;
    padding: 0;
    min-width: 0;
    margin-right: 8px;
    border: 0;
    border-bottom: 1px solid;
    border-color: #E6E8F0;
    background: none;
    line-height: 40px;
    color: #727682;
    text-align: center;
    font-size: 18px;
    outline: none;
    border-radius: 0;
    transition: all .3s ease;
}

.codeInput-container .inputs input:last-child {
    margin-right: 0;
}

.codeInput-container.active:before {
    opacity: 0;
}

.codeInput-container.active>span {
    transform: translate(0, -100%);
    border-color: transparent;
    line-height: 30px;
    font-size: 16px;
    opacity: 1;
    color: #000;
}

.codeInput-container.active .inputs input {
    opacity: 1;
    color: #000;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sls-map-search__field-wrapper.state {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    margin: 0 auto;
    align-items: flex-start;
    margin-top: 0;
    /* Removed margin-top to avoid overlap with the map */
    background: #e4e4e4;
    border-radius: 10px;
    padding: 10px 20px;
}

.sls-map-search__field-wrapper.address {
    margin-right: 20px;
    margin-top: 25px;
}


.dropdown-container {
    width: auto;
    position: relative;
    min-width: 250px;
}

.multi-select-drop-down {
    height: max-content;
    box-shadow: none;
    position: relative;
    width: 100%;
    padding: 0;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    border-radius: 10px 10px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.multi-select-drop-down input {
    width: 100%;
    border: none;
    height: 100%;
    background: none;
}

.multi-select-drop-down input:focus {
    outline: none;
}

.selected-options {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 auto;
}

.remove-option {
    padding: 0 5px;
    cursor: pointer;
}

.remove-option:hover {
    color: red;
}

.option-selected {
    display: none;
}

.selected-choice {
    padding: 5px;
    background: #c8c8c8;
    border-radius: 4px;
}

.no-data-msg {
    text-align: center;
    pointer-events: none;
}

.no-data-msg.hide-msg {
    display: none;
    color: #fff;
}

.sls-map__filters-label-inner {
    background-color: #fff;
    display: block;
    float: left;
    margin: 0;
    padding: 20px;
    height: auto;
    line-height: 1;
    color: #000;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    transition: all .3s;
    border: 1px solid transparent;
}

/* ////////////////////////////////////////////////////////////////// */

.multi-select-drop-down {
    width: 100%;
    height: max-content;
    display: flex;
    padding: 10px 50px 10px 15px;
    font-weight: 400;
    border-radius: 10px 10px 0 0;
    align-items: center;
    justify-content: space-between;
    box-shadow: none;
    border-bottom: 1px solid #e4e4e4;
}

.multi-select-drop-down input {
    width: 100%;
    border: none;
    height: 100%;
    background: none;
}

.multi-select-drop-down input:focus {
    outline: none;
}

.drop-list {
    /* display: none; */
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    top: 91%;
    width: 100%;
    left: 0;
    box-shadow: none;
    border-radius: 0 0 10px 10px;
    overflow: auto;
    /* opacity: 0; */
    /* transition: opacity 0.3s ease; */
    padding: 0;
    z-index: 9;
    /* transition: all .3s; */
    opacity: 1;
    pointer-events: all;
    transition: none;
    margin: 0;
    padding: 10px;
}

.drop-list .label {
    margin-bottom: 0;
}

.drop-list.show {
    display: block;
    opacity: 1;
    /* Fade in */
}

.drop-list li {
    padding: 10px;
    cursor: pointer;
    text-align: center;
    margin-left: 0;
    border-radius: 10px;
    display: flex;
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    width: 33%;
}

.drop-list li:hover {
    transition: all .3s;
    color: #fff;
}


.drop-list li:hover label {
    text-decoration: underline;
}

.remove-option {
    padding: 0 5px;
    cursor: pointer;
}

.remove-option:hover {
    color: red;
}

.option-selected {
    display: none;
}

.selected-choice {
    padding: 5px;
    background: #fff;
    color: #000;
    border-radius: 4px;
}

.no-data-msg {
    text-align: center;
    pointer-events: none;
}

.no-data-msg.hide-msg {
    display: none;
}

.selected-options .placeholder {
    margin-right: 0;
    font-size: 16px;
}

.sls-map__filters-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: auto;
}

.drop-list .option label {
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
}


#sls-map-search-form-submit {
    background: transparent;
    color: green;
    padding: 10px 15px;
    border: none;
    border-radius: 100px;
    width: 48%;
    margin-right: 2%;
    border: 2px solid green;
    text-transform: uppercase;
    font-weight: bold;
    transition: all .3s;
}

#sls-map-clear-form {
    background: transparent;
    color: #ca1313;
    padding: 10px 15px;
    border: 2px solid #ca1313;
    border-radius: 100px;
    width: 48%;
    text-transform: uppercase;
    font-weight: bold;
    transition: all .3s;
}

#sls-map-search-form-submit:hover {
    background: green;
    color: #fff;
    transition: all .3s;
}

#sls-map-clear-form:hover {
    background: #ca1313;
    color: #fff;
    transition: all .3s;
}

.sls-map__filter-outer-container {
    width: 50%;
    margin: 0;
}

.sls-map__search-outer-container {
    margin: 0 20px 0 0;
    width: 50%;
    display: flex;
    align-items: center;
}

#sls-map-tab1 {
    margin-right: 70px;
    position: relative;
}

#sls-map-tab1::after {
    content: 'OR';
    position: absolute;
    right: -45px;
    top: 40%;
}

.sls-map__action-buttons-container {
    width: 40%;
    margin: 0 auto;
}

.sls-map__filters-top-container {
    display: flex;
    margin: 0 auto 30px;
    width: 100%;
}


.sls-map__action-buttons-container button {
    cursor: pointer;
    font-size: 16px;
}


.drop-list .option input {
    visibility: hidden;
}

.drop-list .option label::before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    left: -23px;
    top: 5px;
}


.drop-list .option.active label::before {
    content: '';
    position: absolute;
    background-color: transparent;
    left: -15px;
    top: 3px;
    width: 6px;
    height: 15px;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sls-location__phone,
.sls-location__directions,
.sls-location__landing-page,
.sls-location__community {
    padding: 8px 10px;
    border-radius: 100px;
    margin: 5px auto;
}

.sls-location__content-container a {
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
}

.sls-location__wrapper.active .sls-location__info a {
    display: inline-block !important;
}

.sls-location__wrapper.active .sls-location__content-container {
    max-width: 100%;
    width: 100%;
}


.sls-map__filters-form>label {
    display: none;
}

.sls-map-state-hide {
    display: none;
}

.sls-location__info {
    line-height: 1.2;
    width: 100%;
}

.sls-location__info a {
    text-decoration: none !important;
}

.sls-location__info a:hover {
    text-decoration: underline !important;
}

.sls-location__content-container {
    max-width: 70%;
    padding: 10px 0 10px 10px;
}

.hidden {
    display: none !important;
}

.sls-map-search__field-wrapper.state .sls-map-custom-select-wrapper {
    display: grid;
    width: 100%;
}

.sls-map__marker-inner-container {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    align-items: center;
}

.gm-style-iw-chr {
    position: absolute;
    right: 0;
}

.sls-map__marker-inner-container img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
    margin-right: 20px;
}

.sls-map__marker-inner-container .placeholder-image-active {
    object-fit: contain;
}

.sls-map__marker-cta-single {
    padding: 8px 10px;
    border-radius: 100px;
    margin: 5px 3px;
    text-decoration: none !important;
}

.sls-map__marker-cta-single:hover {
    text-decoration: underline !important;
}

.gm-style .gm-style-iw-d {
    overflow: auto !important;
}

@media screen and (max-width: 1024px) {
    #slsmap {
        display: none;
    }

    #slsmap_list {
        width: 100%;
        height: 100%;
    }

    .sls-map__wrapper {
        width: 95%;
    }

    .sls-location-list__container .sls-location-list__locations .sls-location__wrapper {
        width: 48%;
    }

    .sls-location-list__container .sls-location-list__locations .sls-location__wrapper:nth-child(2n+1) {
        margin-right: 2%;
    }

    .drop-list {
        max-height: 100%;
    }

    .sls-location-list__container .sls-location-list__locations .sls-location__wrapper {
        width: 100%;
    }

    .sls-location-list__container .sls-location-list__locations .sls-location__wrapper:nth-child(2n+1) {
        margin-right: 0;
    }

    .sls-location__wrapper.active .sls-location__info a {
        min-width: 45%;
    }

    .sls-location__wrapper.active .sls-location__content-container {
        padding: 10px;
    }


    .sls-location__wrapper.active .sls-location__image {
        border-radius: 10px 10px 0 0;
    }

    .sls-location__wrapper.active .sls-location__image-container {
        border-radius: 10px 10px 0 0;
    }

    ul.sls-map-tabs {
        display: block;
        margin-bottom: 20px;
    }

    .sls-map-tab_drawer_heading {
        display: none;
    }


    .sls-map-tab_container {
        flex-direction: column;
    }

    .sls-map__top-outer-container {
        flex-direction: column;
        width: 95%;
    }

    .sls-map-search__field-wrapper.state {
        align-items: center;
    }

    #sls-map-tab1 {
        margin-right: 0;
    }

    #sls-map-tab1::after {
        display: none;
    }

    .sls-map-search--zip-wrapper {
        padding: 10px 30px;
    }

    .sls-map__action-buttons-container {
        width: 50%;
    }

    .sls-map__action-buttons-container button {
        padding: 10px 15px;
    }

    #sls-map-search-form {
        margin-top: 20px;
    }

    .sls-map__filters-form,
    .sls-map__filter-outer-container {
        width: 100%;
    }

    .sls-location__wrapper.active .sls-location__content-container {
        max-width: 100%;
    }

    .sls-location__wrapper.active .sls-location__info {
        width: 100%;
    }

    .sls-location__content-container {
        max-width: 60%;
    }

    .sls-location__content-container .sls-location__title a,
    .sls-location__content-container .sls-location__title {
        font-size: 18px;
    }

    .sls-location__wrapper.active .sls-location__meta {
        font-size: 12px;
        padding: 10px;
        line-height: 1.5;
    }

    .sls-map__filters-top-container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .sls-map__search-outer-container {
        margin: 0 0 30px 0;
        width: 100%;
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .drop-list li {
        font-size: 14px;
        line-height: 2;
        width: 50%;
    }

    .sls-map__action-buttons-container {
        width: 100%;
    }

    .sls-location__wrapper.active .sls-location__meta {
        left: 5px;
        bottom: 10px;
        padding: 0;
    }

    ul.sls-map-tabs li,
    .codeInput-container>span {
        font-size: 16px;
    }

    .sls-map__filters-top-container {
        margin-bottom: 20px;
    }

    .sls-map__search-outer-container {
        margin: 0 0 20px 0;
    }

    .sls-map__wrapper {
        width: 95%;
    }

    .care-type-single {
        font-size: 16px;
        margin: 7px 0;
    }

    .care-type-wrapper {
        max-height: initial;
    }
}





/* styles for sls-location-list__without-map */
.sls-location-list__container.sls-location-list__without-map .sls-location__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 23%;
    box-shadow: none;
    margin: 0 10px 50px;
}

.sls-location-list__container.sls-location-list__without-map {
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}

.sls-location-list__container.sls-location-list__without-map .sls-location__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    object-position: center;
}

.sls-location-list__container.sls-location-list__without-map .sls-location__image-container {
    max-width: 400px;
    height: 200px;
    width: 100%;
}

.sls-location-list__container.sls-location-list__without-map .sls-location__content-container {
    padding: 0;
    margin: 10px 0 0 0;
    max-width: 100%;
}

.sls-location-list__container.sls-location-list__without-map .sls-location__info .sls-location__directions {
    display: block;
    background: transparent;
    color: #000 !important;
    text-decoration: underline !important;
    padding: 0;
}

.sls-location-list__container.sls-location-list__without-map .sls-location__phone {
    background: transparent;
    color: #000 !important;
    padding: 0;
    text-decoration: underline;
}

.sls-location-list__container.sls-location-list__without-map .sls-location__info .sls-location__landing-page,
.sls-location-list__container.sls-location-list__without-map .sls-location__info .sls-location__community {
    display: inline-block;
    margin: 15px 10px 0 0;
}

.sls-location-list__container.sls-location-list__without-map .sls-location__info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.sls-location-list__container.sls-location-list__without-map .sls-location__phone,
.sls-location-list__container.sls-location-list__without-map .sls-location__directions {
    width: auto;
    margin: 10px 55px 0 0;
    text-decoration: underline !important;
}

@media screen and (max-width: 1024px) {
    .sls-location-list__container.sls-location-list__without-map {
        width: 100%;
    }

    .sls-location-list__container.sls-location-list__without-map .sls-location__wrapper {
        width: 31%;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width: 768px) {

    .sls-location-list__container.sls-location-list__without-map .sls-location__wrapper {
        width: 40%;
    }
}

@media screen and (max-width: 560px) {
    .sls-location-list__container.sls-location-list__without-map {
        width: 100%;
    }

    .sls-location-list__container.sls-location-list__without-map .sls-location__image-container {
        width: auto;
        height: 150px;
    }

    .sls-location-list__container.sls-location-list__without-map .sls-location__wrapper {
        width: 48%;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0 0 30px 2%;
    }

    .sls-location-list__container.sls-location-list__without-map .sls-location__info .sls-location__landing-page .fa,
    .sls-location-list__container.sls-location-list__without-map .sls-location__info .sls-location__community .fa {
        display: none;
    }
}







/* DELETE ONCE STATE FUNCTIONALITY WORKS */
/* .sls-map-tabs li:last-child {
    display: none !important;
}

#sls-map-tab1 {
    margin-right: 0;
}

#sls-map-tab1::after {
    display: none;
}

.sls-map__action-buttons-container {
    width: 95%;
}

.sls-map__filter-outer-container {
    width: 35%;
}

.sls-map__filters-form {
    width: 100%;
} */