/* position fix for station list (local nav) */

.station-container .station-list {
	padding-top: 52px;
}

@media only screen and (max-width: 833px) {
	.station-container .station-list {
		padding-top: 48px;
	}
}

/* ribbon */

@keyframes ribbon-drop {
	0% {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}

.ribbon {
	overflow: hidden;
	--ribbon-background-color: rgb(29, 29, 31, 0.8);
	--ribbon-text-color: #fff;
	--ribbon-link-color: #2997ff;
	--ribbon-focus-color: rgba(0, 125, 250, 0.6);
}

.ribbon a {
	color: var(--ribbon-link-color);
}

.ribbon-content-wrapper {
	text-align: center;
}

.ribbon-content {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

@media only screen and (min-width: 1440px) {
	.ribbon-content {
		margin-left: auto;
		margin-right: auto;
		width: 980px;
	}
}

@media only screen and (max-width: 1068px) {
	.ribbon-content {
		margin-left: auto;
		margin-right: auto;
		width: 692px;
	}
}

@media only screen and (max-width: 734px) {
	.ribbon-content {
		margin-left: auto;
		margin-right: auto;
		width: 87.5%;
	}
}

@media only screen and (min-width: 1800px) {
	.ribbon-content {
		margin-left: auto;
		margin-right: auto;
		width: 980px;
	}
}

.ribbon-link {
	white-space: nowrap;
}

.ribbon-link:focus {
	text-decoration: underline;
}

.ribbon .ribbon-content-wrapper {
	padding-top: 0.9411764706em;
	padding-bottom: 0.9411764706em;
}

.ribbon .ribbon-content {
	font-size: 14px;
	line-height: 1.4285914286;
	font-weight: 400;
	letter-spacing: -0.016em;
	font-family:
		SF Pro Text,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.ribbon .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color);
}

.ribbon .ribbon-content {
	color: var(--ribbon-text-color);
}

.ribbon .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

.ribbon .ribbon-link {
	color: var(--ribbon-link-color);
}

.ribbon-elevated .ribbon-content-wrapper {
	padding-top: 1.4117647059em;
	padding-bottom: 1.4117647059em;
}

.ribbon-elevated .ribbon-content {
	font-size: 17px;
	line-height: 1.4705882353;
	font-weight: 400;
	letter-spacing: -0.022em;
	font-family:
		SF Pro Text,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.ribbon-drop-wrapper {
	animation: ribbon-drop 0.8s ease-in-out forwards;
}

@media (prefers-reduced-motion) {
	.ribbon-drop-wrapper {
		animation: none;
	}
}

/* ribbon END */

/* wallet button in nav */

#ac-localnav .ac-ln-action-button {
	display: none;
}

html.wallet-supported #ac-localnav .ac-ln-action-button {
	display: block;
}

/* fixing XS container */
@media only screen and (max-width: 700px) {
	body {
		min-width: 260px;
	}
	.section-anywhere .section-content .grid {
		padding: 0px;
	}
	.section-faqs .tile-content {
		padding-left: 0px;
		padding-right: 0px;
	}

	.grid.more-questions {
		grid-column-gap: 0px;
	}
}

/* === [[ BRISBANE TRANSIT UPDATE - START ]] === */

.section-anywhere .anywhere-feature {
	margin-top: 0;
}

.section-anywhere > .section-content > .grid {
	grid-row-gap: 0;
}

.section-anywhere .typography-anywhere-body {
	max-width: 772px;
	margin-left: auto;
	margin-right: auto;
}

.section-anywhere .anywhere-logos {
	margin: 60px auto;
	max-width: 330px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.section-anywhere .logo-copy {
	font-weight: 600;
	font-size: 24px;
	line-height: 1.1666666667;
	color: #86868b;
}

@media only screen and (max-width: 1068px) {
	.section-anywhere .logo-copy {
		font-size: 21px;
		line-height: 1.381002381;
	}
	.section-anywhere .anywhere-logos {
		margin: 50px auto;
		max-width: 290px;
	}
}

@media only screen and (max-width: 734px) {
	.section-anywhere .logo-copy {
		font-size: 17px;
		line-height: 1.4705882353;
	}
	.section-anywhere .anywhere-logos {
		margin: 40px auto;
	}
}

/* === [[ BRISBANE TRANSIT UPDATE - END ]] === */