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

.fill-maporange{fill:#FDB517;}
	.fill-darkbrown{fill:#332922;}
.fill-mapblue{fill:#1A65AF;}
.fill-white{fill:#FFFFFF;}
.fill-mapgreen{fill:#168e77;}
.fill-mappurple{fill:#A1469A;}
.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:#4d5ace;}

.mapkey{
    margin-left:20px!important;
    padding-left:10px!important;
}
.mapamenitiesc .instruct{
    margin-bottom: 0px;
    text-align: left;
    font-weight: 200;
    font-family: helvetica, sans-serif;
    text-transform: uppercase;
    padding-left:23px;
}
.mapkey .instruct{
    margin-top:5px;
    margin-bottom: 0px;
    text-align: center;
    position: relative;
    left:-15px;
    font-weight: 200;
    font-family: helvetica, sans-serif;
    text-transform: uppercase;
}
.collapsible-body{
     font-family: helvetica, sans-serif;
}
.stack42c .instruct{
    margin-top:10px;
}
.redtext{
    color:#a70603;
}
#maprestaurants_btn{
    color:#fff;
    border-bottom: solid thin #755ddb;
}
#mapretail_btn{
    color:#fff;
    border-bottom: solid thin #47e2c4;
}
.greentext{
    color:#176a01;
}
#maphotels_btn{
    color:#fff;
    border-bottom: solid thin #dd68da;
}
.orangetext{
    color:#bc5f04;
}
.bluetext{
    color:#014391;
}
.mapboxgl-popup-content {
    background: #022624!important;
    color:#fff!important;
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: #022624!important;
}
#mapfitness_btn{
    color:#fff;
    border-bottom: solid thin #64b3f4;
}
#maptransport_btn{
    color:#fff;
    border-bottom: solid thin #caeb44;
}
#mapall_btn{
    color: #fff;
    border-bottom: solid thin #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: 300;
    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: absolute; padding-top:50px;*/
    padding: 5px 0px;
   
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    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: 100%;*/
    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: 600px) {
.mapkey .instruct{
    font-size:.6em;
    text-align: left;
    padding-top:50px;
}
    .locationtxt h1 {
    font-size: 1.4em;
        text-transform: uppercase;
}
    .locationtxt .neighboricons h1 {
    font-size: 2em;
        text-align: center;
}
}