/*
 * Screenplay output for the PDF & Print links.
 * Loaded by functions.php only for:
 *   /screenplay/.../?storyboard=on|off&print=print
 *   /screenplay/.../?storyboard=on|off&print=pdf
 */

@page {
	size: Letter portrait;
	margin: 1in 1in 1in 1.5in;

	@top-right {
		content: counter(page) ".";
		font-family: "Courier New", Courier, monospace;
		font-size: 12pt;
	}
}

@page :first {
	@top-right {
		content: "";
	}
}

html,
body {
	background: #fff !important;
	color: #000 !important;
	font-family: "Courier New", Courier, monospace !important;
	font-size: 12pt !important;
	line-height: 1 !important;
}

div#content,
.site-inner,
.content-sidebar-wrap,
.content,
.entry-content,
article.screenplay,
.screenplay {
	box-sizing: border-box;
	float: none !important;
	margin: 0 !important;
	max-width: none !important;
	padding: 0 !important;
	width: 100% !important;
}

.screenplay,
.screenplay p,
.screenplay div {
	font-family: "Courier New", Courier, monospace !important;
	font-size: 12pt !important;
	line-height: 1 !important;
}

/* The storyboard toggle adds .off when images should be omitted. */
.storyboard.off,
.titleImage.off,
.storyboard.off img,
.storyboard-toggle {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	visibility: hidden !important;
}

.screenplay .title {
	font-weight: normal;
	margin: 0 0 1in !important;
	text-align: center;
	text-transform: uppercase;
}

.screenplay .scene {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.screenplay .scene .heading,
.screenplay .scene .slug {
	font-weight: normal;
	margin: 0 0 12pt !important;
	text-transform: uppercase;
}

.screenplay .scene .action {
	margin: 0 0 12pt !important;
}

.screenplay .scene .character {
	font-weight: normal;
	margin: 12pt 0 0 2.2in !important;
	page-break-after: avoid;
	break-after: avoid;
	text-align: left;
	text-transform: uppercase;
}

.screenplay .scene .dialog {
	margin: 0 1.5in 12pt 1in !important;
	orphans: 2;
	page-break-inside: avoid;
	break-inside: avoid;
	widows: 2;
}

.screenplay .scene .paren {
	display: block;
	margin: 0 0 0 0.5in !important;
	page-break-after: avoid;
	break-after: avoid;
}

.screenplay-page-number {
	font-family: "Courier New", Courier, monospace;
	font-size: 12pt;
	text-align: right;
}

.screenplay .scene .transition {
	margin: 12pt 0 12pt !important;
	text-align: right;
	text-transform: uppercase;
}

@media print {
	.site-header,
	.nav-primary,
	.breadcrumb,
	.sidebar,
	.site-footer,
	.entry-meta,
	.post-edit-link {
		display: none !important;
	}
}
