/* ===== Design Awards Global ===== */
.theme-dark {
	background-color: #121a2f;
}

.theme-dark .bg-light {
	background-color: #1a1e27;
}

.theme-dark .bg-alt {
	background-color: #1f242e;
}

.keyline {
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid #444;
}

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


/* ===== 2020 Banner ===== */
#main .section.section-banner.theme-dark {
	padding: 1.25em 0;
	font-size: 16px;
	background-color: #2c466e;
	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 #d6d6d6;
	padding-top: 4em;
}

.icon-winner {
	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: 735px) {
	.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/2019/images/Ordia.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/2019/images/Ordia_2x.png');
	}
}

.winner-2 {
	background-image: url('/design/awards/2019/images/Flow.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/2019/images/Flow_2x.png');
	}
}

.winner-3 {
	background-image: url('/design/awards/2019/images/The-Gardens-Between.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/2019/images/The-Gardens-Between_2x.png');
  	}
}

.winner-4 {
	background-image: url('/design/awards/2019/images/Asphalt-9.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/2019/images/Asphalt-9_2x.png');
	}
}

.winner-5 {
	background-image: url('/design/awards/2019/images/Pixelmator-Photo.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/2019/images/Pixelmator-Photo_2x.png');
	}
}

.winner-6 {
	background-image: url('/design/awards/2019/images/ELOH.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/2019/images/ELOH_2x.png');
	}
}

.winner-7 {
	background-image: url('/design/awards/2019/images/Butterfly-iQ.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-7 {
		background-image: url('/design/awards/2019/images/Butterfly-iQ_2x.png');
	}
}


.winner-8 {
	background-image: url('/design/awards/2019/images/Thumper.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/2019/images/Thumper_2x.png');
	}
}

.winner-9 {
	background-image: url('/design/awards/2019/images/HomeCourt.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/2019/images/HomeCourt_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: 4em;
}
.winners #main section.section-winners {
	padding-top: 0;
}
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: 735px) {
	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: 735px) {
	.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;
	}
}