:root {
    --main_color: #a50044;
    --secondary_color: #004d98;

    --global-color-0: #009bdb;
    --global-color-1: #000000;
    --global-color-2: #0088c3;
    --global-color-6: #ffffff;
    --global-color-7: #f9f9f9;
    --global-color-8: #818386;            
}  

body { 
    padding: 0; margin:0;     
    background:#eceadd;
    font-family: "Arimo", sans-serif;
    font-weight: 400;
    font-style: normal;
    scrollbar-width: thin;          /* "auto" or "thin" */
    scrollbar-color: #5E893C #BAB85D;   /* scroll thumb and track */     
}

body::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
  background: orange;        /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  background-color: blue;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid orange;  /* creates padding around scroll thumb */
}


/* Works on Chrome, Edge, and Safari 
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: orange;
}

*::-webkit-scrollbar-thumb {
  background-color: blue;
  border-radius: 20px;
  border: 3px solid orange;
}
*/

/* MAP CSS */

.head-section { padding: 15px 0; }

#map-container { position:relative; width:100%; }
#map { height: 60vh; width:100vw; border:0; }
#rpp1 { position:absolute; z-index: 1000; bottom:0; right:0; background:#fff; color: #000; padding:1em; display: none;} 
.rpp_logo { height:100px; }

.xleaflet-attribution-flag { display: none !important; }

.custom-img-icon {
  background-image: url('https://parkpohorje.org/karta/marker_sova.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 22px;
  height: 22px;
  display: block; 
}
        
.poi_menu { height:auto; border:1px solid silver; padding:1em; font-size:14px; border-radius:3px; margin-bottom: .5em;
    background:#fff; cursor:pointer;
}
.poi_menu:hover { background:#f3f3f3; }
.poi_menu:last-child { border-bottom:0; }

#poi_box { position:absolute; top:11px; left:60px; background: #ECEADD; z-index:1000; display:block; border-radius: 3px; 
    border: 2px solid rgba(0,0,0,0.2); padding:0; margin-bottom:.5em; 
} 
#poi_box_button  {position:absolute; top:0; left:-40px; background:#fff; font-size:1.4em; width:40px; text-align:center; height:40px; line-height:40px; cursor:pointer;}
#poi_box_content { min-height:40px; padding-right:10px; padding-top:7px; padding:.5em; display:none;}

#poi_box_name { font-weight:bold; color:#283897;border-bottom:1px solid #283897;padding-bottom:.25em;font-size:1.2em}
#poi_box_content_list { overflow-y:auto; max-height:60vh; padding-top:10px;}

#poi_box_content { max-height:45vh; overflow-y: auto; padding:.5em; margin-top: .5em;}

.poi-photo-menu { width:80px; border-radius:5px; border:1px solid silver;}

#poi_box-marker { background: #BAB85C; color:#ECEADD; cursor:pointer; border: 0;}
#poi_box-marker:hover { background: #5E893C; color:#fff;}

#poi_box_search { }
#poi_box_content-toggle { cursor:pointer; }
#poi_box_content-toggle:hover { background:#6c757d; color:#fff; }