.main {
	overflow: initial;
}

.column-sidenav {
	height: 100%;
}

.headline-divider {
	margin-top: 68px;
	padding-top: 68px;
	border-top: 1px solid #e3e3e3;
}
@media only screen and (max-width: 734px) {
	.headline-divider {
		margin-top: 51px;
		padding-top: 51px;
	}
}

.row-flex {
	display: flex;
}
@media only screen and (max-width: 734px) {
	.row-flex {
		display: block;
	}
}

.bg-gradient {
	background: linear-gradient(to bottom, #e7f1fb 0%,#ffffff 100%);
}

.divider-bottom {
	padding-bottom: 2em;
	margin-bottom: 2em;
}


h3,
h2+h3,
h4 {
	margin-top: 1.6em;
}

.corner-mask {
	border-radius: 20px;
}

.border-mask {
	border: 1px solid #ddd;
	border-radius: 20px;
}

.section-hero > .section-content:nth-of-type(2) {
	padding-top: 4em;
}

.screenshots-wrap{
	margin-top: 2em;
	margin-bottom: 1em;
}
.permissions-wrap,
.interface-wrap {
	margin-top: 2em;
	margin-bottom: 4em;
}

.section-avoid .callout {
	margin-top: 3em;
	background-color: #f5f5f7;
}

.icon-checkreset {
	display: inline-block;
}
.icon-checkreset::before {
	top: -0.5em;
	left: calc(50% - 14px);
	padding-right: 0;
	font-size: 1.5em;
}
.icon-checkcircle {
	margin-right: 1.9em;
}
.icon-checkcircle::before {
	color: #007d1b;
	font-size: 1.5em;
}
.icon-resetcircle::before {
	color: #ee0000;
}

.icon-callout {
	height: 50px;
	width: 50px;
}
.icon-support {
	background-image: url("/assets/elements/icons/wwdr-unified/service.svg");
}

.icon-topic {
	margin: 0;
	width: 64px;
	height: 64px;
	background-size: 100% 100%;
	background-repeat: no-repeat;p
	background-position: center;
}

.icon-prepare {
	background-image: url("/distribute/app-review/images/app-review.svg");
}
.icon-common {
	background-image: url("/distribute/app-review/images/common-rejections.svg");
}
.icon-contact {
	background-image: url("/distribute/app-review/images/contact-us.svg");
}
.icon-submitting {
	background-image: url("/distribute/app-review/images/submitting.svg");
	filter: hue-rotate(170deg) brightness(90%) contrast(125%);
}

#main .device-iphone-x-silver-container .device-screen {
	top: 38px;
}

.interface-yes {
	background-image: url("/distribute/app-review/images/sample-app-yes-medium.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.interface-yes {
		background-image: url("/distribute/app-review/images/sample-app-yes-medium_2x.png");
	}
}
.interface-no {
	background-image: url("/distribute/app-review/images/sample-app-no-medium.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.interface-no {
		background-image: url("/distribute/app-review/images/sample-app-no-medium_2x.png");
	}
}

.image-screenshot-yes {
	width: 185px;
	height: 400px;
	background-size: 185px 400px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/distribute/app-review/images/screen-sample-yes-large.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.image-screenshot-yes {
		background-image: url("/distribute/app-review/images/screen-sample-yes-large_2x.png");
	}
}
.image-screenshot-no {
	width: 185px;
	height: 400px;
	background-size: 185px 400px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/distribute/app-review/images/screen-sample-no-large.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.image-screenshot-no {
		background-image: url("/distribute/app-review/images/screen-sample-no-large_2x.png");
	}
}

/* medium viewport */
@media only screen and (max-width: 1068px) {

	#main .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main .section-content .row > .column {
		padding-right: 0;
		padding-left: 0;
	}
}

/* small viewport */
@media only screen and (max-width: 734px) {
	p:last-of-type {
		margin-bottom: 1em;
	}
	.ribbon p.ac-promo-copy {
		margin-bottom: 0;
	}
	#main section .section-content .row.row-nav {
		margin-top: -2em;
	}

	div.icon-checkcircle {
		margin-right: 1.5em;
	}
	.icon-checkreset::before {
		top: -0.25em;
	}
	.icon-nav {
		margin: 0 auto 0.5em;
	}
	.icon-topic {
		margin: 0 0 1em;
	}
	.icon-topic.icon-prepare {
		margin-top: 2em;
	}
}

@media only screen and (max-width: 533px) {
	.permissions-wrap .icon-resetcircle,
	.interface-wrap .icon-resetcircle {
		margin-top: 4em;
	}
}

@media only screen and (max-width: 472px) {
	.screenshots-wrap .icon-resetcircle {
		margin-top: 3em;
	}
}

/* ========== Grid Changes ========== */
#main section.section {
	padding-top: 4em;
	padding-bottom: 4em;
}
#main section .section-content .row {
	margin-left: 0;
	margin-right: 0;
}
#main section .section-content .row > .column {
	padding: 0;
}

@media only screen and (max-width: 1068px) {
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}

@media only screen and (max-width: 734px) {
	#main section.section {
		padding-top: 4em;
		padding-bottom: 4em;
	}
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}


/* DARK MODE */
	html body[data-color-scheme="dark"] .bg-gradient {background: linear-gradient(to bottom, var(--fill-gradient-gray-start) 20%, var(--fill-gradient-gray-end) 100%);}
	body[data-color-scheme="dark"] .section-avoid .callout {background-color: var(--fill-tertiary);}