/* EVENTS */

.date-container .h4 {
	margin-bottom: 0;
}

/* EXPLORE */

.explore p {
	font-size: var(--font-size-p-sm);
}

.explore-card-icon {
	width: 7rem;
	min-width: 7rem;
}

.explore-card-icon img {
	width: 100%;
}

.explore .grid-parent > article {
	align-self: stretch;
}

.grid-parent > article > .border-radius-12:first-child img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.explore .grid-parent > article:nth-of-type(1) .padding-container-small.flex-column,
.explore .grid-parent > article:nth-of-type(1) .text-link {
	background-color: var(--color-green);
	color: var(--color-white);
}

.explore .grid-parent > article:nth-of-type(2) .padding-container-small.flex-column {
	background-color: var(--color-yellow);
	color: var(--color-brown);
}

.explore .grid-parent > article:nth-of-type(3) .padding-container-small.flex-column {
	background-color: var(--color-pink);
	color: var(--color-brown);
}

.explore .grid-parent > article:nth-of-type(4) .padding-container-small.flex-column {
	background-color: var(--color-teal);
	color: var(--color-brown);
}

.explore .grid-parent > article:nth-of-type(5) .padding-container-small.flex-column {
	background-color: var(--color-olive);
	color: var(--color-brown);
}

.explore article .grid-25 img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: contain;
}

.margin-bottom-negative-12, .margin-bottom-negative-12 > img {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

/* FAQs */

.faqs .grid-40 {
	min-width: 40%;
}

.a-container img {
	transition: transform 300ms ease;
}

.a-container.active button img {
	transform: rotate(180deg);
}

/* INTRO HOME */

.intro-home .grid-container {
	min-height: 50rem;
}

.intro-home .grid-parent[aria-hidden="true"] {
	max-height: 50rem;
	overflow: hidden;
}

.intro-home .grid-parent[aria-hidden="true"] img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.section-divider {
	position: relative;
	z-index: 2;
	width: 100%;
}

.section-divider > img {
	width: 110%;
	object-fit: cover;
	min-width: 110%;
	margin-left: -5%;
}

[data-parallax-y] {
	will-change: transform;
}

/* SOCIAL CTA */

.social-cta .social-menu, .social-mosaic .social-menu {
	list-style-type: none;
	padding-inline-start: 0;
}

.social-cta .social-menu > li > a, .social-mosaic .social-menu > li > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
}

.social-cta .social-menu > li > a::before, .social-mosaic .social-menu > li > a::before {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
}

.social-cta .social-menu > li.fb > a::before {
	background-image: url("../images/social-cta/facebook.svg");
}

.social-cta .social-menu > li.insta > a::before {
	background-image: url("../images/social-cta/insta.svg");
}

.social-mosaic .social-menu > li.fb > a::before {
	background-image: url("../images/social-cta/facebook-white.svg");
}

.social-mosaic .social-menu > li.insta > a::before {
	background-image: url("../images/social-cta/insta-white.svg");
}

/* TESTIMONIALS/EVENTS */

.swiper {
	overflow: hidden;
}

.swiper-slide {
	height: auto;
}

.events-swiper .swiper-slide > .position-relative img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.events-swiper .swiper-slide > .padding-container-small {
	margin-top: -.75rem;
	position: relative;
	z-index: 2;
}

.swiper-controls button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--color-brown);
	cursor: pointer;
}

.swiper-pagination {
	text-align: left;
}

.swiper-pagination-bullet {
	background: currentColor;
}

.eyebrow-small {
	margin-block-end: 0;
}

.eyebrow-small span.hanging {
	margin-left: -.85em;
}

.attribution {
	padding-left: .85rem;
}

/* PARALLAX DIVIDER */

.parallax-divider {
	padding: 1rem 0;
}

.parallax-track {
	width: max-content;
	will-change: transform;
}

.parallax-track > div {
	width: 9rem;
	max-height: 12rem;
}

.parallax-track img {
	width: 100%;
	max-height: 12rem;
}

/* SOCIALS CTA */

.social-cta #menu-socials-menu, .social-cta #menu-socials-menu-1 {
	margin-block-end: 0;
}

.social-cta #menu-socials-menu li, .social-cta #menu-socials-menu-1 li {
	padding-bottom: 0;
	margin-bottom: 0!important;
}

.social-cta img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}

/* INTERIOR INTRO + TEXT/IMAGE */

.intro-text-image .main-image,
.text-image .main-image {
	width: 100%;
}

.section-decoration {
	right: 7rem;
	bottom: 7rem;
	max-height: 12rem;
}

.section-decoration img {
	display: block;
	width: auto;
}

.text-image .grid-45.border-radius-12 {
	overflow: visible;
}

.watermark {
	top: -4.5rem;
	left: -2rem;
}

/* COLUMNS + CONTAINERS */

.columns-containers .grid-parent > article {
	align-self: stretch;
}

.columns-containers .column-icon {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
}

.columns-containers .column-icon img {
	width: auto;
	max-width: 100%;
	max-height: 12rem;
}

/* FILTERED COLLECTIONS */

.filter-list a {
	padding: .35rem .85rem .5em;
	border: .0625rem solid currentColor;
	border-radius: var(--radius-24);
	color: inherit;
	font-size: var(--font-size-p-xs);
	font-weight: var(--font-weight-bold);
	letter-spacing: var(--tracking-wider);
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}

.filter-list a.active,
.filter-list a:hover,
.filter-list a:focus-visible {
	border-color: var(--color-yellow);
	background-color: var(--color-yellow);
	color: var(--color-brown);
}

.business-grid > article,
.event-grid > article {
	align-self: stretch;
}

.business-grid > article > a:first-child,
.business-grid > article > a:first-child img,
.event-grid > article > .position-relative img {
	width: 100%;
}

.business-grid > article > a:first-child img,
.event-grid > article > .position-relative img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.business-grid h3 a {
	color: inherit;
	text-decoration: none;
}

.business-grid p.category,
.event-grid p.category,
.featured-event p.category {
	display: inline-block;
	align-self: flex-start;
	background-color: var(--color-brown);
	color: var(--color-white);
}

.event-grid > article > .padding-container-small {
	position: relative;
	z-index: 2;
	margin-top: -.75rem;
}

.featured-event > .grid-50:first-child img {
	width: 100%;
	height: 100%;
	min-height: 28rem;
	object-fit: cover;
}

.featured-event > .padding-container {
	border-radius: 0 var(--radius-12) var(--radius-12) 0;
}

/* WHERE TO PARK */

.where-to-park .grid-33 > *:first-child {
	margin-bottom: 1rem;
}

.where-to-park article.background-yellow .eyebrow {
	color: var(--color-brown);
}

.where-to-park article.background-green .eyebrow {
	color: var(--color-white);
}

.where-to-park article.background-green ul {
	list-style-type: none;
	padding-inline-start: 2.5rem;
}

.where-to-park article.background-green ul li {
	position: relative;
}

.where-to-park article.background-green ul li:before {
	content: '★';
	position: absolute;
	left: -2.5rem;
}

/* EVENT SUBMISSION */

.event-submit {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.event-submit-icons {
	align-items: center;
}

.event-submit-icons > div {
	width: min(100%, 9rem);
}

.event-submit-icons img {
	display: block;
	width: 100%;
	aspect-ratio: 1;
	object-fit: contain;
}

/* SOCIAL MOSAIC */

.social-mosaic .grid-parent img {
	display: block;
	width: 100%;
}

.social-mosaic-trigger {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: zoom-in;
}

.social-mosaic-trigger img {
	transition: transform var(--transition-standard);
}

.social-mosaic-trigger:hover img,
.social-mosaic-trigger:focus-visible img {
	transform: scale(1.02);
}

.social-mosaic-trigger:focus-visible {
	outline: .125rem solid currentColor;
	outline-offset: .25rem;
}

html.social-mosaic-modal-open,
body.social-mosaic-modal-open {
	overflow: hidden;
}

.social-mosaic-modal {
	position: fixed;
	inset: 0;
	z-index: 100;
	width: 100vw;
	max-width: none;
	height: 100vh;
	height: 100dvh;
	max-height: none;
	padding: 0;
	border: 0;
	background: rgba(37, 9, 17, .92);
	color: var(--color-white);
	-webkit-backdrop-filter: blur(.35rem);
	backdrop-filter: blur(.35rem);
	overflow: hidden;
}

.social-mosaic-modal::backdrop {
	background: rgba(37, 9, 17, .65);
}

.social-mosaic-modal-shell {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: clamp(4rem, 9vh, 7rem) clamp(4.5rem, 12vw, 12rem);
}

.social-mosaic-modal-swiper {
	width: min(100%, 75rem);
	height: min(72vh, 50rem);
}

.social-mosaic-modal-swiper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.social-mosaic-modal-swiper .swiper-slide img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	border-radius: var(--radius-12);
	object-fit: contain;
}

.social-mosaic-modal-close,
.social-mosaic-modal-prev,
.social-mosaic-modal-next {
	position: absolute;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--color-white);
	cursor: pointer;
}

.social-mosaic-modal-close {
	top: clamp(1.25rem, 4vw, 3rem);
	right: clamp(1.25rem, 4vw, 3rem);
	width: 3rem;
	height: 3rem;
	font-family: Arial, sans-serif;
	font-size: 3.5rem;
	font-weight: 200;
	line-height: 1;
}

.social-mosaic-modal-prev,
.social-mosaic-modal-next {
	top: 50%;
	width: 3rem;
	height: 3rem;
	transform: translateY(-50%);
}

.social-mosaic-modal-prev {
	left: clamp(1rem, 4vw, 4rem);
}

.social-mosaic-modal-next {
	right: clamp(1rem, 4vw, 4rem);
}

.social-mosaic-modal-prev img,
.social-mosaic-modal-next img {
	display: block;
	width: 100%;
	height: 100%;
}

.social-mosaic-modal-close:hover,
.social-mosaic-modal-close:focus-visible,
.social-mosaic-modal-prev:hover,
.social-mosaic-modal-prev:focus-visible,
.social-mosaic-modal-next:hover,
.social-mosaic-modal-next:focus-visible {
	opacity: .75;
}

.social-mosaic-modal-close:focus-visible,
.social-mosaic-modal-prev:focus-visible,
.social-mosaic-modal-next:focus-visible {
	outline: .125rem solid currentColor;
	outline-offset: .25rem;
}

/* STREET TABS */

.street-tabs-list {
	width: 100%;
}

.street-tab {
	padding: .25rem 0;
	border: 0;
	border-bottom: .125rem solid transparent;
	background: transparent;
	color: inherit;
	cursor: pointer;
	font-family: var(--type-sink);
	font-size: var(--font-size-h5);
	letter-spacing: var(--tracking-wider);
	text-transform: uppercase;
}

.street-tab[aria-selected="true"],
.street-tab:hover,
.street-tab:focus-visible {
	border-bottom-color: var(--color-teal);
}

.street-tabs-panel > .grid-parent {
	overflow: clip;
}

.street-tabs-panel > .grid-parent > .grid-50:last-child img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 28rem;
	object-fit: cover;
}

.street-tabs-decoration {
	left: 50%;
	bottom: 0;
	width: min(20rem, 40%);
	max-height: 12rem;
	transform: translateX(-50%);
	pointer-events: none;
}

.street-tabs-decoration img {
	display: block;
	width: 100%;
	max-height: 12rem;
	object-fit: contain;
	object-position: center bottom;
}

.street-tabs-stage .position-absolute {
	width: 28rem;
	left: calc(50% - 14rem);
}

.street-tabs a.primary {
	background-color: var(--color-brown)!important;
	color: var(--color-white)!important;
}

/* WHERE TO PARK */

.where-to-park .sticky-aside img {
	display: block;
	width: 100%;
}

.parking-validators {
	border-top: .0625rem solid currentColor;
	border-bottom: .0625rem solid currentColor;
}

.parking-validators .a-btn {
	padding: 1rem 0;
	margin: 0;
}

.parking-validator-list {
	padding: 0 0 1rem;
	margin: 0;
	columns: 3;
	column-gap: 2.5rem;
	list-style: none;
}

.parking-validator-list li {
	break-inside: avoid;
	line-height: 1.25;
}

@media screen and (min-width: 48rem) {
	
	/* EVENTS LOOP */
	
	.events-loop .grid-50.border-radius-12 {
		max-width: 50%;
	}
	
	.events-loop .grid-50.border-radius-12, .events-loop .grid-50.border-radius-12 > img {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	/* EXPLORE */
	
	.explore .grid-parent > article:nth-of-type(-n+2) {
		width: calc(50% - 1rem);
	}

	.explore .grid-parent > article:nth-of-type(n+3) {
		width: calc(33.3333% - 1.3333rem);
	}
	
	/* SOCIAL CTA */
	
	.social-cta .grid-container-full {
		min-width: 120%;
	}

	/* COLLECTIONS */

	.business-grid > article,
	.event-grid > article,
	.columns-containers .grid-parent > .tablet-grid-50 {
		width: calc(50% - 1rem);
	}
	
}

@media screen and (min-width: 64rem) {
	
	/* EVENT SUBMIT */
	
	.event-submit {
		padding-left: 0;
		padding-right: 0;
	}
	
	.event-submit > * {
		max-width: 82rem;
	}

	.business-grid > article,
	.event-grid > article,
	.columns-containers .grid-parent > .grid-33 {
		width: calc(33.3333% - 1.3333rem);
	}

	.columns-containers .grid-parent > .grid-50 {
		width: calc(50% - 1rem);
	}

	.columns-containers .grid-parent > .grid-25 {
		width: calc(25% - 1.5rem);
	}

}

@media screen and (max-width: 47.9375rem) {
	
	/* COLLECTIONS */

	.business-grid > article,
	.event-grid > article,
	.columns-containers .grid-parent > article {
		width: 100%;
	}

	.featured-event > .grid-50:first-child img {
		min-height: 18rem;
	}

	.featured-event > .padding-container {
		border-radius: 0 0 var(--radius-12) var(--radius-12);
	}
	
	/* DECORATION */
	
	.section-decoration {
		right: 4rem;
		bottom: 1.5rem;
		max-height: 6rem;
	}
	
	.section-decoration img {
		max-height: 6rem;
	}
	
	/* EVENT SUBMIT */
	
	.event-submit .grid-70 {
		padding: 1.5rem 0;
	}
	
	.event-submit .icons-left,
	.event-submit .icons-right {
		min-width: 0;
		justify-content: center;
	}

	.event-submit .icons-left > img,
	.event-submit .icons-right > img {
		flex: 1 1 0;
		width: 100%;
		min-width: 0;
		max-width: 9rem;
		height: auto;
	}
	
	/* EXPLORE */

	.explore .grid-parent > article {
		width: 100%;
	}
	
	.explore-card-icon {
		width: 5.25rem;
		min-width: 5.25rem;
	}
	
	/* INTRO HOME */
	
	.intro-home .grid-container {
		min-height: 0;
		padding-left: 0;
		padding-right: 0;
	}
	
	.intro-home .grid-45 {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	
	.intro-home .grid-50 {
		padding-top: 1.5rem;
	}

	.intro-home .grid-parent[aria-hidden="true"] {
		max-height: 35rem;
	}

	.intro-home .grid-parent[aria-hidden="true"] > div {
		display: flex;
	}
	
	/* PARALLAX DIVIDER */

	.parallax-track > div {
		width: 6rem;
	}
	
	/* SOCIAL CTA */
	
	.social-cta {
		padding: 1.5rem;
	}
	
	/* SOCIAL MOSAIC */
	
	.social-mosaic-modal-shell {
		padding: 5rem 1rem 4rem;
	}

	.social-mosaic-modal-swiper {
		width: calc(100% - 2rem);
		height: 75vh;
		height: 75dvh;
	}

	.social-mosaic-modal-prev {
		left: .75rem;
	}

	.social-mosaic-modal-next {
		right: .75rem;
	}
	
	/* STREET TABS */

	.street-tabs-list {
		flex-wrap: nowrap;
		justify-content: flex-start!important;
		overflow-x: auto;
	}

	.street-tab {
		flex: 0 0 auto;
	}

	.street-tabs-panel > .grid-parent > .grid-50:last-child img {
		min-height: 18rem;
	}

	.street-tabs-decoration {
		width: 45%;
	}
	
	.street-tabs-stage .position-absolute {
		width: 13rem;
		left: calc(50% - 6.5rem);
	}
	
	/* TESTIMONIALS */

	.testimonials .swiper-slide:nth-child(even) {
		margin-top: 0;
	}

	/* WHERE TO PARK */

	.parking-validator-list {
		columns: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.parallax-track,
	[data-parallax-y] {
		transform: none !important;
	}
}