#map_canvas {
position:relative;
width:100%;
height:720px; 
float:left; 
}


.accommodation-map #map_canvas {
height:755px; 
}

#map_canvas  .loader {
position:absolute;
height:100%;
width: 100%;
padding-top:20%;
top:0;
left:0;
text-align: center;
background-color:#dfdfdf;
 }


.info_content {
position:relative;
width:300px;
min-height:250px; /* SETS HEIGHT OF INFOBOX */
color:#fff;
float:left!important;
margin-bottom:-40px!important;
}



/* Fix for the gardens */
.info_content.node230, .info_content.node4  {
min-height:280px;
}

.info_content  ol li {
width:240px;
}


.info_content  span {
width:100%;
height:70px;
position:absolute;
top:22px;
background:#000;
display:block;
margin-top:-27px;
}


.info_content a {
font-weight:bold;
font-size:2.1em;
line-height:1.1em;
text-align:center;
color:#d84018;
text-transform:capitalize;
padding-top:20px!important;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
display:block;
z-index:9;
}


.info_content  a:hover {
text-decoration:underline!important;

}

.info_content a:focus {
  outline:thin dotted #666;
}



.leaflet-popup-content, .leaflet-popup-content div, .leaflet-popup-content a {
overflow: hidden!important;
}




/* Popup map list style */
.leaflet-popup-content .field-name-field-popup-notification  ol {
display:block;
list-style:none;
counter-reset: li-counter;
margin-left:25px;
margin-top:80px!important;
padding-bottom:20px!important;
padding-left:20px;
float:left;
font-family: "lte50144",sans-serif;
font-weight:normal;
font-size:1em;

}




.leaflet-popup-content .field-name-field-popup-notification  ol li {
position:relative;
margin-top:-2px;
padding:7px 10px 15px 5px!important;
color:#fff;
text-align: left;
font-family: "universregular",sans-serif;
font-size: 1.2em;
font-weight: normal;

}


.field-name-field-popup-notification ol.ordered-list > li::before {
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    content: counter(li-counter, decimal);
    counter-increment: li-counter;
    font-size: 1.1em;
    font-weight:bold;
    height: 2.1em;
    width: 2.1em;
    left: -2.33em;
    padding:5px;
    line-height: 1.6;
    position: absolute;
    text-align: center;
    top: 0;
}






/* Media Query Breakpoint */
@media (max-width:350px) {
    .leaflet-popup-content a {
     width:250px!important;
    }

    .info_content {
     min-height:280px;
    }

    /* Fix for the gardens */
    .info_content.node230 {
    min-height:310px;
    }

     .info_content  ol {
     padding-right:10px!important;   
      width:270px!important;
     }

    .info_content  ol li {
    width:200px!important;
    }


}