/* Columns. */

div.zspColumns {
	display: block;
}

div.zspColumns > * {
	display: block;
	padding: 1em 5%;
}

main.zspArticles.zspWithoutSidebar > article {
	padding-left: 0;
	padding-right: 0;
}

main.zspArticles.zspError404 > article {
	background-size: 170px;
	padding-left: 200px;
}


/* Header. */

header.zspMain ul li {
	margin: 1.2em 0;
}


/* Top navigation bar. */

nav.zspMain ul li a {
	padding-left: 0.6em;
	padding-right: 0.6em;
}

nav.zspMain ul li.homepage a {
	padding-left: 1.4em;
	padding-right: 1.4em;
}


/* Footer. */

footer.zspMain p {
	text-align: left;
	margin-left: 5%;
	margin-right: 100px;
}

footer.zspMain p a.zspBIP {
	width: 39px;
	height: 45px;
	right: 5%;
}


/* Sidebar widgets. */

div.zspSidebar {
	width: auto;
	background: #F3F3F3;
	border-left: 0;
	border-top: 1px solid #eee;
}

div.zspSidebar iframe { /* for facebook likebox */
	max-width: 100% !important;

	display: block;
	margin: 0 auto;
}


/* Sidebar navigation. */

div.zspSidebar nav h4 {
	margin-bottom: 0.7em;
}
div.zspSidebar nav ul li a {
	padding: 0.37em 0;
}

/* Sidebar school partners widget. */

ul.zspSchoolPartners li {
	animation: none;
}

ul.zspSchoolPartners a {
	display: inline;
}



@media all and (max-width: 600px) {

	/* Basic styles. */

	body {
		padding: 0;
		background-image: none !important; /* overrides contrast styles */
		font-size: 16px;
		min-width: 200px;
	}

	a {
		transition: none;
	}

	img {
		max-width: 95%;
	}


	/* Header. */

	header.zspMain {
		background-image: none !important; /* overrides contrast style */
	}

	header.zspMain h1 a {
		width: 125px;
		height: 87px;   /* HEY! edit here size of logo */
		background-size: contain;

		margin: 0;
		margin-left: 5%;
	}

	header.zspMain ul {
		margin-right: 5%;
		margin-top: 0.2em;
	}

	header.zspMain ul li {
		margin: 1.5em 0;
	}

	@media all and (max-width: 310px) {
		header.zspMain ul li a {
			display: inline-block;
			overflow: hidden;
			text-indent: -9999px;
		}
	}

	header.zspMain ul a.zspBigTextSwitch {
		display: none;
	}

	header.zspMain ul li.zspSkipToMenu > a:not(.zspMobileSkipToBottom)  {
		display: none;
	}

	header.zspMain ul li a.zspMobileSkipToBottom {
		position: static !important;
		background-position: 0 -115px;
	}

	header.zspMain ul li a.zspMobileSkipToBottom span {
		display: none;
	}


	/* Top navigation bar. */

	div.zspNavigationBar {
		margin: 0;
		box-shadow: none;
	}

	nav.zspMain ul, nav.zspMain ul li {
		display: block;
		height: auto;
	}

	nav.zspMain ul li a {
		padding: 0.5em 1em;
		border-bottom: 1px solid rgba( 255,255,255, 0.2 );

		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	nav.zspMain ul li:last-child a {
		border-bottom: none;
	}


	/* Slideshow block. */

	div.zspSlideshow {
		padding: 5%;
	}

	div.zspSlideshow span.zspSliderCaption:not(:empty) {
		font-size: 0.8em;
		padding-bottom: 0.8em;
	}


	/* Columns. */

	div.zspColumnsContainer {
		box-shadow: none;
		border-bottom: 1px solid #ccc;
	}

	main.zspArticles.zspError404 > article {
		background-position: center 17px;
		padding: 96px 0 0 0;
	}


	/* Footer. */

	footer.zspMain p {
		margin-left: 5%;
		margin-right: 75px;
	}

	footer.zspMain p a.zspBIP {
		right: 5%;
		top: 3px;
	}


	/* Articles. */

	article header h2 {
		font-size: 1.4em;
	}

	article header time {
		margin-top: -1rem;
	}

	article footer ul, article footer ul li {
		display: block;
		text-align: left !important; /* override style last-child: */
		width: auto;
	}

	article footer a.zspShare, article footer a.zspMore, article footer span.zspTags {
		padding-top: 1px;  /* accurate align text to icon in background-image */
	}


	/* Sidebar widgets. */

	div.zspSidebar > section:after, div.zspSidebar > nav:after {
		border-color: #bbb;
	}


	/* WordPress - posts thumbnails. */

	main.zspArticles img.wp-post-image {
		float: none;
		display: block;
		margin: 1.5em auto;
	}


	/* WordPress - images in post content. */

	figure.wp-caption, img.alignleft, img.alignright, img.aligncenter {
		margin: 1.5em auto;
		float: none;
		display: block;
	}

	figure.wp-caption {
		text-align: center;
		width: 100% !important; /* override local style */
	}



	/* EasingSlider plugin - special styles. */

	.easingslider-pagination {
		display: none !important;
	}

}