/* scrolly 3/10/25 */

@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

.scrolly-map-container {
  margin: 1.5rem auto;
  width: 100%;
  max-width:1400px;
	background-color:#f8f6f4;
  box-shadow: 0px 0px 8px 0px rgba(158,158,188,0.15);
}

.scrolly-map-hold {
	border: 2px solid white;
}
.scrolly-map-map {
	width: 100%;
	height: 500px;
}
.scrolly-map-content {
	width: 100%;
	min-height: 100px;
	padding: 1rem 1.5rem;
}
#scrollymap {
	width: 100%;
	height: 500px;
	background-color: #e8e0d8;
}
@media all and (min-width: 992px) {
	.scrolly-map-hold {
		display: flex;
		/* flex-direction: row-reverse; */
		width: 100%;
		height: 904px;
	}
	.scrolly-map-map {
		width: 55%;
		height: auto;
	}
	.scrolly-map-content {
		width: 45%;
		height: auto;
		padding: 2rem;
    overflow-y: scroll;
	}
	#scrollymap {
		width: 100%;
		height: 900px;
		top: 0px;
		position: sticky;
		position: -webkit-sticky; /* need for safari */
	}
}

/* table styles */

.scrolly-table {
	margin: 0 0 0 0;
	width:100%;
}
.scrolly-table tr {
	/* NOTE: Scroll-margin-top applies a slight vertical offset to the cards when clicking on a map icon to set the side postion */
	scroll-margin-top: 1rem; 
	vertical-align: top;
	z-index: 1;
}

.scrolly-card { width:100%; padding:1rem 0; }
.scrolly-card-image { position:relative; padding-top:16px;}
.scrolly-card-image-image { width:100%; padding-bottom:66%; background-size:cover; background-position:center center; }
.scrolly-card-image-caption { font-size:0.75rem;  margin-top:0.5rem; }
.scrolly-card-image-num { position:absolute; top:0px; left:24px; width:30px; height:30px; background-color:var(--cty-alink); color:white; border-radius:15px; 
  text-align:center; font-size:0.75rem; line-height:30px; font-weight:700; }

.scrolly-card-content { padding-top:1.5rem; }
.scrolly-card-content-title { font-weight:700; font-size: 1.3rem; margin-bottom: 0.5rem; text-wrap:balance; }
.scrolly-card-content-address { font-weight: 600; font-size:1rem; margin-bottom: 0.5rem; }
.scrolly-card-content-html { font-size:1rem; }
.scrolly-card-content-link{ margin-bottom:1rem; }