/* mapbox styles */

.smarker {  width: 24px; height: 36px; cursor: pointer; }
.smarker-bg { position:absolute; width:24px; height:36px; fill:var(--ccbrand-brick); }
.smarker-i { position:absolute; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:white; }
.smarker-num { font-weight:700; }

.mapboxgl-map { font-family:inherit; }

.mapboxgl-popup { width: 240px; padding-bottom: 30px; } /* adjust padding bottom to height of marker */
.mapboxgl-popup-content { text-align: center; padding:1.5rem; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); color: var(--ccbrand-pacific);}
.mapboxgl-popup-content p.mapbox-pop-name { margin:0.5rem 0; font-weight:700; font-size:1.1rem; line-height:1.3; }
.mapboxgl-popup-content p.mapbox-pop-address { margin:0.5rem 0; font-size:0.9rem; line-height:1.3; }
.mapboxgl-popup-content p.mapbox-pop-link { margin:0.5rem 0; font-size:0.3rem; }


.btn-brand-map { background-color:var(--ccbrand-pacific); border:1px solid var(--ccbrand-pacific); color:white; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.100rem; border-radius:20px; 
  margin:4px 2px 4px 0px; padding: .275rem 1rem; transition: all 0.15s linear 0s; text-decoration:none; }
.btn-brand-map:hover { background-color:var(--ccbrand-pacific); border-color:var(--ccbrand-pacific); color:white; text-decoration:none; }