/* Basic styles. */

body {
	background: #222 url('img/contrast/background.png');
	color: #fff;
}

a {
	color: #FFD809 !important;
}

a:active, a:hover, a:focus {
	color: #FFD809 !important;
	opacity: 1 !important;
	outline: 2px dashed #FFD809;
	outline-offset: 3px;
}

blockquote {
	background-image: url('img/contrast/quote.png');
}

img {
	box-shadow: none;
	outline: 2px solid #888;
	border-radius: 0;
}

table th {
	color: #91CEFF;
}

table td, table th {
	border-color: #333;
}

hr {
	border-color: #777;
}

header ul li a.zspContrastSwitch, header ul li a.zspBigTextSwitch, header.zspMain ul li a.zspMobileSkipToBottom, article header time, article header > a, article footer a.zspShare, article footer a.zspMore, article footer span.zspTags {
	background-image: url('img/contrast/icons.png'); /* monochromatic icons */
}


/* Header. */

header.zspMain {
	background-image: url('img/contrast/poland.png');
}

header.zspMain h1 a {
	background-image: url('img/contrast/logo.png');
}

header.zspMain ul li a {
	color: #eee !important;
}

@media all and (min-width: 600px) {  /* min-width to avoid conflicts with responsive style */
	header.zspMain ul li.zspSkipToMenu a:focus {
		background: #FFD809 !important;
		border-color: #888 !important;
		color: #000 !important;
		box-shadow: none !important;
	}
}


/* Top navigation bar. */

div.zspNavigationBar {
	background: #002340;
	box-shadow: none;
}

nav.zspMain ul li a:hover, nav.zspMain ul li a:focus, nav.zspMain ul li a:active {
	background-color: #FFD809;
	color: #000 !important;
}


nav.zspMain ul li.special {
	background: #74001F;
}

nav.zspMain ul li.homepage a {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' version='1.2' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M12 3s-6.186 5.34-9.643 8.232A1.041 1.041 0 0 0 2 12a1 1 0 0 0 1 1h2v7a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-4h4v4a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-7h2a1 1 0 0 0 1-1 .98.98 0 0 0-.383-.768C18.184 8.34 12 3 12 3z' fill='%23FFD809'/%3E%3C/svg%3E");
}

nav.zspMain ul li.homepage a:hover, nav.zspMain ul li.homepage a:active, nav.zspMain ul li.homepage a:focus {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' version='1.2' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M12 3s-6.186 5.34-9.643 8.232A1.041 1.041 0 0 0 2 12a1 1 0 0 0 1 1h2v7a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-4h4v4a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-7h2a1 1 0 0 0 1-1 .98.98 0 0 0-.383-.768C18.184 8.34 12 3 12 3z' fill='%23000'/%3E%3C/svg%3E");
}

@media all and (max-width: 600px) {
	nav.zspMain ul li a {
		border-color: #000;
	}
}


/* Slideshow block. */

div.zspSlideshow {
	border-bottom-color: #212121;
	background: #1C1C1C;
}

div.zspSlideshow > * {
	outline: 2px solid #888;
}

/* Columns. */

div.zspColumnsContainer {
	background: #000;
	box-shadow: none;
}

div.zspSidebar {
	border-left-color: #212121;
}

main.zspArticles.zspError404 > article {
	background-image: url('img/contrast/sadface.png');
}

@media all and (max-width: 600px) {
	div.zspColumns {
		border-bottom-color: #454545;
	}
}

/* Footer. */

footer.zspMain {
	color: inherit;
}

footer.zspMain p a.zspBIP {
	background: url('img/contrast/bip.png');
}


/* Article. */

article:after {
	border-bottom-color: #444;
	border-bottom-style: solid;
}

article header h2 {
	color: inherit;
}

article header time, article footer ul {
	color: inherit;
}

@media all and (min-width: 901px) {
	article.zspNoSearchResults {
		background-image: url('img/contrast/nosearchresults.png');
	}
}


/* Sidebar widgets. */

div.zspSidebar > section:after, div.zspSidebar > nav:after {
	border-bottom-color: #444;
	border-bottom-style: solid;
}

div.zspSidebar section h3 {
	color: inherit;
}

@media all and (max-width: 900px) {
	div.zspSidebar {
		border-color: #555;
		background: #181818;
	}
}


/* Sidebar navigation. */

div.zspSidebar nav ul li:before {
	color: #fff;
}

div.zspSidebar nav ul li a:focus {
	background: #333;
}


/* Sidebar school list. */

section.zspSchoolList ul li a:focus {
	box-shadow: none;
}

section.zspSchoolList ul li a {
	border-color: #666 !important;
}


/* Form elements. */

input, textarea, select {
	background: #111;
	border-color: #aaa;
	box-shadow: none;
}

input:focus, textarea:focus, select:focus {
	outline: 3px solid #FFD809;
}

input[type="submit"], input[type="button"] {
	background: #111 !important;
	color: #fff !important;
	border: 3px solid #FFD809;
}

input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus {
	background: #FFD809 !important;
	color: #000 !important;
}

input[type="submit"]:focus, input[type="button"]:focus {
	border-color: #000;
}

label {
	cursor: pointer;
	color: #FFD809;
}