/* point section muir */

.trails-legend {
	width:100%; max-width:600px; margin:0 auto;
	font-size:0.8rem;
}

.muir-wrap { background-color:var(--cms-orange-lt); border-top:2px solid var(--cms-navy); }
.muir-hold { display:block; }
.muir-content { width:100%; background-color:var(--cms-orange-lt); padding:40px; min-height:100px; }
.muir-map { width:100%; height:420px; min-height:420px; background-color:#E8E0D8; }
#muirmap1 { width:100%; height:420px; background-color:#E8E0D8; }
#muirmap2 { width:100%; height:420px; background-color:#E8E0D8; }
#muirmap3 { width:100%; height:420px; background-color:#E8E0D8; }
@media all and (min-width: 768px) {
	.muir-hold { display:flex; width:100%; max-width:1800px; margin:0 auto; min-height:100vh; }
	.muir-content { width:40%; height:auto; }
	.muir-map { width:60%; height:auto; }
	#muirmap1 { width:100%; height:100vh; top:0px; position: sticky; position: -webkit-sticky; /* need for safari */ }
  #muirmap2 { width:100%; height:100vh; top:0px; position: sticky; position: -webkit-sticky; /* need for safari */ }
  #muirmap3 { width:100%; height:100vh; top:0px; position: sticky; position: -webkit-sticky; /* need for safari */ }
}
@media all and (min-width: 992px) {
  .muir-content { padding:60px;}
}

.smarker-muir { position:absolute; width:24px; height:36px; fill:#a4cdec; fill:white; fill:black; }
.smarker-muir-i { position:absolute; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:black; color:white; }

.muir-map .mapboxgl-popup { padding-bottom: 26px!important; } /* adjust padding bottom to height of marker */
.muir-map .mapboxgl-popup-content { border:2px solid white; width: 360px; text-align: left; padding:0; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }

.mapboxgl-popup-content .muir-popup-content { background-color:var(--cms-orange-lt); color:var(--cms-black); padding:1rem; line-height:1.25; }
.mapboxgl-popup-content div.muir-pop-image { width:100%; height:300px; background-position:center center; background-size:cover; }
.mapboxgl-popup-content p.muir-pop-name { margin:0.25rem 0; font-weight:500; font-size:1.1rem; text-wrap:balance; }
.mapboxgl-popup-content div.muir-pop-address p { margin:0.25rem 0; font-size:0.8rem; line-height:1.5; }
.mapboxgl-popup-content p.muir-pop-link { margin:0.5rem 0; }