/**handles:location_finder**/
@charset "UTF-8";
/* CSS Document */

body {
    overflow: overlay;
}

h1 {
    margin-bottom: 15px;
}

.locations h2 {
    font-size: 1.5em !important;
    font-weight: bold;
    text-transform: uppercase;
}

h3 {
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
}

h3 a {
    color: #254B5F;
    text-decoration: none;
}

h3 a:hover {
    color: #337981;
}

a.btn {
    color: #FFF;
    padding: 10px 20px;
}

a.btn:hover {
    color: #FFF;
    background-color: #7E000B;
}

p.coming_soon {
    background-color: #FF4501;
    color: #FFF;
    padding: 12px 24px;
    border-radius: 6px;
    width: fit-content;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
}

.anchor_block {
    scroll-margin-top: 60px;
}

#map_canvas, #map_sidebar {
    /* display: none; */
    position: relative;    
}

#map_canvas {
/*    height: 70vh;*/
}

#map_sidebar {
    /*overflow: scroll;    
    height: 55vh;*/
}

#map_sidebar > div,
.results_col {
    padding: 0;
}

.loading_msg {
    text-align: center;
/*    position: absolute;*/
/*    background-color: red;*/
/*    color: #CB0112;
    top: 50%;
    left: 50%;
    padding: 30px;
    transform: translate(-50%,-50%);
    border-radius: 6px;*/
}

.loading_msg .arrow, .loading_msg .spinner {
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
}

.loading_msg .spinner img {
    width: 100px;
    height: auto;
}


.search_row {
/*    background-color: #002571;*/
/*    background-color: #132B65;*/
/*    padding: 20px 5px;*/
    justify-content: space-between;
}

/* Last col in search row */
.search_row > div:last-child {
    /* background-color: darkgreen; */
    text-align: right;
}

#search-panel .icon {
    color: darkgray;
    position: absolute;
    font-size: 1.5em;
    padding: 5px 0 0 8px;
    /* left: 15px; */
}

#searchTextField {
    height: 80px;
    width: 100%;
    /* text-align: center; */
    padding-left: 70px;
    /* replace FontAwesome */
    background-image: url(https://upperlinehealth.com/wp-content/uploads/2023/05/magglass_gray.webp);
    background-repeat: no-repeat;
    background-size: auto 50%;
    background-position: 12px center;       
}

/* === Add More === */

.addmore {
    background-color: #254B5F;
    text-align: center;
/*    margin: 24px;*/
    color: #FFF;
    padding: 20px 10px;
}

.addmore a {
    color: #FFF;
    cursor: pointer;
}

.single_state .addmore,
.single_state .state_name,
.single_state .mapit {
    display: none !important;
}
}

.list_header {
    text-align: center;
}

.loca_row h2 {
    text-align: center;
}

.loca_block_link {
    text-decoration: none;
}

.loca_block_col {
    margin-bottom: 30px;
/*    width: 100%;*/
}

.loca_block_col .inner {
    text-align: left !important;
    background-color: #FFF;
    padding: 12px;
    height: 100%;
    font-size: 1em;
}

.loca_block_col h3, .loca_block_col p {
    text-align: left;
    text-transform: none;
}

.loca_block_col p.miles_away {
    color: #58A391;
}

.loca_block_col .mapit a {
    font-size: 0.9em;
}

.loca_block_col a.button_link {
    padding: 6px 12px;
    display: block;
}

/* === List by State === */
.state_list .loca_block_col,
.single_state .loca_block_col {
/*    width: 25%;*/
}

.by_state {
    padding: 30px;
    background-color: #FFF;

}

.by_state ul {
    margin: 0 auto;
}

.by_state ul li {
    text-align: center;
    background: none;
    padding-left: 0;
}

/* Popups */

.gm-style .gm-style-iw-c {
/*    background-color: #254B5F;
    overflow: overlay;*/
}


@media (min-width: 768px) {

    #map_canvas {
        height: 70vh;
    }

    #map_sidebar {
        overflow-y: scroll;
        overflow-x: hidden;    
        height: 55vh;
        -webkit-box-shadow: inset 0px -3px 10px -7px rgba(0,0,0,0.75);
        -moz-box-shadow: inset 0px -3px 10px -7px rgba(0,0,0,0.75);
        box-shadow: inset 0px -3px 10px -7px rgba(0,0,0,0.75);        
    }

    .results_col {
        padding: 0 24px;
    }

    /* === List by State === */
    .state_list .loca_block_col,
    .single_state .loca_block_col {
        width: 50%;
    }

    .by_state {
        /*display: flex;*/
    }

    .by_state > div {
        /*display: flex;*/
        /*flex-direction: column;*/
        text-align: center;
        /*background-color: greenyellow;*/
    }

    .by_state h2,
    .by_state ul,
    .by_state li {
        display: inline-block;
        background: none;
        align-self: center;
        padding-left: 0;
    }   

    .by_state h2 {
        font-size: 1.5em;
    }

    .by_state ul {
        position: relative;
        top: -2px;
    }

    .by_state ul li:before {        
        content: ' | ';
    }

    .by_area h2,
    .by_area a  {
        font-size: 16px !important;
    }

    .landing_matrix.by_state a {
        margin-bottom: 5px;
    }

}

@media (min-width: 1200px) {

    /* === List by State === */
    .state_list .loca_block_col,
    .single_state .loca_block_col {
        width: 25%;
    }    

}