/*------------ LOCATION --------------- */

.fill-maporange{fill:#FDB517;}
	.fill-darkbrown{fill:#332922;}
.fill-mapblue{fill:#1A65AF;}
.fill-white{fill:#FFFFFF;}
.fill-mapgreen{fill:#89b1de;}
.fill-mappurple{fill:#a796c8;}
.fill-mapgreen2{fill:#417136;}
.fill-mappink{fill:#4f9714;}
.stroke-white{stroke:#FFFFFF;stroke-miterlimit:10;}
.fill-mapgreendark{fill:#6B754B;}
	.fill-mapgreen3{fill:#202607;}

.fill-maprestaurant{fill:#edb443;}

.circle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
    display: inline-block;
}
.circle p{
     font-size: 1em!important;
    font-weight: 400!important;
    line-height: 1.6em!important;
    margin:0!important;
}
.greenbg{
    background: green;
}
.yellowbg{
    background:#f7d419;
    color: #000;
}
.graybg{
    background:gray;
}
.bluebg{
    background: #3667b1;
}
.orangebg{
    background: #f07b2a;
}
.mapkey{
    padding:0px 30px;
    
}
#map {
    height: 700px;
    width: 100%;
    position: relative;
z-index:904;
}
.mapkey .instruct{
    margin-top:5px;
    margin-bottom: 0px;
    text-align: left;
    font-weight: 400;
    text-transform: uppercase;
    color:#767676;
}
.collapsible-body{
     font-family: helvetica, sans-serif;
}
.stack42c .instruct{
    margin-top:10px;
}
.redtext{
    color:#a70603;
}
#maprestaurants_btn{
    color:#fff;
   border-bottom: solid 0px #755ddb;
}
#mapretail_btn{
    color:#fff;
    border-bottom: solid 0px #47e2c4;
}
.greentext{
    color:#176a01;
}
#maphotels_btn{
    color:#fff;
    border-bottom: solid 0px #dd68da;
}
.orangetext{
    color:#bc5f04;
}
.bluetext{
    color:#014391;
}
.mapboxgl-popup-content {
    background: #000!important;
    color:#fff!important;
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: #000!important;
}
#mapfitness_btn{
    color:#fff;
    border-bottom: solid 0px #64b3f4;
}
#maptransport_btn{
    color:#fff;
    border-bottom: solid 0px #caeb44;
}
#mapall_btn{
    color: #fff;
    border-bottom: solid 0px #fff;
}
.neighborlist{
/*    color:#fff;*/
}
.neighborlist:hover{
    cursor: pointer;
}
.purpletext{
    color:#6700aa;
}
 .collapsible {
    -webkit-box-shadow:none;
    box-shadow: none;
}
.collapsible-header{
    font-size:1em;
    font-weight: 400;
    padding:4px;
    background-color:#e7e3df;
}
.collapsible-header span{
    position: relative;
    top:2px;
}
.collapsible-header i{
    font-size:1em;
    margin-right:0;
}
.collapsible-header svg{
    width:20px;
    height:auto;
}
.collapsible-body{
    font-size: .8em;
    padding:10px 0px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 300;
    letter-spacing: 0px;
    
}
.collapsible-body .row{
    padding-bottom: 0px;
    margin-bottom: 0;
}




.collapsible{
    border:none;
}
.collapsible-header{
    background:transparent;
    height:35px;
}
.locationtext {
   position: relative;
    z-index: 955;
    left:25%;
    top:10vh;
    padding: 5px 0px;
    background:#172c3d;
    color:#fff;
    width: 100%;
}

.locationtext p span {
    font-weight: 500;
}

/* -------- MAP --------*/
.trainh{
    line-height:25px;
}
.round
    {
        -moz-border-radius: 25px;
        border-radius: 25px;
        padding: 2px 6px;
        font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 500;
    }

.greenc{
    background: green;
        color:#fff;
    border:solid thin #90a57c;
}
.grayc{
    background: #999;
        color:#fff;
}
.orangec{
    background: #ed6b2d;
        color:#fff;
}

.cwider{
    padding: 3px 4px;
}

.yellowc{
    background: #f6cd46;
        color:#000;
}

.bluec{
    background: #2f44c1;
        color:#fff;
}

.redc{
    background: #c61a1a;
        color:#fff;
}
#map-text img.path{
    width:80px;
    height:auto;
    display:inline;
    position: relative;
    top:5px;
}
#map-text img.citibike{
    width:60px;
    height:auto;
    display:inline;
}

#map{
/*
    position: absolute;
    top: 0;
    bottom: 0;
    padding-top:10px;*/

    width: 97%;
    height:88vh;
    
}
row.mapkey{
    margin-bottom:0!important;
}
.map-container{
/*
    width: 60%;
   position: absolute;
*/
}

.mapboxgl-popup {
    max-width: 400px;
    font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.mapimg {
    margin-top: 50px;
}

.mapimg img {
    height: auto;
    width: 100%;
}
#map-text p{
    font-size: .9em;
}
#map-text img {
    width: 250px;
    height: auto;
}
@media only screen and (max-width: 900px) {
.collapsible-header {
    height: auto;
}
    .collapsible-header svg {
    width: 15px;
}
}
@media only screen and (max-width: 600px) {

#map {
    height: 500px;
}
.mapkey .instruct{
    font-size:.6em;
    text-align: left;
    padding-top:0px;
}
    .locationtext {
    left: 0;
    top: 0;
    }
    .locationtxt .neighboricons h1 {
    font-size: 2em;
        text-align: center;
}
}