/* DEVICE BREAKPOINTS */
/* Smaller devices (1000px and down) */
@media only screen and (max-width: 1000px) {
	#time, #date {
	font-size: 20px !important;
	line-height: 24px !important;
	bottom: calc(100vh - 74px) !important;
	width: calc(50vw - 50px) !important;
	height: 24px !important;
	padding: 25px !important;
	}
	.reveal .r-stretch, .reveal .stretch {
	max-height: calc(100vh - 100px) !important;
	height: auto !important;
	max-width: calc(100vw - 200px) !important;
	width: auto !important;
	}
	.reveal .progress {
	height: 4px !important;
	}
}

/* IMPORT FONT FAMILIES */
@font-face {
	font-family: 'SuisseWorks';
	src: url('../fonts/SuisseWorks-Book.woff2') format('woff2'), url('../fonts/SuisseWorks-Book.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'SuisseWorks';
	src: url('../fonts/SuisseWorks-BookItalic.woff2') format('woff2'), url('../fonts/SuisseWorks-BookItalic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'SuisseWorks';
	src: url('../fonts/SuisseWorks-Bold.woff2') format('woff2'), url('../fonts/SuisseWorks-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'SuisseWorks';
	src: url('../fonts/SuisseWorks-BoldItalic.woff2') format('woff2'), url('../fonts/SuisseWorks-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'AntiqueOliveStd-Nord';
	src: url('../fonts/AntiqueOliveStd-Nord.woff2') format('woff2'), url('../fonts/AntiqueOliveStd-Nord.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
/* SET FONT FAMILIES & SIZES */
* {
	color: #000 !important;
	font-family: 'SuisseWorks', serif !important;
	font-weight: normal;
	font-style: normal;
	text-rendering: optimizeLegibility !important;
}
body, .reveal, .article, section, p {
	font-size: 40px !important;
	line-height: 48px !important;
}
/* TYPOGRAPHY */
h1, h2, h3, h4 {
	text-transform: none !important;
	letter-spacing: -0.05em !important;
	line-height: 1em !important;
}
em {
	font-family: 'AntiqueOliveStd-Nord', sans-serif !important;
	font-weight: bold !important;
	font-style: normal !important;
}
i {
	color: #000 !important;
	font-family: 'SuisseWorks', serif !important;
	font-weight: normal;
	font-style: italic;
}
h1 {
	font-size: 225px !important;
	font-weight: bold !important;
	line-height: 0.85em !important;
	/* line-height: 240px !important; */
}
h1.title {
	font-size: 378px !important;
	line-height: 336px !important;
}
h1 small, h2 small, h3 small {
	font-size: 92% !important;
	line-height: 1.2em !important;
}
h2 {
	font-size: 126px !important;
	font-weight: bold !important;
	/* line-height: 144px !important; */
}
h3 {
	font-size: 71px !important;
	font-weight: normal !important;
	/* line-height: 96px !important; */
}
h1 + h3 {
	margin-top: 40px !important;
}
h4 {
	font-size: 40px !important;
	font-weight: normal !important;
	line-height: 48px !important;
}
h3, p {
	max-width: 32em !important;
	width: 100% !important;
	margin: auto !important;
	widows: 3;
	orphans: 3;
}
p:not(.empty) + p:not(.empty), ul + p:not(.empty), p:not(.empty) + ul {
	margin-top: 40px !important;
}
p.empty {
	display: none !important;
}
#time, #date, .subtitle, p.subtitle, ul, li {
	z-index: 9999999 !important;
	font-family: sans-serif !important;
	font-weight: bold !important;
	font-style: normal !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	-webkit-text-stroke: 0.5px #fff !important;
	text-shadow: 0 2px 5px rgba(0, 0, 0, 0.75), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#time, #date {
	font-size: 40px;
}
.subtitle, p.subtitle, ul, li {
	color: #fff !important;
}
p.quote, ul.quote, ul.quote li {
	max-width: 32em !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	color: #ffff00 !important;
	font-style: italic !important;
	-webkit-text-stroke: 0.5px #ffff00 !important;
}
ul {
	max-width: 20em !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	widows: 3;
	orphans: 3;
	list-style: none !important;
}
li {
	margin-left: 0 !important;
	padding-left: 0.5em !important;
}
li::marker {
	content: "•";
}
.caption {
	font-size: 0.5em !important;
	margin-top: 1em;
}
#time, p.subtitle, ul, li {
	text-align: left !important;
}
#date {
	text-align: right !important;
}
/* OTHER */
.reveal .r-stretch, .reveal .stretch {
	max-height: calc(100vh - 200px) !important;
	height: auto !important;
	max-width: calc(100vw - 200px) !important;
	width: auto !important;
}
/* GRAPHIC ELEMENTS */
hr.esheep {
	display: block !important;
	position: absolute !important;
	border: 0 !important;
	height: 0 !important;
	border-top: 1px solid rgba(255, 255, 255, 0) !important;
}
div.esheep {
	display: block !important;
	position: absolute !important;
	border: 1px solid rgba(255, 255, 255, 0);
}
#time, #date {
	position: absolute !important;
	display: block;
	top: 0 !important;
	bottom: calc(100vh - 148px) !important;
	width: calc(50vw - 100px) !important;
	height: 48px !important;
	padding: 50px !important;
	color: #ffff00 !important;
	text-transform: uppercase !important;
}
#time {
	left: 0 !important;
	right: calc(50vw - 100px) !important;
}
#date {
	left: 50vw !important;
	right: 0 !important;
}
.reveal img, .reveal video {
	-webkit-box-shadow: #00ff00 0px 0px 25px, #00ff00 0px 0px 25px, #00ff00 0px 0px 50px, #00ff00 0px 0px 75px !important;
	-moz-box-shadow: #00ff00 0px 0px 25px, #00ff00 0px 0px 25px, #00ff00 0px 0px 50px, #00ff00 0px 0px 75px !important;
	box-shadow: #00ff00 0px 0px 25px, #00ff00 0px 0px 25px, #00ff00 0px 0px 50px, #00ff00 0px 0px 75px !important;
}
h1, h2, h3 {
	text-shadow: #00ff00 0px 0px 25px, #00ff00 0px 0px 25px, #00ff00 0px 0px 50px, #00ff00 0px 0px 75px !important;
}
h4 {
	text-shadow: #00ff00 0px 0px 15px, #00ff00 0px 0px 15px, #00ff00 0px 0px 30px, #00ff00 0px 0px 45px !important;
}
#heatmap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../images/heatmap-green.png);
	background-size: cover;
	background-position: 50% 50%;
	z-index: 1;
/*	background: rgb(0,255,0);
	background: linear-gradient(90deg, rgba(0,255,0,1) 0%, rgba(255,255,255,0) 100%); */
}
body.backgroundVideo #gradient {
	opacity: 1.0 !important;
}
.reveal .progress {
	height: 8px !important;
}
.reveal .progress span {
	background-color: #ffff00 !important;
	border-top: 1px solid rgba(0, 0, 0, 0.75);
}
#instructions {
	margin-top: 60px !important;
	text-align: center !important;
}

/* REDUNDANT
@font-face {
	font-family: 'AntiqueOliveStd-Compact';
	src: url('../fonts/AntiqueOliveStd-Compact.woff2') format('woff2'), url('../fonts/AntiqueOliveStd-Compact.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.compact {
	font-family: 'AntiqueOliveStd-Compact', sans-serif !important;
	font-weight: normal !important;
	font-style: normal !important;
}
.uc {
	text-transform: uppercase !important;
}
#gradient {
	position: absolute;
	top: 0;
	left: 12.5%;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: rgb(0,255,0);
	background: linear-gradient(90deg, rgba(0,255,0,1) 0%, rgba(255,255,255,0) 100%);
}
#subtitle {
	display: block !important;
	position: absolute !important;
	top: calc(100vh - 258px) !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: calc(100vw - 100px) !important;
	height: calc(100vh - 150px) !important;
	padding: 50px 50px 100px 50px !important;
}
.glowup {
	box-shadow: inset 0 0 50px #fff, 
	inset 20px 0 80px #f0f, 
	inset -20px 0 80px #0ff, 
	inset 20px 0 300px #f0f, 
	inset -20px 0 300px #0ff, 
	0 0 50px #fff, 
	-10px 0 80px #f0f, 
	10px 0 80px #0ff;
}
*/