/* Local Overrides */

/* Hero animation */
html.ac-gn-segmentbar-visible .section-hero .canvas-wrapper {
	top: var(--r-globalnav-segmentbar-height);
}
html.ac-ls-visible .section-hero .canvas-wrapper {
	top: var(--r-localeswitcher-height);
}
html.ac-gn-segmentbar-visible.ac-ls-visible .section-hero .canvas-wrapper {
	top: calc(
		var(--r-globalnav-segmentbar-height) + var(--r-localeswitcher-height)
	);
}

/*Car keys*/
.tile.full .back-face .content-column {
	padding-right: 80px;
}
@media only screen and (max-width: 1068px) {
	.tile.full .back-face .content-column {
		padding-right: 50px;
	}
}
.car-keys .front-face .overview-car-keys img {
	position: relative;
	top: 38px;
}

@media only screen and (max-width: 1068px) {
	.car-keys .front-face .overview-car-keys img {
		top: 25px;
	}
}
@media only screen and (max-width: 734px) {
	.car-keys .front-face .overview-car-keys img {
		top: 60px;
	}
}

/*Apple Pay*/
.section-routers .router {
	width: 100% !important;
}

/*Great Brands*/
.section-loyalty-and-rewards .great-brands .front-face h3 {
	padding-left: 52px;
}
@media only screen and (max-width: 1068px) {
	.section-loyalty-and-rewards .great-brands .front-face h3 {
		padding-left: 36px;
	}
}

/* Rewards */
@media only screen and (max-width: 734px) {
	.section-payments .add-a-card .front-face h3.headline-appear {
		opacity: 1;
		transform: translateY(0);
	}
}

/*Tickets*/
@media only screen and (min-width: 1069px) {
	.section-transit-and-tickets .tile-header h2 br {
		display: block;
	}
}

/* Identity Section */
@media only screen and (max-width: 734px) {
	.section-identity {
		min-height: 588px;
	}
}
/* apple pay iconx */
.section-payments .apple-pay .bottom {
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: 122px;
	width: 714px;
	left: 50%;
	transform: translateX(calc(-50% + 20px));
}

@media only screen and (max-width: 1068px) {
	.section-payments .apple-pay .bottom {
		width: 502px;
		bottom: 55px;
		transform: translateX(calc(-50% + 13px));
	}
}

@media only screen and (max-width: 734px) {
	.section-payments .apple-pay .bottom {
		transform: translateX(calc(-50% + 5px));
		width: 264px;
		bottom: 56px;
		padding-top: 15px;
		position: relative;
		bottom: auto;
	}
}

/* loyalty and rewards alt design */

@media only screen and (min-width: 1069px) {
	.section-payments
		.rewards-and-loyalty
		.back-face.custom-no-img
		.content-column-copy.custom-column {
		max-width: 98%;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-payments
		.rewards-and-loyalty
		.back-face.custom-no-img
		.content-column-copy.custom-column {
		max-width: 100%;
	}
}

@media only screen and (min-width: 735px) {
	.tile.rewards-and-loyalty .back-face.custom-no-img .content-column {
		width: 100%;
	}
}

/* express mode*/
.__picture-element__ {
	background-image: url(/ca/wallet/images/overview/express_mode_static__e4fx4yp4o8ya_large.jpg);
}
@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.__picture-element__ {
		background-image: url(/ca/wallet/images/overview/express_mode_static__e4fx4yp4o8ya_large_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.__picture-element__ {
		background-repeat: no-repeat;
		background-image: url(/ca/wallet/images/overview/express_mode_static__e4fx4yp4o8ya_medium.jpg);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.__picture-element__ {
		background-image: url(/ca/wallet/images/overview/express_mode_static__e4fx4yp4o8ya_medium_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	.__picture-element__ {
		background-repeat: no-repeat;
		background-image: url(/ca/wallet/images/overview/express_mode_static__e4fx4yp4o8ya_small.jpg);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.__picture-element__ {
		background-image: url(/ca/wallet/images/overview/express_mode_static__e4fx4yp4o8ya_small_2x.jpg);
	}
}

html.aow
	.section-transit-and-tickets.tiles-grid
	.tiles-container
	.tile.express-mode
	.front-face,
html.prefers-reduced-motion
	.section-transit-and-tickets.tiles-grid
	.tiles-container
	.tile.express-mode
	.front-face,
html.text-zoom
	.section-transit-and-tickets.tiles-grid
	.tiles-container
	.tile.express-mode
	.front-face {
	background-repeat: no-repeat;
	background-image: url(/ca/wallet/images/overview/express_mode_static__e4fx4yp4o8ya_large.jpg);
	background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	html.aow
		.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face,
	html.prefers-reduced-motion
		.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face,
	html.text-zoom
		.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face {
		background-image: url(/ca/wallet/images/overview/express_mode_static__e4fx4yp4o8ya_large_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	html.aow
		.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face,
	html.prefers-reduced-motion
		.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face,
	html.text-zoom
		.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face {
		background-repeat: no-repeat;
		background-image: url(/ca/wallet/images/overview/express_mode_static__e4fx4yp4o8ya_medium.jpg);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	html.aow
		.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face,
	html.prefers-reduced-motion
		.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face,
	html.text-zoom
		.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face {
		background-image: url(/ca/wallet/images/overview/express_mode_static__e4fx4yp4o8ya_medium_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	html.aow
		.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face,
	html.prefers-reduced-motion
		.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face,
	html.text-zoom
		.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face {
		background-repeat: no-repeat;
		background-image: url(/ca/wallet/images/overview/express_mode_static__e4fx4yp4o8ya_small.jpg);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	html.aow
		.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face,
	html.prefers-reduced-motion
		.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face,
	html.text-zoom
		.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face {
		background-image: url(/ca/wallet/images/overview/express_mode_static__e4fx4yp4o8ya_small_2x.jpg);
	}
}

.section-transit-and-tickets.tiles-grid
	.tiles-container
	.tile.express-mode
	.front-face {
	background-repeat: no-repeat;
	background-image: url(/ca/wallet/images/overview/express_mode_static__e4fx4yp4o8ya_large.jpg);
	background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face {
		background-image: url(/ca/wallet/images/overview/express_mode_static__e4fx4yp4o8ya_large_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face {
		background-repeat: no-repeat;
		background-image: url(/ca/wallet/images/overview/express_mode_static__e4fx4yp4o8ya_medium.jpg);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face {
		background-image: url(/ca/wallet/images/overview/express_mode_static__e4fx4yp4o8ya_medium_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face {
		background-repeat: no-repeat;
		background-image: url(/ca/wallet/images/overview/express_mode_static__e4fx4yp4o8ya_small.jpg);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-transit-and-tickets.tiles-grid
		.tiles-container
		.tile.express-mode
		.front-face {
		background-image: url(/ca/wallet/images/overview/express_mode_static__e4fx4yp4o8ya_small_2x.jpg);
	}
}
