/* Local Overrides */

/* Apple Books */

.section-apple-books {
	margin-bottom: 62px;
}

@media only screen and (max-width: 1068px) {
	.section-apple-books {
		margin-bottom: 88px;
	}
}
@media only screen and (max-width: 734px) {
	.section-apple-books {
		margin-bottom: 75px;
	}
}

.custom-icloud-logo {
	opacity: 0;
	animation-name: fadeIn;
	animation-duration: 0.5s;
	animation-timing-function: ease-in;
	animation-delay: 2.2s;
	animation-fill-mode: forwards;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.custom-typography-apple-icloud-banner {
	font-size: 21px;
	line-height: 1.3334033333;
	font-weight: 700;
	letter-spacing: 0em;
	font-family:
		SF Pro Display,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

@media only screen and (min-width: 1069px) {
	p.custom-typography-apple-icloud-banner {
		padding: 0 50px;
	}
}

@media only screen and (max-width: 734px) {
	p.custom-typography-apple-icloud-banner {
		padding: 0 50px;
	}
}

/* iCloud+ */
.custom-section-apple-icloud {
	color: rgb(29, 29, 31);
}

.custom-section a.icon-wrapper {
	text-decoration: none;
}

.custom-section-apple-icloud .button-neutral {
	color: rgb(255, 255, 255);
	background: rgb(29, 29, 31);
}

@media only screen and (max-width: 743px) {
	.custom-section-apple-icloud.custom-updated-apple-icloud-router .subhead {
		max-width: 90%;
	}
}

@media only screen and (max-width: 360px) {
	.custom-section-apple-icloud .button.button-neutral {
		margin-bottom: 0px;
	}
}

.custom-section-apple-icloud .custom-subhead {
	color: rgb(110, 110, 115);
	font-weight: 600;
}

.custom-section-apple-icloud {
	overflow: hidden;
	background-color: rgb(245, 245, 247);
	text-align: center;
	padding: 63px 0;
	justify-content: center;
	margin-bottom: 50px;
}

@media only screen and (max-width: 734px) {
	.custom-section-apple-icloud {
		padding: 48px 0;
	}
}

.custom-section-apple-icloud .one-logo {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.custom-section-apple-icloud .one-icons-desktop {
	position: relative;
	left: 12px;
	margin-bottom: 5px;
}

@media only screen and (max-width: 734px) {
	.custom-section-apple-icloud .one-icons-desktop {
		display: none;
		height: 0;
	}
}

.custom-section-apple-icloud .one-icons-mobile {
	display: none;
	margin-top: 30px;
}

@media only screen and (max-width: 734px) {
	.custom-section-apple-icloud .one-icons-mobile {
		display: block;
		position: relative;
		left: 15px;
	}
}

.custom-section-apple-icloud .subhead {
	margin-top: 5px;
	margin-bottom: 17px;
}

@media only screen and (max-width: 734px) {
	.custom-section-apple-icloud .subhead {
		max-width: 63%;
	}
}

@media screen and (max-width: 400px) {
	.custom-section-apple-icloud .subhead {
		max-width: 68%;
	}
}

@media screen and (max-width: 355px) {
	.custom-section-apple-icloud .subhead {
		max-width: 77%;
	}
}

@media only screen and (max-width: 1068px) {
	.custom-section-apple-icloud .tile-cta-wrapper li:first-child {
		margin-right: 9px;
	}
}

@media only screen and (max-width: 1068px) {
	.custom-section-apple-icloud .tile-cta-wrapper li:last-child {
		margin-left: 9px;
	}
}

.custom-section-apple-icloud a.button,
.custom-section-apple-icloud button {
	font-weight: 500;
}

@media only screen and (min-width: 1069px) {
	.custom-section-apple-icloud a.button,
	.custom-section-apple-icloud button {
		font-size: 17px;
		line-height: 1.1764805882;
		font-weight: 400;
		letter-spacing: -0.022em;
		font-family:
			SF Pro Text,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
		min-width: 26px;
		padding: 12px 22px;
		font-weight: 500;
	}

	.custom-section-apple-icloud a.button:lang(ar),
	.custom-section-apple-icloud button:lang(ar) {
		letter-spacing: 0em;
		font-family:
			SF Pro AR,
			SF Pro Gulf,
			SF Pro Text,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.custom-section-apple-icloud a.button:lang(ja),
	.custom-section-apple-icloud button:lang(ja) {
		letter-spacing: 0em;
		font-family:
			SF Pro JP,
			SF Pro Text,
			SF Pro Icons,
			Hiragino Kaku Gothic Pro,
			ヒラギノ角ゴ Pro W3,
			メイリオ,
			Meiryo,
			ＭＳ Ｐゴシック,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.custom-section-apple-icloud a.button:lang(ko),
	.custom-section-apple-icloud button:lang(ko) {
		letter-spacing: 0em;
		font-family:
			SF Pro KR,
			SF Pro Text,
			SF Pro Icons,
			Apple Gothic,
			HY Gulim,
			MalgunGothic,
			HY Dotum,
			Lexi Gulim,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.custom-section-apple-icloud a.button:lang(zh),
	.custom-section-apple-icloud button:lang(zh) {
		letter-spacing: 0em;
	}

	.custom-section-apple-icloud a.button:lang(th),
	.custom-section-apple-icloud button:lang(th) {
		font-family:
			SF Pro TH,
			SF Pro Text,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.custom-section-apple-icloud a.button:lang(zh-CN),
	.custom-section-apple-icloud button:lang(zh-CN) {
		font-family:
			SF Pro SC,
			SF Pro Text,
			SF Pro Icons,
			PingFang SC,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.custom-section-apple-icloud a.button:lang(zh-HK),
	.custom-section-apple-icloud button:lang(zh-HK) {
		font-family:
			SF Pro HK,
			SF Pro Text,
			SF Pro Icons,
			PingFang HK,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.custom-section-apple-icloud a.button:lang(zh-MO),
	.custom-section-apple-icloud button:lang(zh-MO) {
		font-family:
			SF Pro HK,
			SF Pro TC,
			SF Pro Text,
			SF Pro Icons,
			PingFang HK,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.custom-section-apple-icloud a.button:lang(zh-TW),
	.custom-section-apple-icloud button:lang(zh-TW) {
		font-family:
			SF Pro TC,
			SF Pro Text,
			SF Pro Icons,
			PingFang TC,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}
}

.custom-section-apple-icloud a.icon-wrapper.button:hover .icon-copy {
	text-decoration: none;
}

.custom-section-apple-icloud .link-custom {
	color: #000;
	font-weight: 500;
}

.custom-section-apple-icloud .button-learn-more-apple-one {
	cursor: pointer;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	font-size: 17px;
	line-height: 1.1764805882;
	font-weight: 400;
	letter-spacing: -0.022em;
	font-family:
		SF Pro Text,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
	min-width: 28px;
	padding: 8px 16px;
	border-radius: 980px;
	background: #0071e3;
	color: #fff;
	color: #1d1d1f;
	border: 1px solid #1d1d1f;
	background-color: initial;
}

.custom-section-apple-icloud .button-learn-more-apple-one:hover {
	text-decoration: none;
}

.custom-section-apple-icloud .button-learn-more-apple-one:focus {
	box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
	outline: none;
}

.custom-section-apple-icloud
	.button-learn-more-apple-one:focus[data-focus-method="mouse"]:not(
		input
	):not(textarea):not(select),
.custom-section-apple-icloud
	.button-learn-more-apple-one:focus[data-focus-method="touch"]:not(
		input
	):not(textarea):not(select) {
	box-shadow: none;
}

.custom-section-apple-icloud .button-learn-more-apple-one:active {
	outline: none;
}

.custom-section-apple-icloud .button-learn-more-apple-one.disabled,
.custom-section-apple-icloud .button-learn-more-apple-one:disabled {
	cursor: default;
}

.custom-section-apple-icloud .button-learn-more-apple-one:lang(ar) {
	letter-spacing: 0em;
	font-family:
		SF Pro AR,
		SF Pro Gulf,
		SF Pro Text,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.custom-section-apple-icloud .button-learn-more-apple-one:lang(ja) {
	letter-spacing: 0em;
	font-family:
		SF Pro JP,
		SF Pro Text,
		SF Pro Icons,
		Hiragino Kaku Gothic Pro,
		ヒラギノ角ゴ Pro W3,
		メイリオ,
		Meiryo,
		ＭＳ Ｐゴシック,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.custom-section-apple-icloud .button-learn-more-apple-one:lang(ko) {
	letter-spacing: 0em;
	font-family:
		SF Pro KR,
		SF Pro Text,
		SF Pro Icons,
		Apple Gothic,
		HY Gulim,
		MalgunGothic,
		HY Dotum,
		Lexi Gulim,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.custom-section-apple-icloud .button-learn-more-apple-one:lang(zh) {
	letter-spacing: 0em;
}

.custom-section-apple-icloud .button-learn-more-apple-one:lang(th) {
	font-family:
		SF Pro TH,
		SF Pro Text,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.custom-section-apple-icloud .button-learn-more-apple-one:lang(zh-CN) {
	font-family:
		SF Pro SC,
		SF Pro Text,
		SF Pro Icons,
		PingFang SC,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.custom-section-apple-icloud .button-learn-more-apple-one:lang(zh-HK) {
	font-family:
		SF Pro HK,
		SF Pro Text,
		SF Pro Icons,
		PingFang HK,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.custom-section-apple-icloud .button-learn-more-apple-one:lang(zh-MO) {
	font-family:
		SF Pro HK,
		SF Pro TC,
		SF Pro Text,
		SF Pro Icons,
		PingFang HK,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.custom-section-apple-icloud .button-learn-more-apple-one:lang(zh-TW) {
	font-family:
		SF Pro TC,
		SF Pro Text,
		SF Pro Icons,
		PingFang TC,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.custom-section-apple-icloud .button-learn-more-apple-one:hover {
	background: #0077ed;
}

.custom-section-apple-icloud .button-learn-more-apple-one:active {
	background: #006edb;
}

.custom-section-apple-icloud .button-learn-more-apple-one.disabled,
.custom-section-apple-icloud .button-learn-more-apple-one:disabled {
	background: #0071e3;
	color: #fff;
	opacity: 0.32;
}

.custom-section-apple-icloud .button-learn-more-apple-one:hover {
	color: #fff;
	background-color: #1d1d1f;
}

.custom-section-apple-icloud.custom-updated-apple-icloud-router {
	text-align: unset;
	justify-content: unset;
}

.custom-section-apple-icloud.custom-updated-apple-icloud-router
	.section-content {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

@media only screen and (min-width: 1441px) {
	.custom-section-apple-icloud.custom-updated-apple-icloud-router
		.section-content {
		margin-left: auto;
		margin-right: auto;
		width: 980px;
	}
}

@media only screen and (max-width: 1068px) {
	.custom-section-apple-icloud.custom-updated-apple-icloud-router
		.section-content {
		margin-left: auto;
		margin-right: auto;
		width: 692px;
	}
}

@media only screen and (max-width: 734px) {
	.custom-section-apple-icloud.custom-updated-apple-icloud-router
		.section-content {
		margin-left: auto;
		margin-right: auto;
		width: 87.5%;
	}
}

.custom-section-apple-icloud.custom-updated-apple-icloud-router .one-logo {
	display: block;
	justify-content: unset;
}

.custom-section-apple-icloud.custom-updated-apple-icloud-router
	.one-icons-mobile {
	margin-bottom: 30px;
}

@media only screen and (max-width: 734px) {
	.custom-section-apple-icloud.custom-updated-apple-icloud-router
		.one-icons-mobile {
		left: unset;
	}
}

@media only screen and (max-width: 734px) {
	.custom-section-apple-icloud.custom-updated-apple-icloud-router .subhead {
		max-width: 75%;
	}
}

@media only screen and (max-width: 734px) {
	.custom-section-apple-icloud.custom-updated-apple-icloud-router
		.tile-cta-wrapper
		li {
		display: block;
	}
}

@media only screen and (max-width: 734px) {
	.custom-section-apple-icloud.custom-updated-apple-icloud-router
		.tile-cta-wrapper
		li:last-child {
		margin-top: 18px;
		margin-left: 0;
	}
}

.custom-section-apple-icloud .typography-heading-subheadline {
	font-size: 40px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0em;
	font-family:
		SF Pro Display,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

@media only screen and (max-width: 1068px) {
	.custom-section-apple-icloud .typography-heading-subheadline {
		font-size: 32px;
		line-height: 1;
		font-weight: 700;
		letter-spacing: 0em;
		font-family:
			SF Pro Display,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}
}

@media only screen and (max-width: 734px) {
	.custom-section-apple-icloud .typography-heading-subheadline {
		font-size: 24px;
		line-height: 1.1666666667;
		font-weight: 700;
		letter-spacing: 0.022em;
		font-family:
			SF Pro Display,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}
}

@media only screen and (min-width: 1069px) {
	.custom-section-apple-icloud
		.services-overview-apple-one-apple-services-logos
		img {
		width: 500px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.custom-section-apple-icloud
		.services-overview-apple-one-apple-services-logos
		img {
		width: 370px;
	}
}

@media only screen and (max-width: 734px) {
	.custom-section-apple-icloud
		.services-overview-apple-one-apple-services-logos
		img {
		width: 300px;
	}
}