/* ===== Design Awards Global ===== */
.keyline {
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid #444;
}

.typography-caption-headline + .typography-caption {
	margin-top: 0.75em;
}

.lighten {
	opacity: 0.7;
}

/* ===== 2020 Banner ===== */
#main .section.section-banner.theme-dark {
	padding: 1.25em 0;
	font-size: 16px;
	color: #fff;
}

/* ===== Monday & Tuesday ===== */
.section-winners h2 {
	font-size: 34px;
}
.section-winners h3 {
	font-size: 20px;
}
.section-winners h3,
.section-winners p {
	margin-top: 0.75em;
}
.section-winners p.view {
	margin-top: 1.5em;
}
.section-winners .divider-strong {
	border-top: 1px solid #999;
	padding-top: 4em;
}

.icon-winner {
	border-radius: 34px;
	margin-left: -30px;
	width: 128px;
	height: 128px;
	background-size: 100% 100%;
	background-position: center 0;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1068px) {
	.section-winners h2 {
		font-size: 28px;
	}
	.section-winners h3 {
		font-size: 18px;
	}
}
@media only screen and (max-width: 734px) {
	.section-winners h2 {
		margin-top: 0;
		font-size: 24px;
	}
	.icon-winner {
		margin-bottom: 2em;
		margin-left: 0;
	}
	.section-winners .divider-strong {
		padding-top: 3em;
	}
}

/* ===== WINNER ICONS ===== */

.winner-1 {
	background-image: url("/design/awards/2020/images/Shapr3D.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) {
	.winner-1 {
		background-image: url("/design/awards/2020/images/Shapr3D_2x.png");
	}
}

.winner-2 {
	background-image: url("/design/awards/2020/images/Looom.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) {
	.winner-2 {
		background-image: url("/design/awards/2020/images/Looom_2x.png");
	}
}

.winner-3 {
	background-image: url("/design/awards/2020/images/StaffPad.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) {
	.winner-3 {
		background-image: url("/design/awards/2020/images/StaffPad_2x.png");
	}
}

.winner-4 {
	background-image: url("/design/awards/2020/images/Darkroom.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) {
	.winner-4 {
		background-image: url("/design/awards/2020/images/Darkroom_2x.png");
	}
}

.winner-5 {
	background-image: url("/design/awards/2020/images/Sayonara.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) {
	.winner-5 {
		background-image: url("/design/awards/2020/images/Sayonara_2x.png");
	}
}

.winner-6 {
	background-image: url("/design/awards/2020/images/SongOfBloom.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) {
	.winner-6 {
		background-image: url("/design/awards/2020/images/SongOfBloom_2x.png");
	}
}

.winner-7 {
	background-image: url("/design/awards/2020/images/WhereCardsFall.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) {
	.winner-8 {
		background-image: url("/design/awards/2020/images/WhereCardsFall_2x.png");
	}
}

.winner-8 {
	background-image: url("/design/awards/2020/images/Sky.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) {
	.winner-9 {
		background-image: url("/design/awards/2020/images/Sky_2x.png");
	}
}

/* ========== Grid Changes ========== */
#main section.section {
	padding-top: 3em;
	padding-bottom: 5em;
}
#main section.section.section-header {
	padding-top: 4em;
	padding-bottom: 12em;
}
.winners #main section.section.section-header {
	padding-bottom: 2em;
}
.winners #main section.section-winners {
	padding-top: 8em;
}
section .section-content .row {
	margin-left: 0;
	margin-right: 0;
}
section .section-content .row > .column {
	padding: 0;
}
@media only screen and (max-width: 1068px) {
	section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	section .section-content .row > .column {
		padding: 0;
	}
}
@media only screen and (max-width: 734px) {
	section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	section .section-content .row > .column {
		padding: 0;
	}
}

/*video*/
.no-video-banner {
	width: 100%;
	margin: 0;
	position: relative;
	text-align: center;
}

.no-video-banner:after {
	padding-top: 56.25%; /*16:9 ratio*/
	display: block;
	content: "";
}

.no-video-copy {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.no-video-copy p {
	font-size: 32px;
	font-weight: 400;
	color: #888;
	padding-top: 18%;
}

video {
	border: none !important;
}

#video {
	margin-top: 3em;
}

/* ========== Dark theme footer ========== */
.theme-dark .developer-router-links {
	background-color: #222;
}
.theme-dark .developer-router-links + #globalfooter-wrapper > *:first-child {
	border-color: #444;
}
.theme-dark #globalfooter-wrapper {
	background-color: #222;
	color: #666;
}
.theme-dark #globalfooter a:hover {
	color: #666;
}
.theme-dark .developer-router-links h5 {
	font-size: 17px;
	color: #ccc;
}
.theme-dark .developer-router-links p.typography-subbody:first-of-type {
	margin-top: 0.4em;
}
.theme-dark .footer-breadory .breadcrumbs-home {
	background-position: 0 2px;
	background-image: url("/assets/elements/icons/brandmark/apple-developer-brandmark-i.svg");
}
.theme-dark #globalfooter-wrapper .footer-breadory a {
	background-color: #222;
	color: #999 !important;
}
.theme-dark #globalfooter-wrapper .footer-breadory a:hover {
	color: #ccc;
}
.theme-dark .footer-breadory .breadcrumbs .breadcrumbs-list > li:before {
	left: 3px;
	top: 3px;
	background-image: url("/assets/elements/icons/breadcrumbs/separator-i.svg");
}
.theme-dark
	.footer-breadory
	.breadcrumbs
	.breadcrumbs-list
	> li:first-child:before {
	left: -7px;
}
.theme-dark
	#globalfooter-wrapper
	.footer-breadory
	#directorynav
	> .column
	h3
	a {
	color: #fff !important;
}
.theme-dark .ac-gf-footer-legal .ac-gf-footer-news {
	border-color: #444;
	color: #666;
}

.theme-dark #globalfooter .ac-gf-footer-legal .ac-gf-footer-legal-links a,
.theme-dark #globalfooter .ac-gf-footer-legal .ac-gf-footer-language-links a {
	color: #999;
	border-color: #444;
}
.theme-dark #globalfooter .ac-gf-footer-legal .ac-gf-footer-legal-links a:hover,
.theme-dark
	#globalfooter
	.ac-gf-footer-legal
	.ac-gf-footer-language-links
	a:hover {
	color: #ccc;
}

@media only screen and (max-width: 734px) {
	.theme-dark .footer-breadory .breadcrumbs-home {
		background-position: 0 1px;
		border-color: #444;
	}
	.theme-dark .footer-breadory .directorynav > .column h3,
	.theme-dark .footer-breadory .directorynav > .column:last-of-type {
		background-color: #222;
		border-color: #666;
	}
}