/* Local overrides */

/* hero links */
@media only screen and (max-width: 734px) {
	.hero-links li {
		display: block;
		margin: 0;
	}

	.hero-links li:first-child {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 540px) {
	.section-hero {
		--hero-offset: 88px;
	}
}

/* case and battery animation */
@media only screen and (min-width: 1069px) {
	.section-case-battery .copy--scroll.find-my {
		max-width: 420px;
	}
}

/* Battery Speaker Case Copy */
@media only screen and (min-width: 1069px) {
	.section-case-battery .copy--scroll.speaker-case {
		max-width: 315px;
	}
}

/* AR section */
.section-ar .banner-copy {
	max-width: 312px;
}

/* Sup e footnotes  */
.footnote .ac-gf-block-link {
	font-size: 12px !important;
	vertical-align: bottom;
	position: relative;
	top: -2px;
	color: inherit !important;
	text-decoration: none !important;
}

.footnote .ac-gf-block-link:hover {
	color: #06c !important;
	text-decoration: none !important;
}

.footnote-supglyph {
	top: -0.2rem !important;
	vertical-align: bottom !important;
}

/* hero Links */
@media only screen and (max-width: 374px) {
	.hero-links {
		width: 85%;
	}
	.hero-payoff {
		padding-left: 0px;
		padding-right: 0px;
	}
	#main
		> section.section.section-hero.theme-dark.hero-ready.near-section
		> div
		> div
		> div.hero-intro-copy
		> p
		> span {
		margin-top: 5px;
	}
}

/* Hero Section */

.ribbon-container .theme-dark .custom-hidden {
	visibility: hidden;
}

/* Bento Gestures Section */

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.bento-cell-copy .bento-headline.custom-margin {
		margin-top: 5px;
	}
}