﻿.ui-widget {
    font-family: Helvetica;
    font-size: 1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Helvetica;
        font-size: 1em;
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #dddddd;
    }

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #53565A;
}

    .ui-widget-content a {
        color: #53565A;
        display: block;
        padding: 2px 5px;
    }

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #333333;
    }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus,
    .ui-button:hover,
    .ui-button:focus {
        border: 1px solid #dddddd;
        background: #0098c3;
        font-weight: normal;
        color: #ffffff;
    }

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999 !important;
    top: 0;
    left: 0px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    display: block;
    background: #fff;
}

.spinner {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0;
    left: 0px;
    opacity: 1;
    display: block;
}

.left {
    display: none;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
    margin-top: 15%;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.text-primary {
    color: #007bff !important;
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite;
}

.locations-template #content > div.locations-search {
    margin-top: 0px;
}

.locations-template #content > div.row input#txtLocationSearch {
    background: #fff;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    width: 95%;
    padding: 32px 20px;
    text-align: left;
    font: italic normal normal 24px/28px PMN Caecilia;
    letter-spacing: 0px;
    color: #53565A;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='rgb(83, 86, 90)' d='M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 24px center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.locations-template #content > div.locations-search > #txtLocationSearch:focus {
    border-color: #0098C3;
    box-shadow: 0 0 0 0.25rem rgb(25 135 84 / 25%);
}

.locations-template #content > div.locations-search > #txtLocationSearch:focus-visible {
    border-color: #0098C3;
}

.locations-template #content .row {
    margin: 0;
}

    .locations-template #content .row .column1 {
        width: 33.333333%;
    }

.locations-template div#content div.two-column-layout {
    margin: 50px 0 20px 0px;
    padding: 0;
    float: none;
}

.locations-template div#content > div.two-column-layout.clearfix > div.left > div:nth-child(1) > h2 {
    font: italic normal bold 24px/28px PMN Caecilia;
    letter-spacing: 0px;
    color: #53565A;
    margin: 0 0 30px 0;
}

.locations-template #lnkClear {
    float: right;
    font: normal normal bold 11px/21px Helvetica;
    letter-spacing: 0px;
    color: #0098C3;
    margin-top: 10px;
}

.locations-template div#content .div-services {
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    padding: 16px;
    margin: 0 0 16px 0;
}

.locations-template div#content table tbody tr:nth-child(even) {
    background: #fff;
}

.locations-template div#content table tbody tr {
    border-bottom: none;
}

.locations-template div#content table td {
    padding: 0px;
    vertical-align: top;
}

.locations-template table label {
    display: inline !important;
    margin: 0;
    font-weight: normal !important;
    font-size: 12px !important;
}

.locations-template table tr td {
    display: flex;
}

.locations-template #result-count {
    text-align: left;
    font: normal normal normal 32px/34px PMN Caecilia;
    letter-spacing: 0px;
    color: #53565A;
}

.locations-template #lnkMap {
    background: url(/Image%20Library/Logos%20.%20Icons/map.png) no-repeat 0 0;
    text-align: left;
    font: normal normal bold 18px/28px Helvetica Neue;
    letter-spacing: 0px;
    color: #0098C3;
    padding: 0 0 0 32px;
    float: right;
}



.locations-template #results {
    margin: 60px 0 0 0;
}

.div-location {
    display: none;
    background: #F6F6F6 0% 0% no-repeat padding-box;
    margin: 0 0 20px 0;
    padding: 30px;
}

.result {
    display: block;
}

.div-image {
    text-align: center;
}

.div-name, .div-contact {
    margin-bottom: 16px;
}

.div-info .div-address {
    background: url(/Image%20Library/Logos%20.%20Icons/location-dot-solid.svg) no-repeat 0 4px;
    background-size: 10px;
    padding: 0 0 0 20px;
    margin: 0 0 20px 0;
}

.div-info .div-location-services {
    border-top: 1px solid #DDDDDD;
}

    .div-info .div-location-services h6 {
        font: normal normal bold 14px/21px Helvetica !important;
        color: #34383d !important;
        letter-spacing: 0px;
        text-transform: capitalize;
        margin: 20px 0 0 0;
        display: inline-block;
    }

    .div-info .div-location-services a {
        font: normal normal normal 14px/21px Helvetica;
        letter-spacing: 0px;
        color: #0098C3;
        text-transform: capitalize;
        display: none;
    }

    .div-info .div-location-services .services {
    }

        .div-info .div-location-services .services div {
            background: #DDDDDD 0% 0% no-repeat padding-box;
            border-radius: 4px;
            font: normal normal bold 11px Helvetica;
            letter-spacing: 0px;
            color: #53565A;
            margin: 0 4px 4px 0;
            padding: 7px;
            display: inline-block;
        }

.collapse {
    overflow: hidden;
    height: 30px;
}

.d-inline {
    display: inline-block !important;
}

.locations-template div#template .form-select, .locations-template div#template .selectFocus, .locations-template div#template .selectOpen {
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    width: 100%;
    padding: 32px 20px !important;
    text-align: left;
    font: italic normal normal 24px/28px PMN Caecilia;
    letter-spacing: 0px;
    color: #53565A;
    background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='rgb(83, 86, 90)' %3E%3Cpath d='M88.646 19.099a10.114 10.114 0 0 1-.003 10.116L58.758 80.909a10.118 10.118 0 0 1-17.516 0L11.357 29.215a10.116 10.116 0 0 1 8.758-15.176h59.77c3.615 0 6.953 1.929 8.761 5.06z'/%3E%3C/svg%3E" );
    background-repeat: no-repeat;
    background-position: right 24px center !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    margin-top: 24px;
}

.locations-template div#template span.select span.selectInner {
    height: fit-content;
    margin-top: -13px;
    font-size: 24px;
}

#map {
    display: none;
    height: 500px;
}

div#content .div-services table {
    margin: 0;
}

@media (min-width: 576px) {
    .result {
        display: flex;
    }

    .div-image {
        flex: 0 0 auto;
        width: auto;
    }

    .div-info {
        margin: 0 0 0 30px;
        width: 100%;
    }

        .div-info .div-head {
            display: flex;
        }

            .div-info .div-head .div-name {
                flex: 3;
            }

            .div-info .div-head .div-contact {
                text-align: right;
                width: 33%;
            }

    .div-name {
        margin-bottom: 0px;
    }
}

@media (min-width: 992px) {
    .locations-template div#content div.two-column-layout {
        margin: 50px 0 20px 0px;
        padding: 0 0 0 305px;
        float: none;
    }

    .locations-template .locations-search {
        padding-left: 34px;
        border-left: 1px solid #dddddd;
    }

    #txtLocationSearch {
        width: 100% !important;
    }

    .locations-template div#template .div-services-mobile {
        display: none;
    }

    .left {
        display: block;
    }


    #ctl01_blneWidgetContent1_widget_wrapper > div:nth-child(10) {
        display: inline;
    }
}

div#content .location-filter-container div.data-pager {
}

    div#content .location-filter-container div.data-pager div {
        width: 100%;
    }

        div#content .location-filter-container div.data-pager div ul {
            display: block;
            width: 100%;
        }

            div#content .location-filter-container div.data-pager div ul li {
                display: block;
                float: inherit;
            }

.div-head {
    text-align: center;
}

@media screen and (min-width: 700px) {


    #ctl01_blneWidgetContent1_widget_wrapper > div:nth-child(2) > div:nth-child(2) > ul:nth-child(1) {
        justify-content: end;
    }


    div.data-pager:nth-child(10) > div:nth-child(2) > ul:nth-child(1) {
        justify-content: end;
    }

    .div-head {
        text-align: left;
    }
}


