/*
Theme Name: utopia2016
Author: Phil Gyford
Description: Originally based on http://wordpress.org/themes/blankslate v4.0.3
Version: 2.0.0
Text Domain: utopia2016

blankslate WordPress Theme © 2011-2015 TidyThemes
blankslate is distributed under the terms of the GNU GPL
*/

/*************************************************************************
 * What's here:
 *
 *  1. RESET ETC.
 *  2. GENERIC GLOBAL ELEMENTS
 *  3. UTILITIES
 *  4. OVERALL STRUCTURE
 *  5. TOP MENU
 *  6. BANNER
 *  7. ICONLINKS
 *  8. EVENTS CONTROLS
 *  9. BLOCKS: EVENTS (AND BLOG POSTS IN A CATEGORY) LIST
 * 10. GENERIC PAGE CONTENT
 * 11. FOOTER
 * 12. IE FIXES.
 * 13. COLOR SCHEMES
 */


/*************************************************************************
 * 1. RESET ETC.
 */

/* http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
	License: none (public domain)
*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}

@font-face {
	font-family: 'utopian_alphabetregular';
	font-weight: 400;
	font-style: normal;
	src: url('fonts/utopianalphabet-regular-webfont.eot');
	src: url('fonts/utopianalphabet-regular-webfont.eot?#iefix') format('embedded-opentype'),
	   url('fonts/utopianalphabet-regular-webfont.woff2') format('woff2'),
	   url('fonts/utopianalphabet-regular-webfont.woff') format('woff'),
	   url('fonts/utopianalphabet-regular-webfont.ttf') format('truetype'),
	   url('fonts/utopianalphabet-regular-webfont.svg#utopian_alphabetregular') format('svg');
}

/*************************************************************************
 * 2. GENERIC GLOBAL ELEMENTS
 */

html {
	font-size: 16px;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent;
}
body {
	font-family: Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.3;
}

*:focus {
	outline: 1px solid #f00;
}

a:active {
	outline: none;
}
a:link,
a:visited {
	text-decoration: none;
}
b,
strong {
	font-weight: bold;
}
i,
em {
	font-style: italic;
}

input[type="email"],
input[type="text"] {
	padding: .37rem .75em 0.25em 0.75em;
	border-style: 1px solid transparent;
	font-size: 1rem;
	font-weight: bold;
	border-radius: 0;
	border: none;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	font-family: Arial, sans-serif;
	margin: 0;
}

input:focus {
	border: none;
	outline: none;
}
button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
}


/*************************************************************************
 * 3. UTILITIES
 */

/* Visible to screen readers only. */
.u-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.u-sr-only-focusable:active,
.u-sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
	padding: 0.2em 5px;
}


/* Clearfix. */
.u-cf::after {
	content: "";
	display: table;
	clear: both;
}

/* For links that shouldn't look like links. */
.u-unlink:link,
.u-unlink:visited {
	text-decoration: none;
	cursor: default;
}

/*************************************************************************
 * 4. OVERALL STRUCTURE
 */

/* Constrain its contents to a reasonable max width with side padding. */
.container {
	max-width: 1148px; /* Four columns: (270 * 4) + (25 * 3) + (20 * 2) */
	padding: 0 20px;
	margin: 0 auto;
}


/*************************************************************************
 * 5. TOP MENU
 */

.menu {
	padding: 0.3rem 0;
	line-height: 1.5;
}

.nav {
	text-transform: uppercase;
}
.nav a:hover {
	text-decoration: underline;
}

.nav__main,
.nav__main__list,
.nav__main__list li,
.nav__social,
.nav__social__list,
.nav__social__list li {
	display: inline-block;
}

.nav li {
	font-weight: bold;
	font-size: 1.3125rem;
	margin-right: 15px;
}
.nav__main {
	margin-right: 10px;
}

.nav__social .icon {
	width: 1.375rem;
	height: 1.375rem;
	vertical-align: text-top;
}

.signup {
	display: inline-block;
	text-align: right;
}

.signup__input[type="text"] {
	width: 10rem;
	vertical-align: top;
	padding-top: 0.375em;
	padding-bottom: 0.25em;
	margin-top: 0.125em;
}
@media all and (min-width: 350px) {
	.signup__input[type="text"] {
		width: 14rem;
	}
}

.signup__button {
	margin: 0;
	padding: 0.2em 0.2em 0.1em 0.2em;
	cursor: pointer;
	background: none;
	border: none;
	font-family: Arial, sans-serif;
	font-size: 1.3125rem;
	font-weight: bold;
	text-transform: uppercase;
}

@media all and (min-width: 650px) {
	.nav {
		float: left;
		width: 42%;
	}
	.signup {
		float: right;
		width: 56%;
	}
}

/*************************************************************************
 * 6. BANNER
 */

.banner {
	width: 100%;
	padding-top: 2.5em;
	padding-bottom: 2rem;
	position: relative;
	overflow: hidden;
	text-align: center;
	display: block;
}

.banner__translate {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1875em;
	position: absolute;
	top: 0.5rem;
	right: 20px;
}
.banner__title {
	clear: both;
	font-size: 3rem; /* At narrowest width */
	line-height: 1;
	text-align: center;
	margin: 0 auto;
	text-transform: uppercase;
}

/* When we've switched to the Utopia font: */
body.utopia .banner__title {
	/* Adding "Arial, sans-serif" on to the end of this stack stopped the
	 * utopian font from showing in IE9. */
	font-family: 'utopian_alphabetregular', Arial, sans-serif;
}

.banner__intro {
	/* Most pages. */
	margin: 0 auto;
	text-align: center;
	width: 90%;
}

@media all and (min-width: 350px) {
	.banner__title {
		font-size: 4rem;
	}
}
@media all and (min-width: 450px) {
	.banner__title {
		font-size: 5rem;
	}
	.banner__intro {
		width: 80%;
	}
}
@media all and (min-width: 510px) {
	.banner__title {
		font-size: 6rem;
	}
}
@media all and (min-width: 753px) {
	.banner__translate {
		font-size: 1.5rem;
	}
	.banner__title {
		font-size: 9rem;
	}
	.banner__intro {
		font-size: 1.4375rem; /* 23px */
		width: 70%;
	}
}
@media all and (min-width: 964px) {
	.banner__title {
		font-size: 12rem;
	}
}

/* The random floating images. */
.random {
	position: absolute;
}

.nextprev {
	text-align: center;
}
.nextprev .iconlink {
	margin: 0 10px 0.5rem 10px;
}
.nextprev .iconlink span {
	/* Force to same width, so the pair of next/prev links look centered. */
	width: 9.5em;
}


/*************************************************************************
 * 7. ICONLINKS
 * Like the filters or next/prev links.
 */

.iconlink {
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
	font-size: 1.125em;
	line-height: 1;
}
.iconlink a {
	display: block;
	padding-right: 2.25rem;
	position: relative;
}
.iconlink--left a {
	padding-right: 0;
	padding-left: 2.25rem;
}
.iconlink .icon {
	position: absolute;
	height: 1.375rem;
	width: 1.375rem;
	top: 0.45rem;
	right: 0.4rem;
}
.iconlink--left .icon {
	right: auto;
	left: 0.4rem;
}
.iconlink a span {
	display: inline-block;
	/* Nngh, getting these to whole pixel sizes based on the font size: */
	padding: 0.44444444em 13px 0.38888889em 13px;
	border-width: 2px;
	border-style: solid;
	border-right-width: 0;
}
.iconlink--left a span {
	border-right-width: 2px;
	border-left-width: 0;
}

/* On/off states for filters. */

.iconlink .icon--cross {
	height: 1.125rem;
	width: 1.125rem;
	top: 0.55rem;
	right: 0.55rem;
	display: none;
}
.iconlink.is-active .icon--cross {
	display: inline;
}
.iconlink.is-active .icon--plus {
	display: none;
}

/*************************************************************************
 * 8. EVENTS CONTROLS
 *    (Also the Blog category links)
 */

.list-controls {
	margin: 1rem 0 2rem 0;
	line-height: 1.5;
}
.list-controls .iconlink {
	margin: 0 10px 0.5rem 0;
}

div.search {
	margin: 0 10px;
}
.search--center {
	margin-bottom: 1rem;
}
#filters__desc {
	margin: 0 15px;
}
.list-summary {
	margin: -1em 15px 1em 15px;
	font-weight: bold;
}

@media all and (min-width: 768px) {
	.filters {
		float: left;
		width: 75%;
	}

	.search--right {
		float: right;
		width: 22%;
		text-align: right;
		vertical-align: top;
		margin-left: 0;
	}
	.search--center {
		text-align: center;
		margin-bottom: 2rem;
	}
}
@media all and (min-width: 992px) {
	.filters {
		width: 80%;
	}
	.search--right {
		width: 18%;
	}
}

.filters__cat {
	margin: 0 10px 0.5rem 10px;
}

.filters__only {
	margin: 0 10px;
}
.filters__only__item {
	display: inline-block;
	margin-right: 30px;
}
.filters__only__item a {
	display: block;
	padding-left: 20px;
	font-weight: bold;
}

.search__form {
	display: inline-block;
	padding-right: 2.2rem;
	position: relative;
}
input[type="text"].search__form__text {
	width: 8em;
	font-size: 1.125em;
	padding-top: 0.45em;
	padding-bottom: 0.4em;
}
.search--center input[type="text"].search__form__text {
	width: 12em;
}

/* The events filter form has just the Icon.
 * The Blog search form has the Icon inside a <button>.  */
.search__form .icon--search {
	height: 1.2rem;
	width: 1.2rem;
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
}
.search__button {
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	height: 2.3rem;
	width: 2.3rem;
	cursor: pointer;
}


/*************************************************************************
 * 9. BLOCKS: EVENTS (AND BLOG POSTS IN A CATEGORY) LIST
 */

.blocks {
	clear: both;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.block {
	width: 100%;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	position: relative;
}
	.block__content {
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-webkit-flex: 1;

		display: -webkit-flex;
		display: -ms-flex;
		display: flex;

		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;

		-webkit-box-direction: normal;
		-moz-box-direction: normal;

		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;

		margin: 0 10px 1.5rem 10px;
		width: 100%;
		overflow: hidden;
	}
	.block__content__thumblink {
		line-height: 1px;
	}
		.block__content a.post-edit-link {
			margin: 1em 15px;
		}
		.block__img {
			width: 100%;
			height: auto;
		}
		.block__details {
			margin: 1rem 15px 0 15px;
			padding-left: 10px;
			border-left-width: 4px;
			border-style: solid;
		}
		.block__title {
			margin: 1rem 15px 0 15px;
			font-size: 1.125rem;
			font-weight: bold;
		}
		.block__description {
			margin: 0.5rem 15px;
			-webkit-flex: 1 0 auto;
			-ms-flex: 1 0 auto;
			flex: 1 0 auto;
		}
			.block__description a:link,
			.block__description a:visited {
				text-decoration: underline;
			}
			.block__description p {
				margin-bottom: 1em;
			}
			.block__description p:last-child {
				margin-bottom: 0;
			}
			.block__info {
				line-height: 1.5;
			}
			.block__info a {
				display: block;
				padding-right: 2.25rem;
				position: relative;
			}
			.block__info span {
				display: block;
				padding: 0.25rem 15px 0.2em 15px;
				font-size: 1.125rem;
				text-transform: uppercase;
				font-weight: bold;
			}
			.block__info .icon--arrow {
				position: absolute;
				height: 1.375rem;
				width: 1.375rem;
				top: 0.4rem;
				right: 0.5rem;
			}

		.block__labels {
			/* If no thumbnail, it's just a block above the content. */
			text-transform: uppercase;
			line-height: 1;
			font-weight: bold;
		}
		.has-thumbnail .block__labels {
			/* If there is a thumbnail, it's positioned in front of image. */
			position: absolute;
			top: 0;
			left: 10px;
		}
			.block__label span {
				padding: 0.5rem 0.4rem 0.4rem 0.4rem;
				display: inline-block;
			}

@media all and (min-width: 544px) {
	.block {
		width: 50%;
	}
}
@media all and (min-width: 768px) {
	.block {
		width: 33.33%;
	}
}
@media all and (min-width: 992px) {
	.block {
		width: 25%;
	}
	.block_details {
		margin: 1em 20px;
	}
}

/*************************************************************************
 * 10. GENERIC PAGE CONTENT
 */

.posts .post {
	margin-bottom: 5em;
}
.post-edit-link {
	font-weight: bold;
	margin-bottom: 1rem;
	display: inline-block;
}

.entry-title {
	font-weight: bold;
	font-size: 2.25rem;
}
	.entry-title a:hover {
		text-decoration: underline;
	}
.entry-meta {
	margin-bottom: 1em;
}
.entry-divider {
	display: block;
	margin: 2em auto 1.5em auto;
}
.entry-content {
}
.entry-content a {
	text-decoration: underline;
}
.entry-content p,
.entry-content ul,
.entry-content ol {
	margin-bottom: 1.5em;
}
.entry-content ul {
	list-style-type: disc;
	padding-left: 2.5em;
}
.entry-content ol {
	list-style-type: decimal;
	padding-left: 2.5em;
}

.entry-content blockquote {
	font-weight: bold;
	font-style: italic;
	margin-left: 2.5em;
	border-left-width: 4px;
	border-style: solid;
	padding-left: 1em;
}

.entry-content h1,
.entry-content h2 {
	font-size: 1.5rem;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.5em;
	clear: both;
}
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	font-weight: bold;
	margin-bottom: 0;
	clear: both;
}

@media all and (min-width: 544px) {
	.entry-content {
		font-size: 1.2rem;
	}
	.entry-content blockquote {
		font-size: 1.5rem;
	}
	.entry-content h1,
	.entry-content h2 {
		font-size: 1.8rem;
	}
}

@media all and (min-width: 768px) {

	.entry-content {
		font-size: 1.4375rem; /* 23px */
	}
	.entry-content blockquote {
		font-size: 1.75rem; /* 28px */
	}
	.entry-content h1,
	.entry-content h2 {
		font-size: 2.15rem; /* 36px */
	}
}


/* IMAGES */

.entry-content .wp-caption {
	margin-bottom: 1em;
}
.entry-content .wp-caption-text {
	margin-bottom: 0;
}

/* By default, images are full-width. */
.entry-content div.wp-caption.alignleft,
.entry-content div.wp-caption.alignright,
.entry-content div.wp-caption.alignnone,
.entry-content div.wp-caption.aligncenter {
	float: none;
	width: 100% !important;
}

.entry-content img.size-medium,
.entry-content img.size-full {
	width: 100%;
	height: auto;
}

/* Above this width, give images their correct alignment and width. */
@media all and (min-width: 544px) {
	.entry-content img.alignleft,
	.entry-content div.wp-caption.alignleft {
		float: left;
		margin: 0 30px 1em 0;
	}
	.entry-content img.alignright,
	.entry-content div.wp-caption.alignright {
		float: right;
		margin: 0 0 1em 30px;
	}
	.entry-content img.aligncenter,
	.entry-content div.wp-caption.aligncenter {
		display: block;
		margin: 0 auto 1em auto;
	}
	.entry-content img.aligncenter.size-medium {
		width: auto;
	}
	.entry-content img.size-medium {
		width: 50%;
	}
	.entry-content div.wp-caption.alignleft,
	.entry-content div.wp-caption.alignright {
		width: 50% !important;
	}

	.entry-content div.wp-caption img,
	.entry-content img.size-full {
		width: 100%;
		float: none;
	}
}

/* BLOG CATEGORY LIST, AND BLOG SEARCH RESULTS */
.search-title,
.category-title {
	font-weight: bold;
	font-size: 2.25rem;
	margin: 0 10px 0.5em 10px;
}

/* VIDEO
 * Using https://en-gb.wordpress.org/plugins/advanced-responsive-video-embedder/
 */

.arve-wrapper.alignleft,
.arve-wrapper.alignright,
.arve-wrapper.aligncenter {
	width: 100% !important;
	max-width: none !important;
	float: none;
	margin: 0 0 1em 0 !important;
}

@media all and (min-width: 544px) {
	.arve-wrapper.alignleft {
		float: left;
		margin: 0 30px 1em 0 !important;
		width: 50% !important;
	}
	.arve-wrapper.alignright {
		float: right;
		margin: 0 0 1em 30px !important;
		width: 50% !important;
	}
	.arve-wrapper.aligncenter {
		width: 70% !important;
		margin: 0 auto 1em auto !important;
	}
}

/* SIPSMITH LOGO
 * On About page.
 */

.sipsmith {
	max-width: 500px;
	height: 144px;
	margin: 1em auto 5em auto;
	position: relative;
}
	.sipsmith__logo {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 125px;
		height: 144px;
		background-repeat: no-repeat;
		background-position: 0 0;
		cursor: pointer;
	}
	.sipsmith__tagline {
		font-size: 1.125rem;
		position: absolute;
		left: 150px;
		top: 55px;

	}

@media all and (max-width: 550px) {
	.sipsmith {
		width: 300px;
	}
}

/*************************************************************************
 * 11. FOOTER
 */

.footer {
	margin: 2rem 20px;
	clear: both;
}

.footer__logos {
	margin: 0 auto;
}
.logo {
	display: block;
	margin: 0 auto;
	vertical-align: top;
}
	.logo a {
		display: block;
	}
.logo--kings-college {
	width: 125px;
}
.logo--courtauld {
	width: 241px;
}
.logo--somserset-house {
	width: 126px;
}
	.icon--kings-college {
		width: 125px;
		height: 141px;
	}
	.icon--courtauld {
		width: 241px;
		height: 143px;
	}
	.icon--somerset-house {
		width: 126px;
		height: 126px;
	}

.footer__text {
	font-size: 1.125rem;
	line-height: 1.166667em;
	max-width: 35em;
	text-align: center;
	margin: 1rem auto;
}
.footer__text h3,
.footer__text p {
	margin-bottom: 1em;
}
.footer__text a {
	text-decoration: underline;
}


@media all and (min-width: 640px) {
	.footer__logos {
		width: 600px;
	}

	.logo {
		display: inline-block;
		margin: 0 18px;
	}
}


/*************************************************************************
 * 12. IE FIXES.
 */

/* Replacing the flexboxiness. Works for IE9. */

@media all and (min-width: 544px) {
	.lt-ie10 .block {
		float: left;
		padding-left: 10px;
		padding-right: 10px;
	}
	.lt-ie10 .block:nth-child(2n+3) {
		clear: left;
	}
}
@media all and (min-width: 768px) {
	.lt-ie10 .block:nth-child(2n+3) {
		clear: none;
	}
	.lt-ie10 .block:nth-child(3n+4) {
		clear: left;
	}
}
@media all and (min-width: 992px) {
	.lt-ie10 .block:nth-child(3n+4) {
		clear: none;
	}
	.lt-ie10 .block:nth-child(4n+5) {
		clear: left;
	}
}

/* No placeholder in inputs in < IE10, so show the hidden labels: */
.lt-ie10 .search label,
.lt-ie10 .signup label {
	position: relative;
	width: auto;
	height: auto;
	margin: auto;
	clip: none;
	font-weight: bold;
}

/* IE 8... */


/* Some things need clearfixing. */
.lt-ie9 .menu,
.lt-ie9 .filters,
.lt-ie9 .blocks {
	content: "";
	display: table;
	clear: both;
}
.lt-ie9 .menu {
	width: 100%;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}
.lt-ie9 .nav {
	float: left;
	width: 42%;
}
.lt-ie9 .signup {
	float: left;
	width: 56%;
}
.lt-ie9 .nav__social {
}
.lt-ie9 .nav__social .icon {
	float: left;
	display: block;
	width: 24px;
	height: 25px;
}
/* Yellow icons by default: */
.lt-ie9 .nav__social .icon { background: url(img/icons/social.png) 0 0 no-repeat; }
.lt-ie9 .nav__social .icon--facebook { background-position: 0 -25px; }
/* For other schemes: */
.lt-ie9 .scheme-2 .nav__social .icon--twitter  { background-position: -48px 0; }
.lt-ie9 .scheme-2 .nav__social .icon--facebook { background-position: -48px -25px; }

.lt-ie9 .scheme-3 .nav__social .icon--twitter  { background-position: -24px 0; }
.lt-ie9 .scheme-3 .nav__social .icon--facebook { background-position: -24px -25px; }

.lt-ie9 .scheme-4 .nav__social .icon--twitter,
.lt-ie9 .scheme-5 .nav__social .icon--twitter,
.lt-ie9 .scheme-6 .nav__social .icon--twitter  { background-position: -72px 0; }

.lt-ie9 .scheme-4 .nav__social .icon--facebook,
.lt-ie9 .scheme-5 .nav__social .icon--facebook,
.lt-ie9 .scheme-6 .nav__social .icon--facebook  { background-position: -72px -25px; }

.lt-ie9 .banner {
	padding-bottom: 2em;
}
.lt-ie9 .banner__title {
	font-size: 10em;
}
.lt-ie9 .banner__intro {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1.4375em;
}
.lt-ie9 .banner__translate {
	top: 1em;
}
.lt-ie9 .banner__intro {
	width: 80%;
}
.lt-ie9 .iconlink a span {
	border-right-width: 2px;
}
.lt-ie9 .iconlink--left a span {
	border-left-width: 2px;
}
.lt-ie9 .filters {
	float: left;
	width: 75%;
}
.lt-ie9 .search {
	float: right;
	width: 22%;
	text-align: right;
	vertical-align: top;
	margin-left: 0;
}
.lt-ie9 .filters__cat__item {
	display: block;
	float: left;
	margin: 0.5em 10px;
}
/* Replacements for the x and + icons: */
.lt-ie9 .filters__cat__item span:after {
	content: " +";
}
.lt-ie9 .filters__cat__item.is-active span:after {
	content: " ×";
}
.lt-ie9 .filters__cat__item span {
	display: block;
	padding: 0.2em 13px 0.15em 13px;
}
.lt-ie9 .block {
	width: 270px;
	float: left;
	margin: 10px;
}
.lt-ie9 .block__labels {
	left: 0;
}
.lt-ie9 .block__description {
	height: 300px;
	overflow: hidden;
}
.lt-ie9 .block__details,
.lt-ie9 .block__title,
.lt-ie9 .block__description {
	margin: 0.5em 15px 0.5em 15px;
}
.lt-ie9 .block__info span {
	display: block;
	padding: 0.4em 10px 0.5em 10px;
}

.lt-ie9 .entry-content {
	font-size: 1.4375em;
}
.lt-ie9 .entry-content blockquote {
	font-size: 1.75em;
}
.lt-ie9 .entry-content h1,
.lt-ie9 .entry-content h2 {
	font-size: 2.15em;
}

.lt-ie9 .footer {
	margin-top: 2em;
	margin-bottom: 2em;
}
.lt-ie9 .footer__logos {
	width: 600px;
}
.lt-ie9 .footer__logos .icon {
	display: block;
}
.lt-ie9 .logo {
	display: inline-block;
	margin: 0 18px;
}
.lt-ie9 .footer__text {
	margin-left: auto;
	margin-right: auto;
}
.lt-ie9 .footer__logos .icon {
	background: url(img/icons/logos.png) 0 0 no-repeat;
}
.lt-ie9 .footer__logos .icon--courtauld					{ background-position: -125px 0; }
.lt-ie9 .footer__logos .icon--somerset-house			{ background-position: -366px 0; }

.lt-ie9 .scheme-4 .footer__logos .icon--kings-college	{ background-position: 0 -143px; }
.lt-ie9 .scheme-4 .footer__logos .icon--courtauld		{ background-position: -125px -143px; }
.lt-ie9 .scheme-4 .footer__logos .icon--somerset-house	{ background-position: -366px -143px; }

.lt-ie9 .scheme-5 .footer__logos .icon--kings-college	{ background-position: 0 -286px; }
.lt-ie9 .scheme-5 .footer__logos .icon--courtauld		{ background-position: -125px -286px; }
.lt-ie9 .scheme-5 .footer__logos .icon--somerset-house	{ background-position: -366px -286px; }

.lt-ie9 .scheme-6 .footer__logos .icon--kings-college	{ background-position: 0 -429px; }
.lt-ie9 .scheme-6 .footer__logos .icon--courtauld		{ background-position: -125px -429px; }
.lt-ie9 .scheme-6 .footer__logos .icon--somerset-house	{ background-position: -366px -429px; }

/*************************************************************************
 * 13. COLOR SCHEMES
 *
 * #ff0 - yellow
 * #00f - blue
 * #0ff - cyan
 * #0f0 - green
 * #f0f - magenta
 * #f00 - red
 */


/* THINGS THE SAME IN ALL COLOR SCHEMES */

input::-webkit-input-placeholder	{ color: rgba(0, 0, 255, 0.5); }
input:-moz-input-placeholder		{ color: rgba(0, 0, 255, 0.5); }
input::-moz-input-placeholder		{ color: rgba(0, 0, 255, 0.5); }
input::-ms-input-placeholder		{ color: rgba(0, 0, 255, 0.5); }
input::-input-placeholder			{ color: rgba(0, 0, 255, 0.5); }


/* SCHEME-1 - yellow bg */

.scheme-1 .banner__title					{            color: #f00; }

body.scheme-1,
.scheme-1 a:link,
.scheme-1 a:visited,
.scheme-1 input[type="email"],
.scheme-1 input[type="text"],
.scheme-1 .block__info span					{            color: #00f; }

.scheme-1 .footer__logos .icon__path		{             fill: #00f; }

.scheme-1 .menu,
.scheme-1 .menu a:link,
.scheme-1 .menu a:visited,
.scheme-1 .menu button,
.scheme-1 .block__content,
.scheme-1 .block__content a:link,
.scheme-1 .block__content a:visited,
.scheme-1 .block__label span,
.scheme-1 .block__info a:hover span		 	{ background-color: #00f;
											             color: #ff0; }

body.scheme-1,
.scheme-1 .iconlink a span					{ background-color: #ff0; }

.scheme-1 .menu .icon__path,
.scheme-1 .search .icon__path,
.scheme-1 .iconlink .icon__path,
.scheme-1 .icon--arrow__path				{             fill: #ff0; }

.scheme-1 .iconlink,
.scheme-1 .search__form,
.scheme-1 .block__info,
.scheme-1 .block__info a:link,
.scheme-1 .block__info a:visited			{ background-color: #f0f; }

.scheme-1 .block__details,
.scheme-1 .iconlink a span,
.scheme-1 .entry-content blockquote			{     border-color: #f0f; }

.scheme-1 .block__info span,
.scheme-1 .iconlink.is-active span,
.scheme-1 .iconlink a:hover span			{ background-color: #0ff; }

.scheme-1 .iconlink.is-active span			{    border-color: #0ff; }

.scheme-1 .sipsmith__logo { background-image: url(img/logos/sipsmith_1.png); }


/* SCHEME-2 - cyan bg */

.scheme-2 .banner__title					{            color: #f00; }

body.scheme-2,
.scheme-2 a:link,
.scheme-2 a:visited,
.scheme-2 input[type="email"],
.scheme-2 input[type="text"],
.scheme-2 .block__info span					{            color: #00f; }

.scheme-2 .footer__logos .icon__path		{             fill: #00f; }

.scheme-2 .menu,
.scheme-2 .menu a:link,
.scheme-2 .menu a:visited,
.scheme-2 .menu button,
.scheme-2 .block__content,
.scheme-2 .block__content a:link,
.scheme-2 .block__content a:visited,
.scheme-2 .block__label span,
.scheme-2 .block__info a:hover span		 	{ background-color: #00f;
											             color: #0ff; }

body.scheme-2,
.scheme-2 .iconlink a span					{ background-color: #0ff; }

.scheme-2 .menu .icon__path					{             fill: #0ff; }

.scheme-2 .iconlink .icon__path,
.scheme-2 .search .icon__path,
.scheme-2 .icon--arrow__path				{             fill: #ff0; }

.scheme-2 .iconlink,
.scheme-2 .search__form,
.scheme-2 .block__info,
.scheme-2 .block__info a:link,
.scheme-2 .block__info a:visited			{ background-color: #f0f; }

.scheme-2 .block__details,
.scheme-2 .iconlink a span,
.scheme-2 .entry-content blockquote			{     border-color: #f0f; }

.scheme-2 .block__info span,
.scheme-2 .iconlink.is-active span,
.scheme-2 .iconlink a:hover span			{ background-color: #ff0; }

.scheme-2 .iconlink.is-active span			{    border-color: #ff0; }

.scheme-2 .sipsmith__logo { background-image: url(img/logos/sipsmith_2.png); }


/* SCHEME-3 - green bg */

.scheme-3 .banner__title					{            color: #f00; }

body.scheme-3,
.scheme-3 a:link,
.scheme-3 a:visited,
.scheme-3 input[type="email"],
.scheme-3 input[type="text"],
.scheme-3 .block__info span					{            color: #00f; }

.scheme-3 .footer__logos .icon__path		{             fill: #00f; }

.scheme-3 .menu,
.scheme-3 .menu a:link,
.scheme-3 .menu a:visited,
.scheme-3 .menu button,
.scheme-3 .block__content,
.scheme-3 .block__content a:link,
.scheme-3 .block__content a:visited,
.scheme-3 .block__label span,
.scheme-3 .block__info a:hover span		    { background-color: #00f;
											             color: #0f0; }

body.scheme-3,
.scheme-3 .iconlink a span					{ background-color: #0f0; }

.scheme-3 .menu .icon__path					{             fill: #0f0; }

.scheme-3 .iconlink .icon__path,
.scheme-3 .search .icon__path,
.scheme-3 .icon--arrow__path				{             fill: #ff0; }

.scheme-3 .iconlink,
.scheme-3 .search__form,
.scheme-3 .block__info,
.scheme-3 .block__info a:link,
.scheme-3 .block__info a:visited			{ background-color: #f00; }

.scheme-3 .block__details					{	  border-color: #f0f; }

.scheme-3 .iconlink a span,
.scheme-3 .entry-content blockquote			{     border-color: #f00; }

.scheme-3 .block__info span,
.scheme-3 .iconlink.is-active span,
.scheme-3 .iconlink a:hover span			{ background-color: #ff0; }

.scheme-3 .iconlink.is-active span			{    border-color: #ff0; }

.scheme-3 .sipsmith__logo { background-image: url(img/logos/sipsmith_3.png); }


/* SCHEME-4 - blue bg, cyan events */

.scheme-4 .banner__title					{            color: #f00; }

.scheme-4 a.banner__translate:link,
.scheme-4 a.banner__translate:visited		{			 color: #ff0; }

body.scheme-4,
.scheme-4 a:link,
.scheme-4 a:visited							{            color: #0ff; }

.scheme-4 .footer__logos .icon__path		{             fill: #0ff; }

.scheme-4 .menu,
.scheme-4 .menu a:link,
.scheme-4 .menu a:visited,
.scheme-4 .menu button						{ background-color: #ff0;
											             color: #00f; }

.scheme-4 .block__content,
.scheme-4 .block__content a:link,
.scheme-4 .block__content a:visited,
.scheme-4 .block__label span,
.scheme-4 .block__info a:hover span		    { background-color: #0ff;
											             color: #00f; }

.scheme-4 .block__info a:link,
.scheme-4 .block__info a:visited,
.scheme-4 input[type="email"],
.scheme-4 input[type="text"]				{			 color: #00f; }

body.scheme-4,
.scheme-4 .iconlink a span					{ background-color: #00f; }

.scheme-4 .menu .icon__path					{             fill: #00f; }

.scheme-4 .iconlink .icon__path,
.scheme-4 .search .icon__path,
.scheme-4 .icon--arrow__path				{             fill: #ff0; }

.scheme-4 .iconlink,
.scheme-4 .search__form,
.scheme-4 .block__info,
.scheme-4 .block__info a:link,
.scheme-4 .block__info a:visited			{ background-color: #f0f; }

.scheme-4 .block__details					{	  border-color: #f0f; }

.scheme-4 .iconlink a span,
.scheme-4 .entry-content blockquote			{     border-color: #f0f; }

.scheme-4 .iconlink.is-active a:link,
.scheme-4 .iconlink.is-active a:visited,
.scheme-4 .iconlink a:hover					{			 color: #00f; }

.scheme-4 .block__info span,
.scheme-4 .iconlink.is-active span,
.scheme-4 .iconlink a:hover span			{ background-color: #ff0; }

.scheme-4 .iconlink.is-active span			{    border-color: #ff0; }

.scheme-4 .sipsmith__logo { background-image: url(img/logos/sipsmith_4.png); }


/* SCHEME-5 - blue bg, green events */

.scheme-5 .banner__title					{            color: #f00; }

.scheme-5 a.banner__translate:link,
.scheme-5 a.banner__translate:visited		{			 color: #0f0; }

body.scheme-5,
.scheme-5 a:link,
.scheme-5 a:visited							{            color: #0f0; }

.scheme-5 .footer__logos .icon__path		{             fill: #0f0; }

.scheme-5 .menu,
.scheme-5 .menu a:link,
.scheme-5 .menu a:visited,
.scheme-5 .menu button,
.scheme-5 .block__content,
.scheme-5 .block__content a:link,
.scheme-5 .block__content a:visited,
.scheme-5 .block__label span,
.scheme-5 .block__info a:hover span			{ background-color: #0f0;
											             color: #00f; }

body.scheme-5,
.scheme-5 .iconlink a span					{ background-color: #00f; }

.scheme-5 .menu .icon__path					{             fill: #00f; }

.scheme-5 .iconlink .icon__path,
.scheme-5 .search .icon__path,
.scheme-5 .icon--arrow__path				{			  fill: #0ff; }

.scheme-5 .iconlink,
.scheme-5 .search__form,
.scheme-5 .block__info,
.scheme-5 .block__info a:link,
.scheme-5 .block__info a:visited			{ background-color: #f00; }

.scheme-5 .block__details,
.scheme-5 .iconlink a span,
.scheme-5 .entry-content blockquote			{     border-color: #f00; }

.scheme-5 .iconlink a:link,
.scheme-5 .iconlink a:visited				{			 color: #0ff; }

.scheme-5 .iconlink.is-active a:link,
.scheme-5 .iconlink.is-active a:visited,
.scheme-5 .block__info a:link,
.scheme-5 .block__info a:visited,
.scheme-5 .iconlink a:hover,
.scheme-5 input[type="email"],
.scheme-5 input[type="text"]				{			 color: #00f; }

.scheme-5 .block__info span,
.scheme-5 .iconlink.is-active span,
.scheme-5 .iconlink a:hover span			{ background-color: #0ff; }

.scheme-5 .iconlink.is-active span			{    border-color: #0ff; }

.scheme-5 .sipsmith__logo { background-image: url(img/logos/sipsmith_5.png); }


/* SCHEME-6 - blue bg, yellow events */

.scheme-6 .banner__title					{            color: #f0f; }

body.scheme-6,
.scheme-6 a:link,
.scheme-6 a:visited							{            color: #ff0; }

.scheme-6 .footer__logos .icon__path		{             fill: #ff0; }

.scheme-6 .menu,
.scheme-6 .menu a:link,
.scheme-6 .menu a:visited,
.scheme-6 .menu button,
.scheme-6 .block__content,
.scheme-6 .block__content a:link,
.scheme-6 .block__content a:visited,
.scheme-6 .block__label span,
.scheme-6 .block__info a:hover span			{ background-color: #ff0;
											             color: #00f; }

body.scheme-6,
.scheme-6 .iconlink a span					{ background-color: #00f; }

.scheme-6 .menu .icon__path					{             fill: #00f; }

.scheme-6 .iconlink .icon__path,
.scheme-6 .search .icon__path,
.scheme-6 .icon--arrow__path				{			  fill: #ff0; }

.scheme-6 .iconlink,
.scheme-6 .search__form,
.scheme-6 .block__info,
.scheme-6 .block__info a:link,
.scheme-6 .block__info a:visited			{ background-color: #f0f; }

.scheme-6 .block__details,
.scheme-6 .iconlink a span,
.scheme-6 .entry-content blockquote			{     border-color: #f0f; }

.scheme-6 .iconlink.is-active a:link,
.scheme-6 .iconlink.is-active a:visited,
.scheme-6 .block__info a:link,
.scheme-6 .block__info a:visited,
.scheme-6 .iconlink a:hover,
.scheme-6 input[type="email"],
.scheme-6 input[type="text"]				{			 color: #00f; }

.scheme-6 .block__info span,
.scheme-6 .iconlink.is-active span,
.scheme-6 .iconlink a:hover span			{ background-color: #0ff; }

.scheme-6 .iconlink.is-active span			{    border-color: #0ff; }

.scheme-6 .sipsmith__logo { background-image: url(img/logos/sipsmith_6.png); }