@import url('proof/proof.css');

@media print {
	body {
		background:				#FFF;
		color:					#222;
		font:					400 1em linotype-sabon, serif;
	}

	h1, h2, h3, h4, h5, h6, legend {
		background:				transparent;
		color:					#AC9766;
		color:					cmyk(0, 8, 27, 33);
		font-family:			'Proof', sans-serif;
		font-weight:			700;
		line-height:			1em;
		text-transform:			uppercase;
		letter-spacing:			.05em;
		hyphens:				auto;
		-webkit-hyphens:		auto;
	}

	#jumper {
		display: none;
	}

	body > hr {
		display: none;
	}

	#logo {
		width: 250px;
		height: auto;
	}

	.toggle-site-nav {
		display: none;
	}

	#main-menu {
		display: none;
	}

	article a[href]::after {
		content: " <"attr(href)">";
		color: #888;
		background-color: inherit;
		font-style: italic;
		size: 80%;
	}

	div[itemprop="articleBody"] > .help-block::after {
		display: block;
		content: "Hinweis zur Druck-Version: Dies ist nur eine Vorschau des Online-Bewerbungsformulars. Bitte bereiten Sie die angeforderten Inhalte vor und bewerben Sie sich online unter: https://www.polis-award.com/bewerbung/";
		margin: 1em;
		padding: 1em;
		border: 2px solid #d93f03;
	}

	fieldset {
		margin: 1em 0;
	}

	fieldset.outer {
		margin: 0;
		padding: 0;
		border: 0 none;
	}

	legend {
		padding: 0 1em;
	}

	.form-group {
		margin: 1em 0;
		page-break-inside: avoid;
	}

	label {
		font-weight: bold;
	}

	label .help-block {
		margin-left: .5em;
		font-weight: normal;
	}

	input[type="text"],
	textarea {
		width: 100%;
		width: calc( 100% - 2em );
		border: 1px solid #AC9766;
		line-height: 2em;
	}

	.add a[href]::after {
		content: '';
	}

	.counter {
		display: none;
	}

	.project-images-upload .file-upload {
		border: 1px solid #888;
		background: #FFF !important;
	}

	.project-images-upload .file-upload label {
		color: #888;
	}

	#application-submit {
		margin: 1em auto;
	}

	body > footer {
		border-top: 1px solid #AC9766;
		page-break-inside: avoid;
	}

	body > footer .widget {
		margin: 0;
		margin-right: 1em;
	}

	body > footer .widget h2 {
		font-size: 1em;
	}

	.widget-3 {
		display: none;
	}

	body > footer .widget-4 {
		clear: both;
	}

	body > footer .widget-4 img {
		width: 250px;
		height: auto;
	}
}