@font-face {
font-family: Proxima Nova;     
src: url(/wp-content/themes/Divi-child/fonts/ProximaNova-Thin.otf);      
src: url(/wp-content/themes/Divi-child/fonts/ProximaNovaT-Thin.woff);
font-style:normal;
}
html { height: 100% }
body { height: 460px; margin: 0; padding: 0; display: flex }
#map_list { height: 100%; }
#map_list .listItem { padding: 10px; border-bottom: 1px solid #979797;display: flex; flex-direction: column; }
#map_list .listItem .title-button {color: #0078C9; font-family: "Proxima Nova"; font-size: 16px; font-weight: 600; line-height: 22px; text-decoration: none;background: none; border: none; text-align: left; padding: 0; cursor: pointer;}
#map_list .listItem .more-info {color: #6A6A6A; font-family: "Proxima Nova"; width: 70px; font-weight: 600; text-decoration: none; border-bottom: 1px solid #6a6a6a; padding-bottom: 0px; cursor: pointer }
#map_list .listItem .more-info.fr { width: 120px }
#map_canvas { height: 100% }
.scrollbar { overflow-y: scroll; border: 1px solid #979797; border-right: none; width: 100%; min-width: 200px; max-width: 40vw; }
.scrollbar::-webkit-scrollbar { width: 6px; background-color: #FFF; }
.scrollbar::-webkit-scrollbar-thumb {	border-radius: 4.5px; background-color: #9B9B9B; height: 205px;}
.scrollbar::-webkit-scrollbar-track { background-color: #FFF; border: 1px solid #979797;}
#map_canvas .gm-style-iw #content p:last-child { margin-bottom: 0px; }
#map_canvas .gm-style-iw #content p:empty { display: none; }
body.compactList div.listItem > div > a,
body.compactList div#content a { position: relative; margin-left: 18px; }
body.compactList div.listItem > div > a::before,
body.compactList div#content a::before { content: ' '; display: inline-block; position: absolute; height: 15px; width: 15px; margin-top: 3px; margin-left: -18px; background-size: contain; background-repeat: no-repeat; }
body.compactList div#content a::before { margin-top: 1px; }
body.compactList div.listItem > div > a:first-of-type::before,
body.compactList div#content a:first-of-type::before { background-image: url(/wp-content/uploads/2021/03/Icon-globe.svg); }
body.compactList div.listItem > div > a:last-of-type::before,
body.compactList div#content a:last-of-type::before { background-image: url(/wp-content/uploads/2021/03/Icon-phone.svg); }
body.compactList #map_list .listItem:not(.active) > div { display: none !important; }
body.compactList #map_list .listItem.active,
body.compactList #map_list .listItem:active,
body.compactList #map_list .listItem:focus,
body.compactList #map_list .listItem:hover { padding: 0px; background-color: #F3F5F9; cursor: pointer; }
body.compactList #map_list .listItem.active { padding: 10px; }
body.compactList #map_list .listItem.active button,
body.compactList #map_list .listItem:active button,
body.compactList #map_list .listItem:focus button,
body.compactList #map_list .listItem:hover button { padding: 10px; color: #2768A5; }
body.compactList #map_list .listItem.active button { padding: 0px; padding-bottom: 10px; }

/*Telehomecare Map*/
#map_list.telehomecare .listItem a.referral_link {
    font-family: "Proxima Nova";
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border-radius: 6px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.35);
    color: #0078C9;
    padding: 10px;
    width: 70px;
}
#map_list.telehomecare .listItem .col a { 
    text-decoration: none !important;
    border-bottom:none;
}
#map_list.telehomecare .listItem .col a.website {
    border-bottom: 1px solid #6a6a6a7d;
}
#map_list.telehomecare .listItem .col .left-col {
    max-width: 280px;
    padding-right: 10px;
    font-family: Proxima Nova;
    color: #6A6A6A;
    font-weight: 600;
}
#map_list.telehomecare .listItem .col {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#map_list.telehomecare .listItem {
    padding: 10px;
    border-bottom: 1px solid #979797;
    display: flex;
    flex-direction: column;
}
.title-button.no-color {
    color: #6A6A6A !important;
    cursor: initial !important;
}
/*responsive rules for the map container*/
@media only screen and (max-width: 792px) 
{
    .scrollbar {
        max-width: 50%;
    }
}

@media only screen and (max-width: 613px) 
{
    .telehomecare-map-canvas,
    .teleophthalmology-map-canvas,
    .indigenous-map-canvas,
    .opthalmology-map-canvas,
    .fls-map-canvas {
        display: none;
    }
    .scrollbar {
        width: 100%;
        min-width: 0px;
        max-width: initial;
    }
}

@media only screen and (min-width: 768px)
{
    body.compactList #map_list .listItem.active > div { display: none !important; }
    body.compactList #map_list .listItem.active button { padding-bottom: 0px; }
}