/* LOCAL OVERRIDES */

/* Hero Availability */
@media only screen and (max-width: 734px) {
	.section-hero .section-content-block-hero .hero-availability {
		padding-right: 25px;
		padding-left: 25px;
	}
}
/* Hero Anim HLS */
@media only screen and (max-width: 734px) {
	.section-features .features-content .features-headlines .feature-headline {
		padding-left: 18px;
		padding-right: 18px;
	}
}

/* HLs */
@media only screen and (max-width: 350px) {
	.typography-overview-section-headline {
		font-size: 46px;
	}
}

/* AR tile */
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-ar .ar-content-text .section-headline {
		max-width: 240px;
	}
}

@media only screen and (min-width: 1069px) {
	.section-giveback .giveback-content-text .router-copy {
		padding-right: 119px;
	}
}

/* Connect section */
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-connect
		.section-content-block-connection
		.overview-connect-stream {
		margin-top: 70px;
	}
}

/* SNIPES */
/* Large */
@media only screen and (min-width: 1069px) {
	.section-design
		.section-content-block-ipad
		.hardware-fan
		.overview-design-fan-snipe2,
	.section-design .section-content-block-ipad .hardware-fan .snipe-2 {
		top: -14px;
		left: 6px;
	}
	.section.section-get-things-done
		.section-content-block-multitask
		.hardware-collaborate
		.overview-get-things-done-collaborate-snipe,
	.section.section-get-things-done
		.section-content-block-multitask
		.hardware-collaborate
		.snipe-1 {
		left: -15px;
	}
	.section-create
		.section-content-block-camera
		.video-wipe
		.overview-create-camera-snipe,
	.section-create .section-content-block-camera .video-wipe .snipe-1 {
		left: -14px;
	}
	.section-connect
		.section-content-block-center-stage
		.hardware
		.overview-connect-center-stage-snipe {
		left: -25px;
	}
	.section-ipad-accessories .overview-ipad-accessories-connect-snipe {
		--p-width: 129px;
	}
	.section-ipad-accessories
		.section-content-block-magic-keyboard-folio
		.hardware
		.overview-ipad-accessories-folio-snipe {
		bottom: 8px;
	}
	.section-connect .video-wipe .overview-connect-front-camera-snipe {
		bottom: 8px;
	}
}

/* Medium */
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-design
		.section-content-block-accessories
		.accessories-copy
		.overview-design-modular-snipe,
	.section-design
		.section-content-block-accessories
		.accessories-copy
		.snipe-1 {
		left: -16px;
	}
	.section-create
		.section-content-block-camera
		.video-wipe
		.overview-create-camera-snipe,
	.section-create .section-content-block-camera .video-wipe .snipe-1 {
		left: -8px;
	}
	.section.section-get-things-done
		.section-content-block-multitask
		.hardware-collaborate
		.overview-get-things-done-collaborate-snipe,
	.section.section-get-things-done
		.section-content-block-multitask
		.hardware-collaborate
		.snipe-1 {
		left: -10px;
	}
	.section-connect
		.section-content-block-center-stage
		.hardware
		.overview-connect-center-stage-snipe {
		left: -10px;
	}
	.section-watch-learn-play
		.section-content-block-ar
		.column-right
		.hardware
		.overview-watch-learn-play-ar-snipe {
		top: 8px;
	}
	.section-ipad-accessories .overview-ipad-accessories-connect-snipe {
		--p-width: 120px;
		--p-height: 59px;
	}
	.section-ipad-accessories .overview-ipad-accessories-folio-snipe {
		--p-width: 77px;
		--p-height: 44px;
	}
}

/* Small */
@media only screen and (max-width: 734px) {
	.section-design
		.section-content-block-ipad
		.hardware-fan
		.overview-design-fan-snipe1,
	.section-design .section-content-block-ipad .hardware-fan .snipe-1 {
		transform: translate(-115px, -34px);
	}
	.section-design
		.section-content-block-ipad
		.hardware-fan
		.overview-design-fan-snipe2,
	.section-design .section-content-block-ipad .hardware-fan .snipe-2 {
		top: 8px;
		left: 46%;
	}
	.section-design
		.section-content-block-accessories
		.accessories-copy
		.overview-design-modular-snipe,
	.section-design
		.section-content-block-accessories
		.accessories-copy
		.snipe-1 {
		top: 4px;
		left: 48%;
	}
	.section-connect
		.section-content-block-center-stage
		.hardware
		.overview-connect-center-stage-snipe {
		top: -18px;
		--p-width: 146px;
	}
	.section-watch-learn-play
		.section-content-block-ar
		.column-right
		.hardware
		.overview-watch-learn-play-ar-snipe {
		top: 10px;
	}
	.section-ipad-accessories .overview-ipad-accessories-connect-snipe {
		--p-width: 128px;
	}
	.section-ipad-accessories .overview-ipad-accessories-folio-snipe {
		--p-height: 49px;
	}
	.section-create
		.section-content-block-apple-pencil
		.hardware-draw
		.overview-create-draw-snipe,
	.section-create
		.section-content-block-apple-pencil
		.hardware-draw
		.snipe-1 {
		transform: translate(9px, -30px);
	}
	.section.section-get-things-done
		.section-content-block-multitask
		.hardware-collaborate
		.overview-get-things-done-collaborate-snipe,
	.section.section-get-things-done
		.section-content-block-multitask
		.hardware-collaborate
		.snipe-1 {
		left: 52%;
	}
	.section-connect .overview-connect-front-camera-snipe {
		--p-width: 128px;
		--p-height: 62px;
	}
}

/* Ribbon */
/* Ribbon */

.ribbon {
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.ribbon-content {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

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

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

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

.typography-ribbon {
	font-size: 12px;
	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-blue-to-default .ribbon-content-wrapper {
	background-color: #0071e3;
	animation: animate-background-0071e3-1d1d1f 1s ease-in-out 1.8s forwards;
}

.ribbon-blue-to-default .ribbon-content {
	color: white;
	animation: animate-color-white-1d1d1f 1s ease-in-out 1.8s forwards;
}

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

@keyframes animate-background-0071e3-1d1d1f {
	0% {
		background-color: #0071e3;
	}

	100% {
		background-color: #f5f5f7;
	}
}

@keyframes animate-color-white-1d1d1f {
	0% {
		color: white;
	}

	100% {
		color: #1d1d1f;
	}
}
@media only screen and (min-width: 735px) {
	.acmi-ribbon {
		padding-bottom: 15px;
	}
}