#wbur-graphic-container{font-family:'metric',sans-serif}.note{font-size:.7em;margin:1em 0}.source-and-credit{clear:both;width:100%;overflow:hidden;margin-top:.5em}.source-and-credit p{line-height:1.6;padding:0;margin:0;font-size:.7em;text-align:left;float:none}.source-and-credit .source span{font-weight:normal}@media only screen and (min-width:40em){.source-and-credit .source span{float:left}}.source-and-credit .credit span{text-transform:uppercase}@media only screen and (min-width:40em){.source-and-credit .credit span{text-align:right;float:right}}.bold{font-weight:bold}.graphic{font-family:'metric',sans-serif;position:relative}.graphic #circle-legend{position:absolute;background:rgba(255,255,255,0.5);bottom:20px;right:10px;padding:.5em}@media only screen and (min-width:40em){.graphic #circle-legend{top:10px;right:10px;bottom:auto}}.graphic #circle-legend .circle-row{display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:center}.graphic #circle-legend .circle-row .circle{border:1px solid #999;border-radius:50%;margin-right:.2em}.graphic #circle-legend .circle-row .circle-1{width:1.5px;height:1.5px}@media only screen and (min-width:40em){.graphic #circle-legend .circle-row .circle-1{width:3px;height:3px}}.graphic #circle-legend .circle-row .circle-2{width:8px;height:8px}@media only screen and (min-width:40em){.graphic #circle-legend .circle-row .circle-2{width:10px;height:10px}}.graphic #circle-legend .circle-row .circle-3{width:17.6px;height:17.6px}@media only screen and (min-width:40em){.graphic #circle-legend .circle-row .circle-3{width:22px;height:22px}}.graphic #circle-legend .circle-row .circle-text{font-size:.9rem}.graphic #ssd-loans-map{height:400px;width:100%;font-family:'metric',sans-serif}@media only screen and (min-width:40em){.graphic #ssd-loans-map{height:500px}}.graphic #ssd-loans-map .mapboxgl-popup-content{font-size:1.2em}.graphic #ssd-loans-map .mapboxgl-popup-content p{margin-bottom:.25em}.graphic #ssd-loans-map .mapboxgl-popup-content .mapboxgl-popup-close-button{color:#000 !important;top:-10px !important;right:-10px !important}.graphic__select{margin:1em auto;display:flex}.graphic__select div{margin-right:10px}.graphic__select .no-dropbox-town{display:none}.graphic__select .no-dropbox-town.show{display:block}.graphic__select #town-dropdown{font-size:.9em}@media only screen and (min-width:40em){.graphic__select #town-dropdown{font-size:.8em}}.graphic__text{margin:.5rem 0;font-family:'metric',sans-serif}.graphic__text--hed{font-weight:bold;font-size:1.3rem;margin-bottom:.5em}@media only screen and (min-width:40em){.graphic__text--hed{font-size:1.5rem}}.graphic__text--subhed{font-size:1rem;font-weight:400 !important;margin-bottom:.5rem}@media only screen and (min-width:40em){.graphic__text--subhed{font-size:1.1rem;margin-bottom:.5rem;margin-top:0}}.graphic__legend .legend-text{font-size:.84em}@media only screen and (min-width:40em){.graphic__legend .legend-text{vertical-align:text-bottom}}.graphic__legend .legend-box{display:inline-block;height:10px;width:20px;margin-left:5px;opacity:.9}@media only screen and (min-width:40em){.graphic__legend .legend-box{height:14px}}.graphic__legend .legend-box-1{background:#f4dcaf;margin-left:0;margin-right:2px}.graphic__legend .legend-box-2{background:#8ce}.graphic__legend .legend-box-3{background:#ffffbf}.graphic__legend .legend-box-4{background:#9fbb88}.graphic__legend .legend-box-5{background:#dfc7e2}