/* ==========================================================================
    =RESET.css
    ========================================================================== */
/* 

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	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:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ==========================================================================
    =GRID.css 
    ========================================================================== */
/* 
Mobile first grid system
Built by Inktrap
http://www.inktrap.co.uk
*/

/* Global */
/* --------------------------------------------------------------------------------------------- */

body{width: 100%; -webkit-text-size-adjust: none;}
.container {width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.row {width: auto; max-width: 1300px; overflow: hidden; margin: 0 auto;}

/* Debug */
/* .row > div {background-color: aqua;} */

/* Row behaviour */
.s5, .s1, .m1, .l1,
.s5, .s2, .m2, .l2,
.s5, .s3, .m3, .l3,
.s5, .s4, .m4, .l4 {float: left; min-height: 1px; overflow: hidden;}

/* Padding */
.row > .pad-in {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* Images */
img {margin: 0 auto; height: auto; display: block;}
img, object, video, audio {max-width: 100%;}

/* Responsive video containers */
.embed-container {position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%;}
.embed-container iframe, .embed-container object {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/* Small */
/* --------------------------------------------------------------------------------------------- */

.row {margin-bottom: 30px;}

.s5 {width: 12.5%;}
.s1 {width: 25%;}
.s2 {width: 50%;}
.s3 {width: 75%;}
.s4 {width: 100%;}

.row > .pad-in {padding: 25px;}

/* Helper classes */
.s-visible {display: block;}
.s-removed {display: none;}


/* Medium */
/* --------------------------------------------------------------------------------------------- */

@media only screen and (min-width:767px) {

.container {padding-left: 30px; padding-right: 30px;}
.row {margin-bottom: 0;}

.m5 {width: 12.5%;}
.m1 {width: 25%;}
.m2 {width: 50%;}
.m3 {width: 75%;}
.m4 {width: 100%;}

.row > .pad-in {padding: 35px;}

/* Helper classes */
.s-removed, .m-visible {display: block;}
.m-removed {display: none;}

} /* End media query */


/* Large */
/* --------------------------------------------------------------------------------------------- */

@media only screen and (min-width:1100px) {

.container {padding-left: 60px; padding-right: 60px;}
.l5 {width: 12.5%;}
.l1 {width: 25%;}
.l2 {width: 50%;}
.l3 {width: 75%;}
.l4 {width: 100%;}

.row > .pad-in {padding: 44px;}

/* Helper classes */
.s-removed, .m-removed, .l-visible {display: block;}
.l-removed {display: none;}

/* Fix masonry home layout (gaps) on desktop */
.home-left-height {height: 237px;}
.tweet-text {height: 122px;}

} /* End media query */

/* ==========================================================================
    =MAIN.css
    ========================================================================== */

/* 
Brunel Digital
Built by Inktrap
http://www.inktrap.co.uk
*/

html {background-color: #104875;}
html, button, input {font-family: 'Source Sans Pro','Helvetica Neue','Helvetica','Arial',sans-serif; -webkit-font-smoothing: antialiased; -webkit-font-variant-ligatures: common-ligatures; -moz-font-variant-ligatures: common-ligatures; -o-font-variant-ligatures: common-ligatures; -ms-font-variant-ligatures: common-ligatures; font-variant-ligatures: common-ligatures;}
body {color: #5a5a5a; font-size: 1.063em; line-height: 1.4; width: 100%; background-color:#FFF; position: relative; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; transition: left 0.5s;}

.degree_show_video{ display: inline-block; }

/* Fonts */
/* --------------------------------------------------------------------------------------------- */

select#work_level {
	font-size: 1.6em;
	height: 2em!important;

}

input {
	font-size: 1.6em;

}

.brubut{
	background-color: #2a5886;
}


.brubut:hover{
	background-color: #1c4874;
}

#loginform {
	margin: 5%;
}

#loginform form p label {
	color: #515151;
	font-size: 1.4em;
}

div.column {
	width: 30%;
}

/* @font-face code here */


/* Utility classes */
/* --------------------------------------------------------------------------------------------- */

.invisible {position:absolute; left:-999em;} /* Can be seen by screen readers */
.removed {display:none;}
.relative {position:relative;}
.clearfix {zoom:1; overflow: visible !important;}
.clearfix:after {display:block; content:''; clear:both; height:0;}


/* Typography */
/* --------------------------------------------------------------------------------------------- */

/* Selected text style */
::selection {background-color: #2A5887; color: #fff;}

/* Basics */
strong, b {font-weight: bold;}
em, i {font-style: italic;}

a {color: #2a5887; font-weight: 600; text-decoration: none; transition: .2s ease-in-out; /*-webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s; transition: color 0.2s*/;}
a:hover {color: #5a5a5a; border-color: #5a5a5a;}

.page-title {font-weight: 300; font-size: 2.4em; margin-bottom: 0.3em; line-height: 1; color: #2a5887;}
.page-header .page-title {margin-bottom: 0.2em;}

.wysiwyg h2, .wysiwyg h3, .wysiwyg h4,
.h1, .h2, .h3, .h4 {font-weight: 300; margin-bottom: 0.5em; line-height: 1.2; color: #2a5887;}

.h1 {font-size: 2.1em;}
.h2, .wysiwyg h2, .wysiwyg h1 {font-size: 1.8em;}
.h3, .wysiwyg h3 {font-size: 1.5em;}
.h4, .wysiwyg h4 {font-size: 1.2em;}

.info {font-style: italic;}
.info span.comma:before {content: ', '; margin: 0 ;}
.info span:before {content: '|'; margin: 0 5px 0 2px;}
.info span.comma:last-child:before {content: '';}
.info span:first-child:before {display: none;}
.info a {color: #5a5a5a;font-weight: normal;text-decoration: underline;}
.info a.work-author {font-weight:normal;text-decoration:underline;}
.info a.work-author:hover {text-decoration:none;}
.info-ext a { padding-left: 2px;padding-right: 2px;}
.info-ext:first-child a { padding-left: 0;}

.h1 + .info, .h2 + .info, .h3 + .info {margin-top: -0.5em;}

p, .ul, .ol,
.wysiwyg p,
.wysiwyg ul,
.wysiwyg ol,
.wysiwyg img {margin-bottom: 0.8em;}

.wysiwyg h2, .wysiwyg h3, .wysiwyg h4 {margin-top: 1em;}
.wysiwyg img {margin-top: 1.5em;}

/* More link */
.more-link { font-weight: 600; border-bottom: 1px solid rgba(16,72,117,0.2); padding-bottom: 0.2em; margin-bottom: 0.4em;}
.more-link:after {content: '›'; margin-left: 0.3em; transition: .2s ease-in-out;}
.more-link:hover:after {margin-left: 0.5em;}

@media only screen and (min-width: 1100px) {
	.more-link-custom-1 {
		width:170px;
		display: inline-block;
	}
}

.more-link-single {
	clear: both;
	display: table;
	margin-top: 0.8em;
	float: none;
}

.ul, .ol,
.wysiwyg ul,
.wysiwyg ol {padding-left: 2em;}
.wysiwyg ul li, .ul li {list-style: disc outside;}
.wysiwyg ol li, .ol li {list-style: decimal outside;}


/* Header and navigation */
/* --------------------------------------------------------------------------------------------- */

/* Header */
.header {background-color: #2a5887;}
.header .row {margin-bottom: 0;}
.header .branding {padding: 30px 25px 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* Logos */
.logo {display: block; float: left; background-repeat: no-repeat;}
.logo.site-logo {width: 200px; height: 31px; background-image: url('http://www.bruneldigital.net/images/uploads/site-logo-rebrand.png'); background-size:75% auto; text-indent: -9999px; margin-top: 10px;}
.logo.site-logo { background-image: url('http://www.bruneldigital.net/images/uploads/site-logo-rebrand.png');background-size:100% auto;}
.logo.university-logo {display: none;}

/* Main navigation */
#nav-toggle {display: block; float: right; color: #fff; font-size: 1.3em; margin-top: 6px;}
#nav-toggle:after {content: '\F0C9'; font-family: 'FontAwesome';}

@media only screen and (max-width: 766px) {
body.nav-open #nav-toggle:after {content: '\F00D';}
body.nav-open {left: -250px;}
body.nav-open nav {display: block;}
}

nav {display: none; height: 100%; width: 250px !important; overflow: hidden; position: absolute; top: 0; right: -250px; z-index: 9999; background-color: #104875;}

#nav-primary {display: block; width: 100%; transition: all 0.2s;}
#nav-primary li {display: block; float: left; width: 100%; transition: all 0.2s;}
#nav-primary li a {display: block; padding: 15px 20px; color: #fff; font-weight: 600;}
#nav-primary li a.selected {text-decoration: underline;}
#nav-primary li ul {display: block; background-color: #2a5887; overflow: hidden; height: 0; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s;  transition: all 0.2s;}
#nav-primary li ul li:last-child {padding-bottom: 0.3em;}
#nav-primary li.has-subnav > a {position: relative;}
#nav-primary li.has-subnav > a:after {content:'\F0D9'; font-family: 'FontAwesome'; position: absolute; right: 20px; top: 15px;}
#nav-primary li.has-subnav.subnav-open > a:after {content:'\F0D7';}
#nav-primary li.subnav-open ul {height: auto; opacity: 1;}

#nav-social {float: left; width: 100%; padding-left: 15px; padding-top: 20px; margin-top: 10px; border-top: 1px solid #fff;}
#nav-social li {float: left;}
#nav-social li a {display: block; color: #fff; font-weight: normal; font-size: 1.3em; font-family: 'FontAwesome'; padding: 20px 10px;}


/* Content */
/* --------------------------------------------------------------------------------------------- */

/* Placeholders */
#home-video{
padding-top: 2px;
}

/* Colours */
.page-header, .light {background-color: #f5f5f5;}
.dark {background-color: #e6e6e6;}

/* Tiles */
.tile img {width: 100%;}
.tile {background-color: #2a5887;}
.tile.s-alt {background-color: #104875;}

/* Large paragraph */
.para-large { font-weight: 300; margin-bottom: 0.5em; line-height: 1.2; color: #2a5887; font-size: 2.1em;}

/* Footer */
.footer {background-color: #104875; color: #fff; }
.footer .row {margin-bottom: 0; padding: 30px 45px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

#nav-footer {width: 100%; display: block;}
#nav-footer li {width: 100%; display: block;}
#nav-footer li a {color: #fff; display: block; padding: 3px 0;}

.sitemap {display: none;}

/* Back to top link */
.top-link {display: block; width: 100%; color: #fff; background-color: #104875; padding: 20px 30px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.top-link:before {content: '\F106'; font-family: 'FontAwesome'; font-size: 1.2em; line-height: 0; margin-right: 0.5em;}

/* Hovers */
.hover {position: relative; height: auto;}
.hover img {width: 100%; height:100%;}
.hover .text {width: 100%; height: 100%; position: absolute; overflow:hidden; top: 0; left: 0; color: #fff; font-weight: normal; opacity: 0; background: rgb(42,88,135); background: rgba(42,88,135,0.85); padding: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s;}
.hover .text p {display: none;}
.hover .h3 {color: #fff;}
.hover:hover .text {opacity: 1;}

.lt-ie9 .hover .text {display: none;}
.lt-ie9 .hover:hover .text {display: block;}

/* Cycle */
.cycle-prev, .cycle-next {position: absolute; display: none; width: 70px; height: 50px; top: 45%; z-index: 999; background-color: #2a5887; color: #fff; font-family: 'FontAwesome'; text-align: center; font-size: 1.5em; padding-top: 20px;}
.cycle-prev {left: 0;}
.cycle-prev:before {content:'\F053';}
.cycle-next {right: 0;}
.cycle-next:before {content:'\F054';}

.caption {padding: 20px 45px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* Tweet */
#layout_twitter {top: 50%;}

.tweet {background-color: #104875; color: #fff;}
.tweet a {color: #fff;}
.tweet-text {color: #fff; width: 100%; display: block; float: left;font-size:1.6em;}
.tweet-text a {color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 100%;}

.tweet-top, .tweet-bottom {float: left; width: 100%;}

.tweet-name {color: #fff;}

.tweet-user {float: left; height: 50px; margin-bottom: 15px;}
.tweet-user .tweet-avatar {float: left; width: 50px; height: 50px; margin-right: 15px;}
.tweet-user .text {float: left;}
.tweet-user .tweet-name, .tweet-user .tweet-handle {float: left; clear: both;}
.tweet-user .tweet-name {margin-bottom: 0.1em; margin-top: -0.2em;}
.tweet-user .tweet-handle {font-weight: normal;}

.tweet-follow-button {float: right; padding-top: 10px;}

.tweet-time {float: left;}
.tweet-actions {float: right;}
.tweet-actions li {float: left; margin-left: 10px;}
.tweet-actions li a {font-family: 'FontAwesome'; font-weight: normal; font-size: 1.2em;}

/* Items */
.item:first-child {margin-top: 0;}
.item {margin-top: 30px;}

/* Share */
.share {background-color: #104875;}
.share .h2 {color: #fff;}

.share-links {display: block; height: 100%;}
.share-links li {display: block; margin-bottom: 1px;}
.share-links li a {font-size: 1.5em; font-weight: 300; color: #fff; display: block;}
.share-links li a:before {content: ''; display: inline-block; width: 50px; font-family: 'FontAwesome'; font-weight: normal; font-size: 1.2em;}
.share-links li a:after {content: '›'; margin-left: 10px;}
.share-links li.facebook a:before {content: '\F09A'}
.share-links li.twitter a:before {content: '\F099'}
.share-links li.linkedin a:before {content: '\F0E1'}
.share-links li.google a:before {content: '\F0D5'}

/* Contacts */
.contact {margin-bottom: 20px; float: left; width: 100%;}
.contact h3 {font-weight: 600;}
.contact p {margin-bottom: 0;}

/* Google Map */
#google-map {display: none;}

/* Blog listing (homepage) */
.blog .articles {width: 100%; overflow: hidden; padding-top: 20px;}
.blog .item {width: 100%; margin-bottom: 25px; overflow: hidden; margin-top: 0 !important;}
.blog .item .image {margin-bottom: 10px; width: 100%; display: block;}
.blog .item .image img {width: 100%;}

.alternate-side.light .s4 {
	float:right;
}

.alternate-side-2.dark .s4 {
	float:right;
}

h3 a, .h1 a {
	font-weight: 300;
}

.years-nav {
	background: #104875;
}

.years-nav ul {
	width: auto;
	float: right;
        margin-right: -1em;
}


/* NEW DEGREE SHOW PAGE */
.degree-show-contact {
	margin-bottom: 16px;
}
.degree-show-contact p {
	margin-bottom: 0;
}

.flex-container{
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56%;
}
.flex-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (min-width: 767px) {
.years-nav ul {
        margin-right: -1em;
}
}

.right-nav-container {
	float:right;
}

.years-nav ul li {
	float: right;
}

.years-nav ul li a {
	color: #FFF;
	padding: 20px 18px;
	display: block;
}

.years-nav ul li.selected a {
	text-decoration: underline;
}

.years-nav ul li a:hover {
	color: #FFF;
	background-color: #51504f;
	text-decoration: none;
}


#nav-secondary {
	margin-top:30px;
	margin-bottom:0;
}

@media only screen and (min-width: 767px) {
	#nav-secondary.reverse li {
		float:left;
	}
}

.year-heading {
	display: table;
}

.year-heading h1 {
    font-weight: 300;
	text-align: left;
	display: table-cell;
	background-color: #2a5887;
	color: #FFF;
	font-size: 1.2em;
	line-height: 25px;
    padding:15px;
}

.year-heading h1 a {
	color:#FFF;
}

.small-box {
	background-color:#FFF;
}

.small-box img {
	height: 100%;
	width: 100%;
}

@media only screen and (min-width: 767px) and (max-width: 1400px) {
	.small-box img {
		height: auto;
	}
}

@media only screen and (min-width: 767px) {
	.small-box h2 {
		font-size:1.5em;
		line-height: 25px;
	}
	.small-box .text {
		padding:15px;
	}
	.small-box p.info {
		font-size:12px;
	}
	.year-heading h1, .small-box h2 {
		font-size: 1.2em;
	}
}

@media only screen and (max-width: 766px) {
	.year-heading h1 {
		font-size: 1.5em;
		line-height: 1.2;
		padding: 30px;
	}
}

/* Media queries */
/* --------------------------------------------------------------------------------------------- */

/* Medium */
@media only screen and (min-width: 767px) {

	/* body {font-size: 0.95em;} */

	.hide-il-desktop:last-child { display: none; }

	.more-link {margin-right:20px}

	.page-header .page-title {float: left; font-size: 2.9em; margin-bottom: 0.3em;}

	.header .navigation {overflow: visible;}
	.header .branding { padding: 50px 45px 30px; }

	.logo.site-logo {width: 270px; height: 38px; background-image: url('http://www.bruneldigital.net/images/uploads/site-logo-rebrand.png'); margin-top: 15px;}
	.logo.site-logo { background-image: url('images/uploads/site-logo-rebrand.png');background-size:70% auto;}
	.logo.university-logo {display: block; width: 160px; height: 60px; background-image: url('http://www.bruneldigital.net/images/uploads/university-logo.png'); text-indent: -9999px; background-repeat: no-repeat; float: right;}
	.svg .logo.university-logo { background-image: url('images/uploads/union.png');background-size:100% auto;}

	/* Main navigation */
	nav {display: block; width: 100% !important; position: static; overflow: visible !important;}

	#nav-toggle {display: none;}

	#nav-primary {float: left; width: auto; padding-left: 20px;}
	#nav-primary li {width: auto; position: relative;}
	#nav-primary li:hover a.selected {text-decoration: none;}
	#nav-primary li:hover {background-color: #51504f;}
	#nav-primary li ul {display: none; position: absolute; z-index: 9999; top: 61px; width: 230px; background-color: #51504f; padding-left: 0;}
	#nav-primary li:hover ul {display: block; height: auto; opacity: 1;}
	#nav-primary li ul li {display: block; width: 100%;}
	#nav-primary li ul li a {padding: 13px 17px;}
	#nav-primary li ul li:hover {background-color: #696866;}
	#nav-primary li a {padding: 20px 14px;}
	#nav-primary li.has-subnav a:after {display: none;}

	#nav-social {float: right; border-top: none; width: auto; margin-top: 0; padding-top: 0; margin-right: 20px;}
	#nav-social li a {padding: 17px 10px 16px 10px;}
	#nav-social li a:hover {background-color: #51504f;}

	/* Secondary navigation */
	#nav-secondary {display: block; float: right; padding: 20px 0;margin:0;}
	#nav-secondary li {display: block; float: left; margin-left: 20px; height: 100%; line-height: 100%;}
	#nav-secondary li a {display: block; padding-bottom: 3px;}
	#nav-secondary li.selected a {border-bottom: 1px solid;}

	/* Footer */
	.footer p {margin-bottom: 0.2em;}
	#nav-footer li {width: auto; float: left; margin-right: 15px;}

	.sitemap {display: block; /*background-color: #104875;*/background-color: #2A5887;}
	.sitemap .column {width: 23%; margin-left: 45px; float: left;}
	@media screen and (max-width: 1334px) {
		.sitemap .column {width: 20%; }
	}
	.sitemap .column:first-child {margin-left: 0;}
        .sitemap .column:last-child {margin-right: -45px;}
	.sitemap .column .h3 {margin-bottom: 0.5em;}
	.sitemap .column .h3 a {font-weight: 300;color: #fff;}
	.sitemap .column li {margin-bottom: 0.3em;}
	.sitemap .column li a {color: #fff;}

	/* Back to top link */
	.top-link {display: none;}

	/* Hovers */
	.hover .text p.info {display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

	/* Arrows */
	.arrow-right, .arrow-left {position: relative; z-index: 999; overflow: visible !important;}
	.arrow-right:before {content:''; display: block; position: absolute; right: -29.5px; top: 20%; width: 0; height: 0; border-top: 30px solid transparent; border-left: 30px solid transparent; border-bottom: 30px solid transparent;}
	.arrow-left:before {content:''; display: block; position: absolute; left: -29.5px; top: 20%; width: 0; height: 0; border-top: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid transparent;}
	.dark .arrow-right:before {border-left-color: #e6e6e6;}
	.dark .arrow-left:before {border-right-color: #e6e6e6;}
	.light .arrow-right:before {border-left-color: #f5f5f5;}
	.light .arrow-left:before {border-right-color: #f5f5f5;}

	/* Masonry */
	.masonry-item {height: auto;overflow:hidden;}

	/* Tiles */
	.tile.s-alt {background-color: #2a5887;}
	.tile.m-alt {background-color: #104875;}

	/* Images sizing */
	.image img {width: 100%;}
	.m2.image {max-height: 350px; overflow: hidden;}

	/* Google Map */
	#google-map {width: 100%; height: 100%; display: block; min-height: 600px;}
	#google-map img {max-width: none; max-height: none;}

	/* Blog */
	.blog .articles {padding-top: 30px;}
	.blog .h1 {margin-bottom: 0;}
	.blog .item {width: 31%; margin-left: 3.5%; float: left; margin-bottom: 0;}
	.blog .item:first-child {margin-left: 0;}

}

/* Vimeo */
.video-container { 
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin: 50px auto;
	margin-bottom: 15px;
	overflow: hidden;
}
.video-container-slim { 
       margin-top:0;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.meta-sidebar {
	background:#F5F5F5;
}

.row-with-sidebar .work-left {        
	background-color: #E6E6E6;
}

.meta-sidebar h3 {
	color: #104875;
	color: #104875;
	margin-bottom: 5px;
	font-weight: 600;
	margin: 0 0 5px 0;
	font-size: 17.6px;
}

.meta-sidebar .cat-tags a {
	display: inline-block;
	color: #5A5A5A;
	padding: 2px;
	margin: 2px;
	background-color:#E6E6E6;	
	font-size: 17.6px;
	font-style: italic;
}

.meta-sidebar .cat-tags a:hover {
	background: #E6E6E6;
	color: #5A5A5A;
}

.meta-sidebar-inner {
	padding: 18px;
}

h2.category-title {
	color: rgb(255, 255, 255);
	float: left;
	margin-top: 20px;
	margin-bottom: 0;
	font-size: 17.6px;
	font-weight: 600;
}

.fancybox-skin {
        padding:0 !important;
}

span a:last-child .comma {
	display:none
}

/* Large */
@media only screen and (max-width: 1100px) {

	.row > .masonry-min { min-height:325px; }

	body {font-size: 1.1em;}

	/* Header */
	.header .branding {padding: 32px 45px;}

	/* Navigation */
	#nav-primary {padding-left: 25px;}
	#nav-primary li a {padding: 20px 18px;}
	#nav-primary li ul {top: 64px;}

	#nav-social li a {padding: 16px 18px;}

	/* Hovers */
	.hover .text p {display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

	/* Contacts */
	.contact {width: 47%; margin-right: 6%;}
	.contact:nth-child(2n+1) {margin-right: 0;}
	.pad-in-height-ow {
		overflow: hidden;
		height: 236px;
	}
	.tweet {
		min-height: 326px;
	}
}

@media only screen and (max-width: 766px) {
	.item {clear:both;}
	#nav-secondary {
		margin-left: 0 !important;
		list-style: none;
		margin-top: 5px;
	}
	h2.category-title {
		margin-bottom: 20px;
		clear: both;
	}
        .years-nav, .row.page-header {margin-bottom:0;}
}

.project-title {
	font-weight: 600;
}

.work-excerpt {
	color: #2A5887;
	font-weight:bold;
}

.work-excerpt-student {
	font-weight: normal;
	font-style: normal;
}

.work-excerpt-student a {
	color: #5A5A5A;
	font-weight: normal;
	font-style: italic;
	text-decoration: underline;
}

.fancybox-image {
	max-width: 1300px !important;
}

.slide img {
	width:100%;
	height: auto;
	display: block;
}

.c-occupation {
	font-style:italic;
}

@media only screen and (min-width: 1100px) {
	.more-link-custom-1 {
		width:170px;
	}
}

.info-meta {
	font-weight: bold;
}

.inner-box {
	overflow:hidden;
        position:relative;
}

#fancybox-thumbs.bottom ul {
	left: auto !important;
	display: table;
	margin: auto;
	width: auto !important;
}

#fancybox-thumbs.bottom li {
	float: none;
	display: table-cell;
}

@media only screen and (max-width: 766px) { 
	.row { margin-bottom: 0; }
	.tweet-follow-button { clear: both;float: left; }
	.image-full { width: 100%; }
	.page-header .page-title {margin-bottom: 0.4em;}
}

@media only screen and (min-width: 1100px) and (max-width: 1220px) {

.year-heading h1, .small-box h2 {
    font-size: 14px!important;
	line-height: 18px!important;
}	
}

@media only screen and (min-width: 1220px) {

.year-heading h1, .small-box h2 {
    font-size: 16px!important;
	line-height: 18px!important;
}	
}
@media only screen and (min-width: 767px) {
. row-last-item > div:last-child {
display:none;
}
}
.inner-offset {
margin: 0 1.5em;
}
@media only screen and (min-width: 767px) {
.inner-offset {
margin: 0 2.5em;
}
}


/* Cookies consent */
/* --------------------------------------------------------------------------------------------- */

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;-ms-grid-row-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
.cc-color-override--2142990394.cc-window {
    color: rgb(255, 255, 255);
    background-color: rgb(35, 122, 252);
}
.cc-btn { border-color:#FFF;color:#FFF; }
a.cc-link, a.cc-link:visited, a.cc-link:active, a.cc-link:hover, a.cc-link:focus { color: #FFF;}
.cc-window {
    font-family:"Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
    display:none
}
.cc-color-override--2142990394.cc-window {
    background-color: #2a5887;
}
.cookie-info-unread .cc-window{ display:flex }
a.cc-btn:hover{ background-color: #FFF; border-color: #FFF; color: #2a5887;}