#superfunds {
    max-width:1024px;
}

.ap-interactive h1 {
    font-size: 2.25em;
    line-height: 3rem;
}

/*  OVERRIDES  */
.head-wrap { 
    background: #fff; 
    padding: 0; 
    margin: 0 0 15px 0;
    width: 100%;
}
.footer-wrap { 
    background: #fff; 
    padding: 0; 
    margin: 6px 0 6px 10px;
}

.head-wrap h2 {
	font: normal 30px/1.3 'GoodWeb-Book','arial';
    padding: 15px 0 5px;
    text-transform: uppercase;
    color: #666;
    text-align: center;


}
/*  MAP  */
#map-wrap {
    position: relative;
    width: 100%;
}
#map {
    border-top: 1px solid #a2a5a1;
    border-bottom: 1px solid #a2a5a1;
    width: 100%;
    height: 550px;   
}
#map .leaflet-zoom-animated {
    pointer-events: all;
    cursor: pointer;
}

.leaflet-container a {
    color: #666 !important;
}
#container {
    margin-left: 20px;
}



/*  MAP LAYERS UI  */
#map-overlay {
    position: absolute;
    bottom: 22px;
    right: 50px;
    z-index: 400;
}


#map-ui {

    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;

    box-shadow:         1px 1px 10px #666;
    -webkit-box-shadow: 1px 1px 10px #666;
    -moz-box-shadow:    1px 1px 10px #666;
}

#map-ui ul {
    list-style:none;
    margin:0;
    padding:0;
}

#map-ui li {
    font-size:13px;
    background:#FFF;
    color:#3C4E5A;
    display:block;
    margin:0;
    padding:0;
    /*border:1px solid #BBB;*/
    /*border-bottom-width:0;*/
    width: 111px;
    padding:10px;
    text-decoration:none;
    cursor: pointer;

    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;

    
}

#map-ui li:hover { background: #ebf1f4;}

#map-ui a { text-decoration:none;}

#map-ui a:hover { background:#ECF5FA; }
#map-ui .active { background:#c7dced; }
#map-ui .active:hover { background:#b3cadc; }



/*  LEGEND  */
#map-legend {
    z-index: 102;
    padding:10px;
    margin: 0 0 20px 0;
    font-size:13px;
    background:#FFF;
    color:#3C4E5A;
    border:1px solid #BBB;
    padding-left: 15px;
    padding-right: 15px;
}

#map-legend h5 {
font-family: 'GoodWeb-Bold', Helvetica, arial, sans-serif; 
font-weight: 700; color: #333; margin: 5px 0 3px;
font-size:15px;
}

#map-legend .note {
    font-size: 11px;
    line-height: 13px;
    margin: 0;
}
.legend ul {
    list-style:none;
    margin: 5px 0px;
    padding:0;
}

.legend ul li {
    text-align: left;
    font-size: 13px;
    line-height: 24px;
    list-style: none;
    color: #444;
    margin: 3px 0px;
    padding:0;
    font-family: 'GoodWeb-Book';

}
.legend p {
    font-family: 'GoodWeb-Book';
    font-size: 12px;
    color: #444;
    margin-bottom: 0;
    margin-top: 9px;
    line-height: 13px;
}
.legend ul li span {
    width: 15px;
    height: 15px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
    padding: 0;
}


.source{
    margin: 4px 0 0;
    font: normal 11px/1.8 Arial,Helvetica,sans-serif;
    color: #999;
}

.circle6, .circle5, .circle4, .circle3, .circle2, .circle1, .circle0, .dots { border-radius: 50%; opacity: 1; }
.circle6 { border: 7px solid #fff; width:  6px; height:  6px;}
.circle5 { border: 6px solid #fff; width:  8px; height:  8px;}
.circle4 { border: 5px solid #fff; width: 10px; height: 10px;}
.circle3 { border: 4px solid #fff; width: 12px; height: 12px;}
.circle2 { border: 3px solid #fff; width: 14px; height: 14px;}
.circle1 { border: 2px solid #fff; width: 16px; height: 16px;}
.circle0 { border: 1px solid #fff; width: 18px; height: 18px;}
.dots    { border: 1px solid #ccc; width: 14px; height: 14px;}



.keys {
    display: block;
    float: left;
    height: 24px;
    width: 26px;
    margin: 0 0 0 0;
}

.key-1 { background: #fff url('../graphics/key-1.jpg') no-repeat center left; }
.key-2 { background: #fff url('../graphics/key-2.jpg') no-repeat center left; }
.key-3 { background: #fff url('../graphics/key-3.jpg') no-repeat center left; }
.key-4 { background: #fff url('../graphics/key-4.jpg') no-repeat center left; }
.key-5 { background: #fff url('../graphics/key-5.jpg') no-repeat center left; }


/*  POPOVER  */
.popover {
  background: white;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #E7E2D8;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 1px 1px 2px #E7E2D8;
  -webkit-box-shadow: 1px 1px 2px #E7E2D8;
  box-shadow: 1px 1px 2px #E7E2D8;
  display: block;
  max-width: 85%;
  width: 270px;
  position: absolute;
  line-height: 1;
  font: 14px 'Freight-Book';
  border-radius: 2px;
  display: none;
  font-family: 'GoodWeb-CondBook';
  -webkit-font-smoothing: antialiased;
  z-index: 700;



}
.popover .bar {
    height: 12px;
    background-color: #ccc;
    display: inline-block;
    margin-right: 2px;
    max-width: 160px;
    top: 1px;
    position: relative;
    margin-left: 2px;
}
.popover .label {
        color: #333333;
        line-height: 1.5em;
}
.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.ap-interactive h5 {
  color:#444;
  margin-bottom: 5px;
  font-size: 1.1em;
  font-family: 'GoodWeb-Bold';
 
}

.popover-content {
     padding: 0 10px 10px 10px;

}

.popover-content p {
    margin-bottom: 0;
    font-size: 14px;
    font-family: 'GoodWeb-CondBook';

}

.popover-small p {
    font-size: 12px;
    color: #333;
    margin: 0;
    padding: 0 13px 10px;
    font-family: 'GoodWeb-CondBook';
}



.popover .caps {
    text-transform: capitalize;
    font-family: 'GoodWeb-CondBook';
}
.popover .city.caps {
    display: block;
}

.popover .caps::first-letter {
  text-transform: capitalize;
}

.popover .arrow {
    border-width: 11px;
}

.popover.left {
margin-left: -10px;
}

.popover.right {
margin-left: 10px;
}


.popover h5 {
  padding: 10px 10px 0 10px;

}
.popover h5 .level-2 {
    border-bottom: solid 3px #267ba0;
    padding-bottom: 5px;
}
.popover h5 .level-3 {
    border-bottom: solid 3px #56b5a4;
    padding-bottom: 5px;
}
.popover h5 .level-0 {
    border-bottom: solid 3px #b3dcc0;
    padding-bottom: 5px;
}


.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0;
}

.popover.left .arrow:after {
    right: 1px;
    bottom: -10px;
    border-left-color: #fff;
    border-right-width: 0;
}

.map-legends {
    display: none;
}

.ap-interactive.apnews footer {
    margin: 4rem 0 1rem 0;
    max-width: none;
}

@media screen and (max-width: 500px) {
    #map-legend {
        bottom: auto;
        right: auto;
        text-align: right;
        top: 28%;
        width: 58px;
        padding-left: 0px;
        z-index: 1;
        padding-top: 5px;
        width: 70px;
        padding: 10px 8px 8px 8px;
        position: relative;

    }
    .legend ul li {
        text-align: center;
        font-size: 14px;
        line-height: 20px;
    }
    .legend ul li span {

        display: block;
        padding: 0;
        text-align: center;
        width: 10px;
        height: 10px;
        float: none;
        margin: auto;
    }
    #map-legend h5 {
        text-align: center;
        font-size: 12px;
    }
    .popover {
/*        position: absolute;
*//*        bottom: 20%;
*/        width: 240px;
/*        left:18%;
*/    }

    .popover .bar {
    max-width: 180px;
    }
    .popover.right {
    margin-left: 0;
    }
    .popover.left {
    margin-left: 0;
    }
    .ap-interactive h1 {
    font-size: 2em;
    line-height: 2.35rem;
    }


}