.harm-reduction .hr, .accessing-naloxone .an, .finding-harm-reduction .fhr, .resources .res {display: none;}
a {text-decoration: underline;}
.accordion a  {text-decoration: none;}
.hr-links a {text-decoration: none; position: relative; display: block;}
.hr-links a span {position: absolute; top: 0; left: 0; background: #61c2c6; width: 100%; padding: 0.5rem; text-align: center;}

#mapid { height: 450px; width:100%; }
.card>:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sticky.is-stuck {box-shadow: 0 3px 5px #444; max-width: 1200px !important; left: 50%; margin-left: -600px; padding-left: 2rem;}
.sticky.is-stuck.is-at-top {transition:0s; z-index: 999;}
.sticky.is-anchored {padding-left:0.5rem;}
.sticky-container {z-index:999 !important;}
h4 {padding-top:1rem;}
.card {margin-top:2rem;}
.leaflet-popup {width:300px;}

.p-banner {margin:0 -.9375rem; position:relative; z-index:1;}
.p-banner img {margin:0; width:33.333333%; height: 270px; object-fit: cover; float:left;}
.p-slogan {margin:0 -.9375rem; position:relative; z-index:1; padding:2rem 5rem; text-align:center; background:#61c2c6; font-size:1.8rem;}
.p-img {margin:2rem -.9375rem; height:300px;}
.p-img img {width:100%; height:100%; object-fit:cover;}
.od-img {float:right; margin:0 0 1rem 1rem; width:48%; margin-left:5%; object-fit:cover;}
.sticky {}
.filter-img {position: relative;}
.fixed { position: fixed; top:0; box-shadow: 0 1px 1px #ccc; z-index:9999;}
#slider:before, .filter-img:before {content:" "; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(64,234,251,0.1); z-index:9; mix-blend-mode: color;}
.oj-bullets {list-style: none;}
.oj-bullets li {position:relative;}
.oj-bullets li:before {content:"•"; font-size: 2rem; position: absolute; left: -16px; top: -12px; color: #fbb040;}
  
.nivoSlider {height:100%;}
.nivoSlider img {height:100% !important; object-fit: cover;}
#learn-img {display:none;}
.float-right-img {width:50%; max-height: 300px; object-fit:cover; float: right; margin: 0 0 1rem 1rem;}