transformap.css

/* Generated by ParaType Ltd (http://www.paratype.com)*/
/* Font PT Serif:  Copyright © 2010 ParaType Ltd. All rights reserved.*/

@font-face {font-family: 'PT Sans'; 
	src: url('pts55f_w.eot'); 
	src: local('assets/PTSansWeb/PT Sans'), url('assets/PTSansWeb/PTS55F_W.eot?#iefix') format('embedded-opentype'), url('assets/PTSansWeb/PTS55F_W.woff') format('woff'),url('assets/PTSansWeb/PTS55F_W.ttf') format('truetype'), url('assets/PTSansWeb/PTS55F_W.svg#PTSans-Regular') format('svg');}

@font-face {font-family: 'PT Sans'; 
	font-style: italic;
	src: url('pts56f_w.eot'); 
	src: local('assets/PTSansWeb/PT Sans Italic'), url('assets/PTSansWeb/PTS56F_W.eot?#iefix') format('embedded-opentype'), url('assets/PTSansWeb/PTS56F_W.woff') format('woff'),url('assets/PTSansWeb/PTS56F_W.ttf') format('truetype'), url('assets/PTSansWeb/PTS56F_W.svg#PTSans-Italic') format('svg');}

@font-face {font-family: 'PT Sans';
	src: url('pts75f_w.eot');
	font-style: normal;
	font-weight: bold; 
	src: local('assets/PTSansWeb/PT Sans Bold'), url('assets/PTSansWeb/PTS75F_W.eot?#iefix') format('embedded-opentype'), url('assets/PTSansWeb/PTS75F_W.woff') format('woff'),url('assets/PTSansWeb/PTS75F_W.ttf') format('truetype'), url('assets/PTSansWeb/PTS75F_W.svg#PTSans-Bold') format('svg');}

@font-face {font-family: 'PT Sans';
	font-style: italic;
	font-weight: bold; 
	src: url('pts76f_w.eot'); 
	src: local('assets/PTSansWeb/PT Sans Bold Italic'), url('assets/PTSansWeb/PTS76F_W.eot?#iefix') format('embedded-opentype'), url('assets/PTSansWeb/PTS76F_W.woff') format('woff'),url('assets/PTSansWeb/PTS76F_W.ttf') format('truetype'), url('assets/PTSansWeb/PTS76F_W.svg#PTSans-BoldItalic') format('svg');}

@font-face {font-family: 'PT Sans Caption'; 
	src: url('ptc55f_w.eot');
	src: local('assets/PTSansWeb/PT Sans Caption'), url('assets/PTSansWeb/PTC55F_W.eot?#iefix') format('embedded-opentype'), url('assets/PTSansWeb/PTC55F_W.woff') format('woff'),url('assets/PTSansWeb/PTC55F_W.ttf') format('truetype'), url('assets/PTSansWeb/PTC55F_W.svg#PTSans-Caption') format('svg');}

@font-face {font-family: 'PT Sans Caption';
	font-weight: bold; 
	src: url('ptc75f_w.eot');
	src: local('assets/PTSansWeb/PT Sans Caption Bold'), url('assets/PTSansWeb/PTC75F_W.eot?#iefix') format('embedded-opentype'), url('assets/PTSansWeb/PTC75F_W.woff') format('woff'),url('assets/PTSansWeb/PTC75F_W.ttf') format('truetype'), url('assets/PTSansWeb/PTC75F_W.svg#PTSans-CaptionBold') format('svg');}

@font-face {font-family: 'PT Sans Narrow';
	src: url('ptn57f_w.eot');
	src: local('assets/PTSansWeb/PT Sans Narrow'), url('assets/PTSansWeb/PTN57F_W.eot?#iefix') format('embedded-opentype'), url('assets/PTSansWeb/PTN57F_W.woff') format('woff'),url('assets/PTSansWeb/PTN57F_W.ttf') format('truetype'), url('assets/PTSansWeb/PTN57F_W.svg#PTSans-Narrow') format('svg');}

@font-face {font-family: 'PT Sans Narrow';
	font-weight: bold; 
	src: url('ptn77f_w.eot');
	src: local('assets/PTSansWeb/PT Sans Narrow Bold'), url('assets/PTSansWeb/PTN77F_W.eot?#iefix') format('embedded-opentype'), url('assets/PTSansWeb/PTN77F_W.woff') format('woff'),url('assets/PTSansWeb/PTN77F_W.ttf') format('truetype'), url('assets/PTSansWeb/PTN77F_W.svg#PTSans-NarrowBold') format('svg');}

/* for checkboxes - only loaded by OS's that have no fonts with chars for \2610 and \2611 */
@font-face {
    font-family: 'DejaVu'; 
    src: url('assets/DejaVuSans.ttf'); /* FIXME replace with smaller variant */
    font-weight: normal;
    font-style: normal;
}

#forkme {
 position:absolute;
    bottom:14px;
    left:-70px;
    display:block;
    width:300px; 
    height:33px;
    transform: rotate(45deg);
    overflow:hidden;
}
#forkme:hover {
    opacity:0.8;
}
#forkme img {
    margin-top:-85px;
    margin-left:40px;
    transform: rotate(-45deg);
}

/* fix for wordpress */
#map .leaflet-tile,
#map .loading {border-radius:0;box-shadow:none;}

.leaflet-marker-icon:hover { box-shadow: 0 0 5px 5px #6374A6; }
.leaflet-marker-icon.prunecluster:hover { box-shadow: none; }
.leaflet-marker-icon:hover div { box-shadow: 0 0 5px 5px yellow, inset 0 0 2px 2px yellow; }

body.marker-backgroundless .leaflet-marker-icon:hover { background:#6374A6; border-radius:5px; }
body.marker-backgroundless .leaflet-marker-icon.prunecluster:hover { background-color:transparent; }

.leaflet-popup-content a {color: #0645AD; text-decoration:none;}
.leaflet-popup-content a:hover { text-decoration:underline;}
div.leaflet-popup-content { width: auto !important; }
.leaflet-popup-content h1 { width: 100% ; text-align: center; background-color:#FFB698; padding:0 5px; margin-bottom:2px; }
.leaflet-popup-content h3 { width: 100% ; text-align: left; color: black; padding:0 5px; margin:5px 0; }
.leaflet-popup-content h3 span:first-child { display:block; float:left}
.leaflet-popup-content h3 span + span { margin-right:0; display:block; float:right; color:#DDDDDD; font-weight:normal;}
.leaflet-popup-content h3:hover span + span {color:black}
.leaflet-popup-content h3 span + span:hover {cursor:help}
.leaflet-popup-content h3:after { /*small hack to clear float cleanly https://css-tricks.com/all-about-floats/ */
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}


.leaflet-popup-content div table,
.leaflet-popup-content div table td { margin: 0; border-width:0px; padding:0; border-spacing:0;}
.leaflet-popup-content div table th + td { padding-left: 5px; min-width:130px; } /* for tel-nrs */
.leaflet-popup-content div table th {  min-width:130px; } /* for link to osm (node123456789)*/

.leaflet-popup-content div table tr.tag th {padding-left:10px; text-indent:-10px; vertical-align:top;} 
.leaflet-popup-content div table tr.tag td span {margin:0 -3px 0 -6px; color:white;}  /* "=" before value */

.leaflet-popup-content div table tr.tag:hover,
.leaflet-popup-content h3:hover {background-color:#DDDDDD}

/* header spacing line */
.leaflet-popup-content div table tr.header td { vertical-align:top; padding:5px 0; border-bottom:2px solid #FFB698;} 
.leaflet-popup-content div table tr.header:first-child td { border-bottom:0; padding:5px 0 0 0; border-top:2px solid #FFB698;}

/* edit and contact fields */
.leaflet-popup-content div table tr.header td + td { text-align:right; }
.leaflet-popup-content div table tr.header td + td img { height:16px;width:16px; margin-right:4px;}
.leaflet-popup-content div table tr.header td + td a img:hover { opacity:0.7; }

.leaflet-popup-content div table tr.header td img.wheelchair.no { border-radius:3px; border:1px solid black; background: #E95A61;}
.leaflet-popup-content div table tr.header td img.wheelchair.limited { border-radius:3px; border:1px solid black; background: yellow;}
.leaflet-popup-content div table tr.header td img.wheelchair.yes { border-radius:3px; border:1px solid black; background: #8DD060;}

.leaflet-popup-content div { max-height: 400px; overflow:auto; margin-right:-18px;padding-right:18px; }

.leaflet-popup-content div table tr:first-child + tr img { height:16px; width:16px; margin:0 5px -4px 0;}
.leaflet-popup-content div table a[target="_blank"]:after {content:url(assets/external-link-ltr-icon.png); text-decoration:none; margin-left:4px; }

.leaflet-popup-content #wp-image img {display:block;}
.leaflet-popup-content #wp-image a {
    display:block;
    width:100%;
    text-align:right;
    margin-top:-1.2em;
    padding:0 4px 0px 0;
    line-height:1.2em;
    text-shadow: 2px 2px 2px white ,-2px -2px 2px white, 2px -2px 2px white, -2px 2px 2px white;
}


.leaflet-marker-icon.k-organic.v-only, #mapkey .k-organic.v-only {
  background:#00B100;
  border-radius:5px;
}
.leaflet-marker-icon.k-organic.v-yes, #mapkey .k-organic.v-yes {
  background:yellow;
  border-radius:5px;
}
.leaflet-marker-icon.k-organic.v-limited, #mapkey .k-organic.v-limited {
  background:#ff8000;
  border-radius:5px;
}

.leaflet-marker-icon.k-identity {
  background:white;
  border-radius:5px;
}

.leaflet-marker-icon.topic {
  border-bottom: black 2px solid;
}

#notificationbar {
  position: absolute;
  top: 60px;
  left: 55px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.65);
  font-weight:bold;
  padding:0 5px;
  line-height:26px;
  height:26px;
  border-radius:4px;
  display:none;
  background: white;
}
body.ie #notificationbar {
  position: absolute;
    top: 195px;
    left: 10px;
}

.loading {
  position: absolute;
  top: 10px;
  left:45px;
  background-image:url("assets/20px-Mf_node.svg.png");
  background-position:center;
  background-repeat:no-repeat;
  padding:5px;
  width:66px;
  height:66px;
  display:none;
}
#loading_way {
  left: 100px;
  background-image:url("assets/20px-Mf_way.svg.png");
}
#loading_relation {
  left: 155px;
  background-image:url("assets/20px-Mf_relation.svg.png");
}

#tmap_sidebar, #sidebar_toggle {
    font-family: "PT Sans", sans-serif, 'DejaVu';
}

#tmap_sidebar .box {
  background:#D6D2D0;
  margin: 2px 0;
  padding:0 2px;
}

#tmap_sidebar .box .boxcontent {
    margin:0;
    padding:0;
    overflow:hidden;
}

#tmap_sidebar .box.shown #mapswitcher {
    max-height:200px;
}
#tmap_sidebar .box.shown #about {
    max-height:500px;
    padding:0 2px;
}
#tmap_sidebar .box.shown #POIlist {
    max-height:10000px
}

#tmap_sidebar .box.shown .boxcontent {
    max-height:1000px;
    margin:2px 0;
    transition: max-height 0.5s ease, margin 0.5s ease;
}

#tmap_sidebar .box.hidden .boxcontent {
    max-height:0;
    border:0;
    transition: max-height 0.5s ease, margin 0.5s ease;
}

#tmap_sidebar .box.hidden h2 {
    color: #6374A6;
    transition: background 0.2s, color 0.5s;
}
#tmap_sidebar .box.shown h2 {
    color:#FBFCFA;

    background: #6374A6;
    background: -webkit-linear-gradient(top, #7286BF, #6374A6, #6374A6, #7286BF);
    background: -moz-linear-gradient(top, #7286BF, #6374A6, #6374A6, #7286BF);
    background: -ms-linear-gradient(top, #7286BF, #6374A6, #6374A6, #7286BF);
    background: -o-linear-gradient(top, #7286BF, #6374A6, #6374A6, #7286BF);
    transition: background 0.2s, color 0.2s;
}
#tmap_sidebar .box h2 {
    margin: 0;
    font-size: 24px;
    padding: 2px 2px 2px 22px;
    position: relative;
    cursor:pointer;

    background: #D6D2D0; 
    background: -webkit-linear-gradient(top, #DDDDDD, #BFBFBF, #DDDDDD);
    background: -moz-linear-gradient(top, #DDDDDD, #BFBFBF, #DDDDDD);
    background: -ms-linear-gradient(top, #DDDDDD, #BFBFBF, #DDDDDD);
    background: -o-linear-gradient(top, #DDDDDD, #BFBFBF, #DDDDDD);
    transition: background 0.2s, color 0.2s;
}
#tmap_sidebar .box h2:hover {
    background: #BFBFBF;
    background: -webkit-linear-gradient(top, #BFBFBF, #A1A1A1, #BFBFBF);
    background: -moz-linear-gradient(top, #BFBFBF, #A1A1A1, #BFBFBF);
    background: -ms-linear-gradient(top, #BFBFBF, #A1A1A1, #BFBFBF);
    background: -o-linear-gradient(top, #BFBFBF, #A1A1A1, #BFBFBF);
    transition: background 0.5s, color 0.2s;
}
#tmap_sidebar .box.shown h2:hover {
    color:white;

    background: #6374A6;
    background: -webkit-linear-gradient(top, #8198D9, #7286BF, #7286BF, #8198D9);
    background: -moz-linear-gradient(top, #8198D9, #7286BF, #7286BF, #8198D9);
    background: -ms-linear-gradient(top, #8198D9, #7286BF, #7286BF, #8198D9); 
    background: -o-linear-gradient(top, #8198D9, #7286BF, #7286BF, #8198D9);

    transition: background 0.5s, color 0.2s;
}

#tmap_sidebar .box h2:before {
    content:"»";
    position: absolute;
    top: 1px;
    left: 5px;
    transition: transform 0.1s, top 0.1s, left 0.1s;
}
#tmap_sidebar .box h2:hover:before, #tmap_sidebar .box.shown h2:before {
    content:"»";
    position: absolute;
    top: 3px;
    left: 7px;
    transform: rotate(90deg);
}

/* lists in sidebar */
#tmap_sidebar .box ul.boxcontent li {
  list-style: none;
  margin:0 5px;
  border-top:2px dotted #FBFCFA;
  text-indent: -29px;
  padding-left:29px;
}
#tmap_sidebar .box ul.boxcontent li:first-child, #mapswitcher li.current:first-child + li {
    border-top:none;
}
#tmap_sidebar .box ul.boxcontent li:hover {
  background:#DDDDDD;
}
#tmap_sidebar .box ul.boxcontent li img {
    margin:0 5px -7px 0;
}

#mapswitcher li.current {
    display:none;
}
#mapswitcher li.current a { /* old style if displayed */
  text-decoration:none;
  color:black;
  background:gray;
}
#mapswitcher a {
  display:block;
  padding:5px 0;
  height:100%;
  width:100%;
  text-decoration:none;
}
#mapswitcher a:hover {
    text-decoration:underline;
}
#tmap_sidebar #POIlist li img {
    margin:0 5px -2px 0;
}
#tmap_sidebar #POIlist li {
    cursor:pointer;
    text-indent:-22px;
    padding-left:22px;
}

#tmap_sidebar #mapkey li.manual {
  text-indent:0;
  padding-left:0;
}
#mapkey li {
    padding:5px 0;
    cursor:help;
}
#mapkey li[title] { /* if there is a title, then there is no infobox */
    cursor:default;
}
#mapkey li div.InfoBox,
#filters ul.subfilter div.InfoBox {
    position:relative;
    border:1px solid black;
    border-radius:3px;
    display:none;
    padding:5px;
    z-index:5;
    box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.5);
    background: #D6D2D0;
    text-indent:0;
    margin-left:-29px;
    text-align:left;
    cursor:pointer;
}
#mapkey li div.InfoBox:before,
#filters ul.subfilter div.InfoBox:before {
    content:"×";
    font-size:1.3em;
    position:absolute;
    right:2px;
    top:-4px;
    z-index:6;
    color:gray;
}
#mapkey li div.InfoBox:before:hover, /* FIXME :before:hover doesn't work */
#filters ul.subfilter div.InfoBox:before:hover {
    opacity:0.5;
}
#tmap_sidebar .box #filters h3 {
    padding:0 0 0 20px;
    margin:0;
    position:relative;
}
#tmap_sidebar .box #filters h3:hover {
    background:#DDDDDD;
    cursor:pointer;
}
#tmap_sidebar .box #filters li { 
    text-indent:0;
    padding:0;
}
#tmap_sidebar .box #filters > li:hover { 
    background:inherit;
}
#tmap_sidebar .box #filters li.hidden h3:before {
    content: ">";
    margin-right:5px;
    position: absolute;
    top: -1px;
    left: 5px;
    transition: transform 0.1s, top 0.1s, left 0.1s;
}
#tmap_sidebar .box #filters li.shown h3:before, #tmap_sidebar .box #filters li.hidden h3:hover:before {
    content: ">";
    margin-right:5px;
    position: absolute;
    top: 1px;
    left: 7px;
    transform: rotate(90deg);
}
#tmap_sidebar .box ul#filters ul.subfilter li div.mixed:before,
#tmap_sidebar .box ul#filters ul.subfilter li div.disabled:before,
#tmap_sidebar .box ul#filters ul.subfilter li div.enabled:before {
    margin:5px 5px 0 0;
    line-height:12px;
    display:block;
    width:12px;
    height:12px;
    float:left;
}
#tmap_sidebar .box ul#filters ul.subfilter li div.disabled:before { content: "\2610"; }
#tmap_sidebar .box ul#filters ul.subfilter li div.enabled:before {  content: "\2611"; }
#tmap_sidebar .box ul#filters ul.subfilter li div.mixed:before {  content: "\2611"; color:gray;}
#tmap_sidebar .box ul#filters ul.subfilter li div.enabled:hover:before,
#tmap_sidebar .box ul#filters ul.subfilter li div.disabled:hover:before {
    background:white;
}
#tmap_sidebar .box ul.boxcontent ul.subfilter li div:first-child  {
    width:189px;
    float:left;
}
#tmap_sidebar .box ul.boxcontent ul.subfilter li.allswitch div {
    font-style: italic;
    margin-left:-5px;
}
#tmap_sidebar .box ul#filters ul.subfilter li div:first-child + div:hover {
    background:#8198D9;
    border:1px solid #8198D9;
}
#tmap_sidebar .box ul#filters ul.subfilter li div:first-child + div { /* (?) */
    text-align:center;
    border:1px solid #6374A6;
    box-shadow: 0px 0px 1px 1px rgba(99,116,166,1);
    background:#6374A6;
    color:white;
    width:14px;
 /*   height:14px; */ /* with fixed height, inner elements gets cut on bottom of outer container -> (?) has to be stretched down */
    border-radius:7px;
    margin-top:4px;
    line-height:1.0em;
    font-size:13px;
    font-weight:900;
    float:right;
}
#tmap_sidebar .box ul#filters ul.subfilter li:after { /*small hack to clear float cleanly https://css-tricks.com/all-about-floats/ */
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
#tmap_sidebar .box ul#filters ul.subfilter li div:first-child + div div.InfoBox {
    margin-left:-195px;
    line-height:1.3em;
    font-size:16px;
    font-weight:normal;
    color:#6374A6;
}
#tmap_sidebar .box ul#filters ul.subfilter li div:first-child + div:hover div.InfoBox {
    color:#6374A6;
}

#tmap_sidebar .box ul#filters ul.subfilter li span { font-size:0.8em; color:#ADADAD;} 
#tmap_sidebar .box ul#filters ul.subfilter li span:before { content: " (";  } 
#tmap_sidebar .box ul#filters ul.subfilter li span:after { content: ")";  } 

#tmap_sidebar .box ul.boxcontent ul.subfilter li {
    border-top:1px dotted #FBFCFA;
}
#tmap_sidebar .box ul.boxcontent ul.subfilter li:hover {
    background:#DDDDDD;
    cursor:pointer;
}
#tmap_sidebar .box ul.boxcontent ul.subfilter {
    padding:0 0 0 0px;
    max-height:1000px;
    transition: max-height 0.5s ease, margin 0.5s ease;
    overflow:hidden;
}
#tmap_sidebar .box ul.boxcontent li.hidden ul.subfilter {
    max-height:0;
    transition: max-height 0.5s ease, margin 0.5s ease;
}

#tmap_sidebar {
    position:absolute;
    top:0;
    right:0;
    width:250px;
    bottom:0;
    border-left:2px solid #6374A6; 
    box-shadow: -3px 0px 5px 1px #6374A6;
    color:#6374A6;
    overflow:auto;
    margin-right:0;
    transition: margin-right 0.8s;
}
#tmap_sidebar.hidden {
    margin-right:-250px;
    transition: margin-right 0.8s;
}
#tmapcontent {
    position:relative;
    overflow:hidden;
}
#tmapcontent #map {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    transition: right 0.8s;
}
#tmapcontent.sidebar #map {
    right:250px;
    transition: right 0.8s;
}

#tmap_sidebar h1 {
    padding:5px 10px;
    margin:0;
    border-bottom:2px solid #6374A6;
    font-size:32px;
    text-shadow: 1px 1px 1px #D6D2D0;
}
#sidebar_toggle {
    position:absolute;
    right:250px;
    bottom:100px;
    height:50px;
    width:30px;
    border:2px solid #6374A6; 
    box-shadow: -3px 0px 5px 1px #6374A6;
    border-radius: 10px 0 0 10px;
    color:#6374A6;
    background-color:#FBFCFA;
    font-size:30px;
    text-align:center;
    line-height:40px;
    transition: background 0.2s, right 0.8s;
}
#sidebar_toggle.hidden {
    right:0px;
    transform: rotate(180deg);
    border-radius: 0 10px 10px 0;
    box-shadow: 3px 0px 5px 1px #6374A6;
}
#sidebar_toggle:hover {
    cursor:e-resize;
    background-color:#DDDDDD;
}
#sidebar_toggle.hidden:hover {
    cursor:w-resize;
}

#tmap_sidebar #timestamp {
    display:block;
    font-size:13px;
    padding:3px;
    position:absolute;
    bottom:0;
    right:0;
    background:#DDDDDD;
    z-index:-1;
    text-align:right;
}
#tmap_sidebar #timestamp div:before {
  background-repeat: no-repeat;
  background-position: center right 4px ;
  background-size:14px;
}
#tmap_sidebar #timestamp #tnode:before {
  content:attr(element-nrs) "\00A0\00A0\00A0\00A0\00A0\00A0:";
  background-image: url(assets/20px-Mf_node.svg.png);
}
#tmap_sidebar #timestamp #tway:before {
  content:attr(element-nrs) "\00A0\00A0\00A0\00A0\00A0\00A0:";
  background-image: url(assets/20px-Mf_way.svg.png);
}
#tmap_sidebar #timestamp #trel:before {
  content:attr(element-nrs) '\00A0\00A0\00A0\00A0\00A0\00A0:';
  background-image: url(assets/20px-Mf_relation.svg.png);
}


/* taken from https://github.com/ardhi/Leaflet.MousePosition, 
License: MIT, see MIT-LICENCE-Leaflet.MousePosition.txt */

.leaflet-container .leaflet-control-mouseposition {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 5px #bbb;
  padding: 0 5px;
  margin:0;
  color: #333;
  font: 10px/1.5 monospace;
}
.leaflet-control-mouseposition a {
    text-decoration: none;
    font-size:11px;
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
}
.leaflet-control-mouseposition a:hover {
    text-decoration: underline;
}

/*! 
Fri Dec 26 23:16:50 CET 2014
Michael Maier
Based on https://github.com/domoritz/leaflet-locatecontrol 0.35
Date: 2014-12-18 */

.leaflet-touch .leaflet-bar-part-single{-webkit-border-radius:7px 7px 7px 7px;border-radius:7px 7px 7px 7px;border-bottom:none}
.leaflet-touch .leaflet-control-locate{box-shadow:none;border:2px solid rgba(0,0,0,0.2);background-clip:padding-box}
.leaflet-control-locate a{font-size:1.4em;margin-left:1px;color:#444}
.leaflet-control-locate .locate-icon{background-image:url("assets/crosshair-trans.png");}
.leaflet-control-locate:hover{background-color:#f4f4f4}
.leaflet-control-locate.active a{color:#2074B6}
.leaflet-control-locate.active.following a{color:#FC8428}

/*
   https://github.com/SINTEF-9012/PruneCluster
   
   MIT License

Copyright (c) 2014 SINTEF-9012
*/

.prunecluster {
	font-size: 12px;
	border-radius: 20px;
	transition: all 0.3s linear, background 0.02s linear, box-shadow 0.02s linear; 
}

.leaflet-marker-icon.prunecluster-anim,
.leaflet-marker-shadow.prunecluster-anim,
.leaflet-markercluster-icon.prunecluster-anim {
	transition: all 0.3s linear, background 0.02s linear, box-shadow 0.02s linear;
}

.leaflet-zoom-anim .leaflet-zoom-animated.leaflet-marker-icon,
.leaflet-zoom-anim .leaflet-zoom-animated.leaflet-marker-shadow,
.leaflet-zoom-anim .leaflet-zoom-animated.leaflet-markercluster-icon {
    transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}

.prunecluster div {
	width: 30px;
	height: 30px;
	text-align: center;
	margin-left: 5px;
	margin-top: 5px;
	border-radius: 50%;
}
.prunecluster div span {
	line-height: 30px;
}

.prunecluster-small {
	background-color: #b5e28c;
	background-color: rgba(181, 226, 140, 0.6);
}

.prunecluster-small div {
	width: 28px;
	height: 28px;
	background-color: #6ecc39;
	background-color: rgba(110, 204, 57, 0.6);
}

.prunecluster-small div span {
	line-height: 28px;
}

.prunecluster-medium {
	background-color: #f1d357;
	background-color: rgba(241, 211, 87, 0.6);
}

.prunecluster-medium div {
	background-color: #f0c20c;
	background-color: rgba(240, 194, 12, 0.6);
}

.prunecluster-large {
	background-color: #fd9c73;
	background-color: rgba(253, 156, 115, 0.6);
}

.prunecluster-large div {
	width: 34px;
	height: 34px;
	background-color: #f18017;
	background-color: rgba(241, 128, 23, 0.6);
}

.prunecluster-large div span {
	line-height: 34px;
}