/*
Theme Name: UCL Engineering custom theme For UCL
Theme URI: http://www.hype.co.uk/
Author: Hype!
Author URI: http://www.hype.co.uk/
Description: April 2014
Version: 2.0
License: n/a
License URI: 
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready


	Reset default browser CSS. 
	Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
	License: none (public domain)
*/


/*
New Helvetica fonts:
font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;
font-family:'Helvetica W01 Italic';
font-family:'Helvetica W01 Bold', helvetica, arial, sans-serif;


replacing:
font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;
Futura
*/


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;
}
div.two-box.news-left img, div.two-box.news-left div {
	max-width: 100% !important;
	height: auto;
}

div.two-box.internship-left img, div.two-box.internship-left div {
	max-width: 100% !important;
	height: auto;
	float: left;
}


strong {
	font-family: 'Helvetica W01 Bold', helvetica, arial, sans-serif;
}


*/



/*
	Typography
*/
@font-face {
    font-family: 'futuraLight';
    src: url('fonts/16017_futural-webfont.eot');
    src: url('fonts/16017_futural-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/16017_futural-webfont.woff') format('woff'),
         url('fonts/16017_futural-webfont.ttf') format('truetype'),
         url('fonts/16017_futural-webfont.svg#futura_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futuraBook';
    src: url('fonts/futura_bk_bt_book-webfont.eot');
    src: url('fonts/futura_bk_bt_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futura_bk_bt_book-webfont.woff') format('woff'),
         url('fonts/futura_bk_bt_book-webfont.ttf') format('truetype'),
         url('fonts/futura_bk_bt_book-webfont.svg#futura_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futuraBold';
    src: url('fonts/futura_maxi_cg_bold-webfont.eot');
    src: url('fonts/futura_maxi_cg_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futura_maxi_cg_bold-webfont.woff') format('woff'),
         url('fonts/futura_maxi_cg_bold-webfont.ttf') format('truetype'),
         url('fonts/futura_maxi_cg_bold-webfont.svg#futura_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;
}




body {
	/*background: #eeeeee;*/
	background: #d9d9d1;
	font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	/* padding: 0 8px; */
	padding: 0;
}


h1, h2, h3, h4, h5, h6 {
	font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;
	/* font-family: futuraBook; */
	font-weight: 500;
	line-height: 1.15em;	
	margin-bottom: 0.7em;
}
h1 {
	font-size: 2.2em;
}
h2 {
	font-size: 1.9em;
}
h3 {
	font-size: 1.6em;
	line-height: 1.25;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 0.9em;
}


p{
	margin-bottom: 1em;
	font-size: 13px;
	line-height: 1.4;
}

#page {
	margin: 0 auto;
	padding: 0 8px;
	/* max-width: 995px; */
	max-width: 1200px;
	clear: both;
}

/* 
	HEADER
*/
#branding {
	background:#ffffff;
	position: relative;
	z-index: 2;
	height:105px;
	padding:1px 0 0 0;
	overflow:hidden;
}
#ucl-main-logo {
	display:block; 
	width:140px; 
	margin:64px 0 0 0; 
	float:right;
}
#ucl-main-logo img{
	/* width: 100%; */
	height: auto;
}	
#headerlogo {
	display:block; 
	width:160px; 
	float:left;
}
#headerlogo a {
	display:block;
	margin:20px 10px;
	line-height:1em;
	font-weight:700;
	color:#000;
	text-decoration:none;
	width:200px;
	/* font-family: 'Helvetica W01 Bold', helvetica, arial, sans-serif; */
	font-size: 19px;
	font-family: Arial, sans-serif;
}
#headerlogo span {
	color:#58585A; 
}
#headerlogo a:hover { 
	text-decoration:none;
}
#site-title {
	margin-right: 270px;
	padding: 3.65625em 0 0;
}
#site-title a {
	color: #111;
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #1982d1;
}
#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 270px 3.65625em 0;
}
#branding img {
	height: auto;
	position: relative;
	left: 1px;
}
#branding .logo {
	margin:20px;
}


/*
	Accessibility
*/

#skip a {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
#skip a:focus {
position:static;
width:auto;
height:auto;
} 




/* 
	SLIDES
*/
#slides {
	height: 435px;
	width: 100%;
	overflow: hidden;
	 background: black; 
	margin: 8px 0 10px 0;

}
.slide,
.slidesjs-control,
.slidesjs-container{
	height: 435px !important;
}
.slidesjs-navigation{
	display: none !important;	
}
.slidesjs-pagination{
	display: none;
}
 
#slides .slide {
	background-size: 120%;
	background-repeat: no-repeat;
}
#slides .slide a,
#slides .slide {
	display: block;
	width: 100%;
	max-height: 435px;
	color: white;

}
#slides .info{
	width: 90%;
	float: right;
	margin-top: 168px;
	padding: 15px 5%;
	background: rgba(1,1,1,0.7);
	height: 205px;
	position: relative;
	top: 31px;


}
#slides .info h2 {
	text-transform: uppercase;
}
#slides .info h3 {
	font-size: 1.6em;
	padding-bottom: 25px;
	border-bottom: 1px solid white;
}
#slides .info span {
	/*color: #FF0000;*/
	color: #FF8000;
}
#slides .info p {
	display: none;
}




/* 
	Boxes
*/
#boxes, .boxes {
	width: 100%;
	margin-left: 0; /* 15px */
}
.box, .grid-sizer {	
	float: left;
	margin: 0 0 10px 0%;
}

.one-box {
	width: 100%;
}
.box .inner {
	display: block; 
	width: 80%;
	padding: 10%;
	background: url(images/paper-texture-bg.png) white;
}
.single-department .box .inner {
	background: url(images/paper-texture-bg.png);
}
.box .social {
	display: block;
	width: 80%;
	padding: 10%;
	background: url(images/paper-texture-bg.png) white;
	/* height: 110px;  */
	height: 80px
}
.box .tight {
	width: 90%;
	padding: 5%;
}
.video .thumb {
	width: 100%;
}
.video .btn {
	background: url(images/video-btn.png) no-repeat center center;
}

.box .taught-differently {
	/* background: url(images/taught-differently-bg.jpg) no-repeat center top;  */
	padding: 289px 0 0 0;
	position: relative;
	min-height: 259px;
	width: 100%;
}
.box .taught-differently h3{
	font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-size: 1.2em;
	color: white;
}
.box .taught-differently h3 a{
	color: white;
	font-size: 0.9em;
	margin-left: 10px
}
.box .taught-differently h3 a:hover{
	color: #FF7F00;
}
.box .taught-differently a.readmore, .welcomenote a {
	color: #FF0000;
	color: #FF7F00;
}
.box .taught-differently a{
	color: #FF7F00;
}
a:hover, .box a:hover, .box.video a:hover, .item-text p a:hover,
.box.insights-and-news p a:hover,
.news-content a:hover,
.box.video a:hover,
.box.taught-differently a:hover {
	color: black;
}
.box a.more:hover {
	color: white;
}
a .depts-opacity-trick:hover {
	color: #FF7F00;
}
div.left-column-container {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 66.66666%;
	margin-right: 0;
	float: left;
}
.single-department .two-box {
	width: 100%;
	margin-right: 0;
}


input#footer-subscribe-button:hover {
	cursor: pointer;
}

#middle-title {
	/*position:absolute;*/
	padding:0 30px; 
	max-width:270px; 
	width:80%;
	margin:-80px auto 0 auto;
}
a.moretag {
color: #FF7F00;
}
.box.insights-and-news .inner {
	background-color: #FFDFBF;
}
.box .thumb img{
	width: 100%;
	height: auto !important;
}
.box.video .thumb {
	display: block;
	overflow: hidden;
	cursor: pointer
}
.box.video .thumb img{
	display: block;
	position: relative;
	margin-top: -242px;
	z-index: 9;
}
.box.video .thumb .play-btn {
	background: url(images/video-btn.png) no-repeat center center;
	height: 242px;
	width: 100%;
	position: relative;
	z-index: 99;
}
 .play-btn {
	background: url(images/video-btn.png) no-repeat center center;
	height: 242px;
	width: 100%;
	position: relative;
	z-index: 99;
}
.box.video .title, .box.insights-and-news .title, .section-header-title {
	padding: 5px 5%;
	background: white;
	font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;
	/* color: #878787; */
	color: #FF8000;
	/* margin-bottom: 10px; */
	padding-top: 16px;
	margin-bottom: 0px;
	padding-bottom: 16px;
	text-transform: uppercase;
	font-size: 20px;
}
.box.video .title, .box.insights-and-news .title, .internship-header-title {
	background: white;
	font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;
	/* color: #878787; */
	color: #FF8000;
	/* margin-bottom: 10px; */
	padding-top: 16px;
	margin-bottom: 0px;
	padding-bottom: 16px;
	font-size: 20px;
}


.box.insights-and-news .title {
	padding-bottom: 0;
}
.box.video .title {
	/* padding-left: 10%; */
}
.welcomenote .section-header-title {
	padding: 0;
	padding-bottom: 16px;
}

.box.video .more {
	background: url(images/grey-texture-bg.png) #474747;
	color:white;
	display: block;
	width: 90%;
	padding: 5%;
	cursor: pointer;
}
.box.video .more h4 {
	font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-size: 1.1em;
}
.box.video .more .fa-chevron-right {
	background-color: #FF8000;
	border-radius: 10px;
	display: block;
	float: right;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 20px;
	margin-top: -4px;
}
.box.employers {
	/* 	width: 100%; */
	/* background: url(images/employersbg.gif) #474747; */
}
.box.employers img {
	width: 100%;
	height: auto;
}
.social ul li {
	width: 50%;
	float: left;
	margin-bottom: 5px;
}
.social ul li a{
	text-decoration: none;
	color:black;
	font-weight: 900;
}
.box.social ul li span{
	line-height: 24px;
}
.social ul li .fa{
	height: 24px;
	width: 24px;
	margin-right: 5px;
	display: block;
	background-color: #4D4D4D;
	border-radius: 12px;
	color: white;
	float: left;
	clear: left;
}
.social ul li a:hover {
	color: #FF8000
}
.social ul li a:hover > .fa{
	background-color: #FF8000 
}
.social ul li .fa:before{
	display: block;
	text-align: center;
	padding-top: 5px;
}
.social .inner {
	width: 92%;
	padding: 20px 0 20px 8%;
	background-color: transparent;
}
.box.twitter .inner {
	padding: 5% 5% 2% 5%;
	width: 90%;
	background: #FF8000
}
.box.twitter h5 a {
	color: white; 
	text-decoration: none;
	font-weight: 900;
}
.box.twitter h5 .fa {
	height: 20px;
	width: 20px;
	float: right;
	display: block;
	background-color: black;
	border-radius: 10px;
	color: white;
}
.box.twitter h5 .fa:before{
	display: block;
	text-align: center;
	padding-top: 3px;
}
.twitter-news-box-header a {
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
}
#twitterfeed li {
	margin-bottom: 15px;
	color: white;
	font-size: 1.2em;
	line-height: 1.25em;
	font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-weight: 900;
}
#twitterfeed li a {
	color:white;
	font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-weight: 100;
}
.tweet-date, .tweet {
	font-size: 15px;
	line-height: 1.2;
}
.tweet-date {
	margin-top: 10px;
}
.box.insights-and-news .header {
	color: black;
	font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-weight: 500;	
	font-size: 1em;
	text-decoration: none;
	display: block;
	margin-bottom: 3px;
}
.box.insights-and-news span {
	/* font-family: futuraBook; */
	font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-size: 0.95em;
	display: block;
	margin-bottom: 8px;
}
.box.insights-and-news p a, .news-content a, .box.video a, .box.taught-differently a {
	/* color: #ff0000; */
	color: #FF7F00;
}
.box.insights-and-news h5 {
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,sans-serif; 
	/*font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;*/
	color:#444444; 
	font-size: 16px;
	/* color: #000000;*/
	/* font-size: 1.0em;*/
	text-transform: uppercase;
	margin-bottom: 1.0em;
}
.box.insights-and-news .item:first-child {
	/* border-bottom: 2px solid #DDA97C; */
	margin-bottom: 15px;
	padding-bottom: 0px;
}
.microsite-news .box.insights-and-news .item:first-child,
.microsite-news .box.insights-and-news .item p:last-child {
	margin-bottom: 0;
}
.list-selector-views, .list-selector-views a {
	color: #FF8000;
	text-decoration:none;
	/* font-family: futuraBook; */
	font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-weight: 500;
	font-size: 17px;
	text-align: right;
	text-transform: uppercase;
}
.list-selector-views {
	position: absolute;
	float: right;
	right: 20px;
	top: 30px;
}
.feeds-filter.list-selector-views {
	z-index: 99888888888;
	/* top: 84px; */
	top: 30px;
}
/*
.events-archive .box.project:hover {
	background: #000000;
}
*/
.upcoming-events-box a {
	/*
	color: #FF7F00;
	font-weight: bold;
	font-family: 'Helvetica W01 Bold', helvetica, arial, sans-serif;
	*/
	color: #666666;
	font-family: futuraBook, arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
}
.upcoming-events-box .single-event {
	margin-bottom: 7px;
}
.upcoming-events-box .single-event:last-child {
	margin-bottom: 0;
}
.research-dept-email p {
	margin-bottom: 0;
}


/* RSS Feed Page */
.page-template-default .nav-links {
	margin-top: 33px;
}
.page-id-6769 .news-content ul li {
	margin-bottom: 13px;
}
.page-id-6769 .news-content ul {
	list-style: none;
	margin-left: 0;
}
.page-id-6769 .feed-item a {
	font-size: 15px;
	text-decoration: none;	
}
/* //-RSS Feed Page */



/* Nav top bar */
#top-bar {
	background: #444444;	
	height: 45px;
	color: #fff;
	padding: 0 8px;
}
.single-department #top-bar {
	z-index: 9;
	position: relative;
}
#top-bar .wrapper {
	margin: 0 auto;
	max-width: 1200px;
}
#top-bar .top-bar-links {
	float: left;
}
#top-bar .top-bar-links ul {
	margin-top: 14px;
	margin-left: 10px;
	position: relative;
}
#top-bar .search-bar {
	float: right;
	margin-top: 8px;
}
#top-bar .top-bar-links ul li {
	float: left;
	padding-right: 10px;
	margin-right: 30px;
	font-size: 16px;
	height: 31px;
}
#top-bar .top-bar-links ul li a {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}
/* //- Nav top bar */



/* Second tier menu dropdown  */
#access .nav-menu ul {
	margin-left: 10px;
	margin-top: 7px;
}
#access .nav-menu ul li {
	float: left;
	padding-right: 10px;
	margin-right: 22px;
	padding-top: 2px;	

font-size: 15px;
color: #444;
	height: 31px;
	text-transform: uppercase;
	font-family:'Helvetica W01 Bold', helvetica, arial, sans-serif;
	font-family: Arial, sans-serif;
}
#access .nav-menu ul li ul li,
#access .nav-menu ul li ul li ul li {
	font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-family: Arial, sans-serif;
}
#access .nav-menu ul li a:hover {
	/* color: #FF7F00; */
	cursor: pointer;
}
#access .nav-menu ul li ul {
	display: none;
	position: absolute;
	margin-left: -10px !important;
}
#access .nav-menu ul li:hover ul,
#access .nav-menu ul li:focus ul,
#access .nav-menu ul li:active ul {
	display:block;
	z-index: 9;
	width: 196px;
}
#access .nav-menu ul li:hover ul li,
#access .nav-menu ul li:focus ul li,
#access .nav-menu ul li:active ul li {
	display: block;
	float: none;
}
#access .nav-menu ul li ul li {
	width: 195px;
	/*background: #888888;*/
	/*border-bottom: 1px dotted #111;*/
	/*border-bottom: 1px dotted #777;*/
	background: rgba(1,1,1,0.7);
	height: 40px;
}
#access .nav-menu ul li:hover ul li a,
#access .nav-menu ul li:focus ul li a,
#access .nav-menu ul li:active ul li a {
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.8em;
	text-decoration: none;
}
#access .nav-menu ul li ul li a {
	width: 185px;
	height: 25px;
	padding: 0 10px;
	/*padding-top: 3px;*/
	padding-top: 8px;
	display: block;
}
#access .nav-menu ul li ul li:hover,
#access .nav-menu ul li ul li:focus,
#access .nav-menu ul li ul li:active {
	cursor: pointer;
	/*background: #444444;*/
	background: rgba(234,118,0,0.95);
}
/* //- Second tier menu dropdown  */




/******* PROJECTS ARCHIVE */
#tribe-events-pg-template {
	padding: 0;
}
h2.tribe-events-page-title {
	margin-top: .5em !important;
}
#tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, .tribe-bar-views-inner, #tribe-bar-form {
	background: transparent !important;
}
#tribe-bar-form {
	position: absolute;
	top: -1px;	
}
#tribe-bar-form #tribe-bar-views, #tribe-bar-form #tribe-bar-views a {
	color: #ff8000;
	font-size: 14px;
}
#tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a {
	/* background: #e0e0e0 !important; */
}
#tribe-bar-form .tribe-bar-views-inner label{ 
	font-size: 14px;
}
#tribe-bar-form #tribe-bar-views {
	float: right !important;
	left: inherit;
}
.tribe-events-event-meta a {
	color: #FF8000
}
a.addthisevent-drop {
	position: absolute;
	/*
	top: 13px;
	right: 8px;
	*/
	left: 0;
	padding-left: 5%;
	/* bottom: 186px; */
	/* top: 90px; */
	bottom: 2px;
	top: 88.5%;
	background: none;
	/* background: url(http://addthisevent.com/gfx/icon-calendar-t1.png) no-repeat 9px 50%; */
	border: 0;
}
a.addthisevent {
	position: absolute;
	left: 0;
	bottom: 2px;
	top: 88.5%;
	padding-left: 5%;
	background: none;
	border: 0;
}
a.addthisevent-drop:hover p.date {
	color: #FF8000;
}
.box.project h2 {
	width: 84%;
}
.box.project a.addthisevent-drop:hover {
	/* background: url(http://addthisevent.com/gfx/icon-calendar-t1.png) no-repeat 9px 50%; */
	background: none;
	border: 0;
	color: black;
}
.addthisevent-drop:active {
	/* top: 82px !important; */
	/* top: 75px !important; */
	/* bottom: 156px !important; */
	top: 88.5% !important;
	top: auto;
}
.tribe-events-page-template .inner.tight img {
	padding-bottom: 20px;
}

.filter-bar {
	/*background: url(images/grey-texture-bg.png) #474747;*/
	background: black;
	padding: 17px;
	margin: 5px 0;
	position: relative;
}
.filter-bar h1 {
	color: white;
	text-transform: uppercase;
	margin: 0;
}
.archive-filter-bar {
	background: url(images/grey-texture-bg.png) #474747;
	padding: 17px;
	margin: 5px 0;
	position: relative;
}
.archive-filter-bar h1 {
	color: white;
	text-transform: uppercase;
	margin: 0;
	float: left;
}
.page-id-6746 #news-header {
	margin-bottom: 6px;
}
.post-type-archive-project .filter-bar h1{
	float: left;
}
#project-filters {
	color: #FF8000;
}
.researchSelect {
	position: absolute;
	z-index: 9999999;
	right: 8px;
}
.filter-wrap {
	position: relative;
}
.department-relative {
	position: relative;
}
.department-relative.filter-line-up {
	top: 3px;	
}
#project-filters h4 {
	text-transform: uppercase;
	color: #FF8000;
	margin: 7px 0 5px 10px;
	cursor: pointer;
	text-align: right;
}
#project-filters h4 a {
	color: #FF8000;
	text-decoration: none;
}
.box.project h2 {
	/* font-family: futuraBold; */
	font-family:"Helvetica W01 Bold",helvetica,arial,sans-serif;
	color: #FF8000;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1.25;
}
.post-type-archive-department .box.project {
	/* height: 286px; */
}
.post-type-archive-department .box.project a {
	vertical-align: bottom;
}
.post-type-archive-department a.inner.tight {
	/* height: 254px; */
}
.post-type-archive-department .inner.tight h2 {
	font-size: 17px;
}
.events-list .box.project {
	/* height: 270px; */
}

.post-type-archive-news .box.project h2, .post-type-archive-project .box.project h2, .post-type-archive-events .box.project h2 {
	line-height: 1.25;
	margin-bottom: 4px;
}
.box.project h3 {
	/* font-family: futuraBold; */
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,sans-serif;
	color: #444;
	font-size: 13px;
	margin-bottom: 6px;
}
.post-type-archive-news .box.project h3, .post-type-archive-project .box.project h3, .post-type-archive-events .box.project h3 {
	line-height: 1.25;
}
.box.project .date {
	font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;
	color: black;
	font-size: 12px;

}

a.addthisevent {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}


.box.project img {
	width: 100%
}
.box.project a {
	text-decoration: none;
}
.latest-news-read-more {
	margin: 7px 0 0 0;
}
.latest-news-box {
	margin: 0 0 10px 0%;	
}		
.single-department .latest-news-box {
	margin: 10px 0 10px 0%;
}
.zedo {
	z-index: 1;
}
.box.project a:hover {
	background: black;
	 -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
.box.project a:hover > .date,
.box.project a:hover > h3, 
.post-type-archive-video .box.project a:hover > p a,
.post-type-archive-video .box.project a:hover > p, 
.post-type-archive-news .box.project a:hover > p, 
.post-type-archive-news .box.project a:hover > p a,
.events-list .box.project a:hover > .date,
.events-list .box.project a:hover > .date h3 {
	color: white;
}

.box.project:hover {
	background: black;
}
.box.project a.addthisevent-drop:hover p.date {
	color: #FF8000;
}
.box.project a.addthisevent-drop p.date {
	color: #FF8000;
}


.isotope-item:hover { 
	z-index: 10; 
}
.post-type-archive-project div#boxes {
	/* z-index: 2; */
}
ul.researchSelect {
	font-size: 13px;	
	background: #eeeeee;
	padding: 10px;
	border-bottom: 1px solid #474747;
	border-left: 1px solid #474747;
	border-right: 1px solid #474747;
	z-index: 99999;
}
ul.researchSelect a {
	display: block;
	color: #FF7F00;
	text-decoration: none;
	margin-bottom: 5px;
	/* text-transform: uppercase; */
	font-weight: bold;
}

#project-filters a.toggle-trigger:hover {
    /* opacity: .95; */
    text-decoration: none;
}
#project-filters a.toggle-trigger:after {
    content: " +";   
    margin-right: 10px;
    font-size: 1.3em;    
}
#project-filters a.active.toggle-trigger:after {
    content: " -";
    margin-right: 15px;
    margin-left: 5px;
} 
.toggle-content {
	display: none;
}
.toggle-content:active {
	display: block;
}
/* end PROJECTS ARCHIVE *******/


#project-filters a.toggle-no-trigger:hover {
    /* opacity: .95; */
    text-decoration: none;
}
#project-filters a.toggle-no-trigger:after {
    content: " ";   
    margin-right: 10px;
    font-size: 1.3em;    
}
#project-filters a.active.toggle-no-trigger:after {
    content: " ";
    margin-right: 15px;
    margin-left: 5px;
} 









#project .entry-content {
	background: url(images/paper-texture-bg.png) white;
	padding: 20px;
	margin-bottom: 10px;
}



.news-icon {
	display: block;
	float: right;
	height: 20px;
	width: 20px;
	border-radius: 10px;
	background: url(images/news-icon.png) no-repeat black 2px 3px;
	position: relative;
	margin-top: -5px;
}
.svg .news-icon {
	background: url(images/news-icon.svg) no-repeat black 1px 4px;
	background-size: 87%;
}



/* Footer */
#main-footer {
	/* background: #212121;*/
	background: rgba(0,0,0,.7);
	padding: 25px 0;
	color: white;
	clear: both;
}
#main-footer a {
	color: white;
	text-decoration: none;
	/* font-size: 0.8em; */
	/* font-weight: bold; */
	line-height: 2.5;
}
#main-footer .inner-footer {
	padding: 0 8px;
	max-width: 1200px;
	margin: 0 auto;
}	
.footerbox.nav.2-col-footer-nav-container {
	width: 32%;
	margin-left: 3%;
}
input#s, .mailing-list-btn {
	width: 220px;
}
.footerbox.nav.2-col-footer-nav-container li {
	margin-bottom: 2px;
}
a.rssbtn {
	display: none;
}
.alignleft {
	float:left;
	margin-right: 15px;
}
.alignright {
	float:right;
	margin-left: 15px;
}
.alignright .wp-caption-text {
	padding-left: 15px;
	padding-right: 15px;
	font-style: italic;
	font-size: 12px;
}
.alignleft .wp-caption-text {
	padding-right: 15px;
	padding-left: 15px;
	font-style: italic;
	font-size: 12px;
}
.aligncenter .wp-caption-text {
	padding-right: 15px;
	padding-left: 15px;
	font-style: italic;
	font-size: 12px;
}
.alignleft img, img.alignleft, .alignright img, img.alignright, .wp-caption img,
.page-template-single-news-php .news-content img {
	/* border: 6px solid #eeeeee; */
	padding: 0;
}

#footer .tel a {
	color: #FF7F00;
}

#footer-subscribe-button {
	text-align: left;
	border: 0;
	background: #212121;
	color: #ffffff;
	margin:6px 0 0 -6px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	-webkit-appearance: none;
	font-family: Arial, sans-serif;
	font-weight: 100;
}
#searchform input[type="text"] {
	color: #000000 !important;
	border: 0;
	-webkit-appearance: none !important; 
}
form#searchform,
input#searchsubmit {
	/*-webkit-appearance: none !important; */
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 4px;

}
.footer-mailing-list {
	margin:0 0 30px 0; 
	float:left;
	width:155px;
}
.footerbox input[type="text"] {
	height: 16px;
}

.footerbox.nav,
.footerbox.search {
	padding: 15px	
}
.footerbox.search h4{
	margin: 13px 0;
}
div.footerbox.search {
	width: 29%;
	margin-left: 3%;
}
.footerbox.logo {
	/* text-align: center */
}
.footerbox.nav .col {
	width: 45%;
	float: left;
	margin-right: 5%;
}
.assistive-text {
	display: none;
}
#ucl-footer {
	color: #212121;
	padding: 15px;
}
#ucl-footer ul {
	margin-bottom: 10px
}
#ucl-footer li {
	display: inline;
}
#ucl-footer li a {
	color:#212121;
	text-decoration: none;
	font-weight: bold;
	margin-right: 10px
}
#ucl-footer div p {
	font-size: 0.8em;
	margin-top: 4px;
}
input#s {
	/*
	border: 0;
	height: 10px;
	padding: 4px;
	*/
	color: black;
}
input[type="text"] {
	padding: 5px;
	padding-left: 9px;
	height: 18px;
}
input#searchsubmit {
	border: 0;
	background: #ffffff;
	height: 28px;
	/* display: none; */
}
div.newsfeed {
	font-size: 12px;
}
.mailing-email {
	margin-bottom: 7px;
}
.page-id-157 h1 {
	color: #FF7F00;
}



/* Video page */
.post-type-archive-video .date {
	margin-bottom: 15px;
}
.post-type-archive-video .box.project img {
	width: 100%;

}
.post-type-archive-video .play-btn,
.single-video .play-btn {
	height: 166px !important;
	top: -29px;
}
.single-video .play-btn {
	position: absolute;
	top:0;
	/*left:-159px;*/
	left:-229px;
}
.play-btn {
	opacity: 0.7;
}
.post-type-archive-video p a, .post-type-archive-video p, .post-type-archive-news p, .post-type-archive-news p a {
	color: #000000;
}

.post-type-archive-video .play-btn {
	position: absolute;
}

.image-play-button-wrapper {
	position: relative;
}


/* //-Videos page */



/* COLUMN LAYOUT */
.one-column-area {
	/* width: 0.32462312% * 100 */
	width: 32.462312%;
	height: 200px;
}
.two-column-area {
	/* width: 0.66231156% * 100 */
	width: 66.231156%;
}
.one-column-area, .two-column-area {
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.gutter-right {
	/* margin-right: 13px; */
	/* margin-right: 0.013065327% * 100 */
	margin-right: 1.3065326%;
}
.gutter-left {
	/* margin-left: 13px; */
	/* margin-right: 0.013065327% * 100 */
	margin-right: 1.3065326%;
}
/* //-COLUMN LAYOUT */



/* NEWS PAGE */
#news-container {
	width: 995px;
}
#news-left {
	background: #ffffff;
	/* 	float: left; */
}
#news-right {
	background: red;
}
.newer-older div {
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.newer-older {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 25px;
}	
.pagination {
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.pagination li {
	display: inline;	
	margin-right: 3px;
}
.pagination li, .pagination li a, .older a, .newer, .newer a {
	color: #FF7F00;
	font-size: 13px;
	/* font-family: futuraBook; */
	font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-weight: 700;
	line-height: 1.15em;
}
.pagination li a:active, .pagination li:active a {
	color: #000000;
}
/* //-NEWS PAGE */

/* JONS */
.box.box-news-list{
	background: #eeeeee;
	list-style: none;
}
.news-page-list {
text-decoration: none;
list-style: none;
background: #ffffff;
padding:10px 0px;
}

#news-boxes {
	width:101%;
}
.news-text {
	padding:10px 10px 0 10px;
}

.news-text h2, .news-text a   {
background: #ffffff;

color: #FF7F00;
text-transform: uppercase;
font-size: 15px;
line-height: 17px;
font-weight: bold;
text-decoration: none;
}
.news-date {
	font-size: 10px;
	padding:0 10px;
}
.news-box-image img {
	width:100%;
	height:auto;	
}
.news-box-image {
	max-height: 170px;
	overflow: hidden;
	margin: 0 10px;
}

.wp-caption {
	/* display: inline; */
	background: #eee;
	font-style: italic;
	margin-bottom: 15px;
	border: 6px solid #eeeeee;
	font-size: 12px;
}
div.two-box.news-left .wp-caption img {
	/* padding-left: 15px; */
	margin-bottom: 10px;
}
.single-news div.two-box.news-left .wp-caption img {
	padding-left: 0;
}

.news-content ul {
	list-style: inherit;
	margin-left: 20px;
}


.news-content ul li {
	margin-bottom: 5px;
}

/* Generic page template */
.page-template-page-php h1 {
	font-size: 2.4em;
	text-transform: uppercase;
	color: #FF7F00;
}
/* //-Generic page template */


/* Department page */
.single-department .left-column-container .research-projects-h3 {
	margin-right: 0;
	width: 96%;
}


/* //-Department page */

/* Internship page */

.internship-single-right-content {
	float: left;
}
.internship-single-img {
	margin-bottom: 10px;
	float: right;
	padding-top: 7px;
}
.apply-now-button {
	margin-bottom: 10px;
	float: right;
	background: #FF7F00 none repeat scroll 0% 0% !important;

}
.apply-now-button-header a {
	font-size: 16px;
	color: #FFF;
	font-family: "Helvetica W01 Roman",helvetica,arial,sans-serif;
	font-weight: 500;
	padding: 10px;
	line-height: 24px;
}



/* People page */
.single-people i.fa.fa-linkedin{
	margin-right: 10px;
}
.single-people i.fa.fa-user{
	margin-right: 10px;
}
.single-people i.fa.fa-twitter{
	margin-right: 10px;
}
.single-people i.fa.fa-envelope {
	margin-right: 15px;
}
.single-people i.fa.fa-home {
	margin-right: 12px;
}
.single-people i.fa.fa-phone {
	margin-right: 12px;
}
.single-people .person-single-img {
	margin-bottom: 10px;
	float: right;
	padding-right: 30px;
	padding-top: 7px;
}
.person-single-right-content {
	float: left;
}
.person-single-right-content p {
	margin-bottom: 0.5em;
}
.single-people .news-left {
	width: 100%;
	clear: both;
}
.single-people .person-bottom-section {
	clear: both;
	padding-top: 15px;
}
.extension-mobile-label {
	display: none;
}
.people-h1 h1 {
	font-size: 2.4em;
	text-transform: uppercase;
	color: #FF7F00;	
}
.taxonomy-header {
	/* font-family: futuraBook; */
	font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-weight: 500;
	line-height: 1.15em;
	margin-bottom: 0.7em;
	font-size: 17px;
	text-transform: uppercase;
	color: #FF7F00;
	margin-top:54px;
}
.row-headings {
	font-weight: bold;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	padding: 6px 0;
}
.person-container {
	border-left: 2px solid #999;	
	border-right: 2px solid #999;	
	border-bottom: 1px solid #999;
	border-top: 2px solid #999;
}
.person-container .taxonomy-header:first-child {
	margin-top: 22px;
}
.person-container h2 { 
	padding-left: 8px;
}
.person {
	border-bottom: 1px solid #999;
	padding: 6px 0;
}
.person:nth-child(2n) {
	background: #f1f1f1;
}
.people-row1, .people-row2, .people-row3, .people-row4, .people-row5, .people-row6 {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
}
.people-row1 {
	/* width: 28.888%;*/
	 width: 34%;
	padding-left: 1%;
}
.people-row2 {
	/* width: 20.333%; */
	width: 21%;
}
.people-row3 {
	width: 12%;
}
.people-row4 {
	/*width: 7.333%;*/
	width: 8%;
}
.people-row5 {
	/* width: 23.444%;*/
	width: 20%;
	min-width: 182px;
}
.people-row6 {
	/* width: 23.444%;*/
	width: 60%;
	min-width: 182px;
}
.rows-1-and-2, .rows-3-to-5 {
 display: inline;	
}
.row-headings, .person {
	display: block;
}
.page-id-157 table, .comment-content table {
	border-bottom: 1px solid #999;
	width: 100%;
}
.page-id-157 h2.heading {
	padding-top: 1em;	
	margin-bottom: 0.4em;
}
.page-id-157 td, .comment-content td {
	border-top: 1px solid #999;
	padding: 6px 10px 6px 6px;
}

.page-id-157 .footer-mailing-list td {
	border-top: 0;
	padding: 0;
}
.page-id-157 table.footer-mailing-list {
	border-bottom: 0;
}

.silvatable .even {
	background: #f1f1f1;
}
.page-id-157 h3, .comment-content h3 {
	font-size: 15px;
	letter-spacing: 0.1em;
	line-height: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 30px;
}
@media (max-width: 768px) {
	.single-person #news-container {
		margin-top: 48px;
	}
}
/* //-People page */


/* Contact page */
.page-id-256 .tight {
	line-height: 1.5em;
}
/* //-Contact page */


/* Search results page */
.search-no-results .news-left {
	width: 100%;
}
.search-results h2 a,
.search-results h2 a:visited {
	color: #FF8000;
	text-decoration: none;
}
.search-results h2 {
	margin-bottom: 7px;	
}
.search-result-indiv {
	margin-bottom: 30px;
}
.search-results .nav-previous a,
.search-results .nav-next a {
	color: #FF8000;	
}
.search-results nav#nav-below {
	margin-top: 50px;
}
.search-results h1.page-title {
	margin-bottom: 35px;
}
.search-results .nav-previous {
	float: left;
}
.search-results .nav-next {
	float: right;
}
.search-results #main-footer {
	clear: both;
}
/* //- Search results page */




/* Third tier menu */
#access .nav-menu ul li:hover ul.sub-menu li ul.sub-menu {
	display: none;
}
#access .nav-menu ul li ul.sub-menu li:hover ul.sub-menu {
	display: block
}
#access .nav-menu ul li  ul.sub-menu li {
	position: relative;
}
#access .nav-menu ul li  ul.sub-menu li  ul.sub-menu {
	left: 20px;
	top: 2px;
}
#access .nav-menu ul li  ul.sub-menu li  ul.sub-menu,
#access .nav-menu ul li  ul.sub-menu li  ul.sub-menu li,
#access .nav-menu ul li  ul.sub-menu li  ul.sub-menu li a {
	/* width: 275px; */
	width: 307px;
}
#access ul#menu-main-nav li  ul.sub-menu li.menu-item-has-children {
	background: #888888 url(images/right-arrow-white.png) no-repeat 96% 55%;
}
/* Third tier menu */


/* Careers page */
.page-template-page-careers-php .generic-page-slider#depts-slider {
	margin-bottom: 5px;
	height: auto;
}
#collapsedcontent {
	margin: 20px 0 20px 0;
}
.highlight-red {
	background-color: #FF7F00;
}
.ui-state-active {
	background-position: 97.5% -75px;
}
.ui-accordion-header {
	display: block;
	/* width: 571px; */
	padding: 5px 0px 5px 10px;
	font-weight: bold;
	line-height: 1.5em;
	font-size: 1.2em;
	margin: 15px 0 0 0;
	color: #FFFFFF;
	cursor: pointer;
	background: #FF7F00 url(images/cross.png) no-repeat 567px 7px;
}
.ui-accordion-content {
	padding: 10px;
	background-color: #eeeeee;
}
.ui-state-active {
	background-position: 97.5% -75px;
}



/* Tribe events page */
.tribe-events-list-separator-month {
	display: none;
}
span.tribe-events-user-recurrence-toggle {
	display: none;
}
.tribe-events-list .vevent.hentry.tribe-event-end-month {
	padding-bottom: 0;
}
.tribe-events-list-separator-month+.vevent.hentry.tribe-events-first {
	padding-top: 0;
}
.tribe-events-list .vevent.hentry {
	padding: 0;
}

.tribe-events-page-template.events-list .box.project h2 {
	/* font-family: futuraBold; */
	font-family:'Helvetica W01 Bold', helvetica, arial, sans-serif;
	color: #FF8000;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1.25;
	margin-bottom: 4px;
	width: 84%;
}
.tribe-grid-allday .hentry.vevent>div, .tribe-grid-body div[id*="tribe-events-event-"] .hentry.vevent, .tribe-grid-allday .hentry.vevent>div:hover, .tribe-grid-body div[id*="tribe-events-event-"] .hentry.vevent:hover {
	background-color: #FF8000;
	border-color: #666666;
}
.tribe-grid-allday .hentry.vevent>div:hover, .tribe-grid-body div[id*="tribe-events-event-"] .hentry.vevent:hover {
	background-color: #FF8000;
}
.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"]>a, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, #tribe-events .tribe-events-button, .tribe-events-button.tribe-inactive, #tribe-events .tribe-events-button:hover, .tribe-events-button:hover, .tribe-events-button.tribe-active:hover {
	background-color: #FF8000;
}
.tribe-events-address span.adr {
	font-style: normal;
}
.addthisevent_dropdown span, .addthisevent_dropdown .frs:hover {
	color: #FF8000 !important;
}
.events-list .tribe-events-loop {
	max-width: 100%;
}
.tribe-events-page-template .inner.tight img {
}
#tribe-events-content {
	margin-bottom: 10px !important;
}
.tribe-events-page-template .date {
	/* margin-bottom: 12px; */
	margin-bottom: 2px;
}
.tribe-events-page-template .event-img-container {
	
}
#tribe-events-bar {
	margin-bottom: 0px !important; 
}
.tribe-events-sub-nav .tribe-events-nav-previous a, .tribe-events-sub-nav .tribe-events-nav-next a {
	color: #FF8000;
}
.tribe-events-month-event-title a, .tribe-events-tooltip h4 {
	color: #FF8000 !important;
}
.tribe-events-present div {
	/* background: #FF8000 !important; */
}
#tribe-events-content {
	padding: 0 !important;
}
/*
div.tribe-events-loop.hfeed.vcalendar {
	display: none;
}
*/
.tribe-events-event-categories div {
	font-weight: bold;
}
.tribe-events-event-categories ul {
	margin-top: -5px;
}
h3.tribe-single-excerpt {
	margin-bottom: 6px;
}
.tribe-list-view-date {
	/* margin-bottom: 5px; */	
}
#tribe-events .date h3 {
	margin-bottom: 15px;
}
.event-content {
	
}

#tribe-events-pg-template {
    max-width: 1200px;
    margin: 0px auto;
}




/* //-Tribe events page */




/* Sitemap */
.page-id-5350 h2 {
	margin-top: 1.3em;
}
.page-id-5350 h2:first-child {
	margin-top: 0;
}
.wsp-blogs-title,
.wsp-applicationss-title {
	display: none;	
}
.page-id-5350 ul.children {
	margin-top: 5px;
}
/* //- Sitemap */


.page-id-5350 .news-container a {
	text-decoration: none;	
}


.sr-hidden {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}



/* Main toggle */
.toggle { 
    font-size: 13px;
    line-height:20px;
    /* font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; */
    background: #eeeeee; /* Main background */
    margin-bottom: 10px;
    /* border: 1px solid #e5e5e5; */
	/*
   -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;    
	*/
}
 
/* Toggle Link text */
.toggle a.toggle-trigger {
    display:block;
    /* padding: 10px; */
    padding: 5px 0px 5px 10px;
    position:relative;
    text-decoration: none;
    color: #ffffff;
    background: #FF7F00;
    /* background: #FF7F00 url(images/cross.png) no-repeat 97.5% 7px; */
    font-weight: bold;
	line-height: 1.5em;
	font-size: 1.2em;
}
.toggle a.active.toggle-trigger {
	/* background: #FF7F00 url(images/cross.png) no-repeat 97.5% -75px; */
}
  
/* Toggle Link hover state */
.toggle a.toggle-trigger:hover {
    opacity: .8;
    text-decoration: none;
}
 
/* Toggle link when clicked */
.toggle a.active {
    text-decoration: none;
    border-bottom: 1px solid #e5e5e5;
	/*
    -webkit-box-shadow: 0 8px 6px -6px #ccc;
       -moz-box-shadow: 0 8px 6px -6px #ccc;
            box-shadow: 0 8px 6px -6px #ccc;
	*/
    color: #ffffff;
}
 
/* Lets add a "-" before the toggle link */
.toggle a.toggle-trigger:before {
    content: "+";   
    margin-right: 10px;
    font-size: 1.3em;    
}


/* When the toggle is active, change the "-" to a "+" */
.toggle a.active.toggle-trigger:before {
    content: "-";
} 


/* The content of the toggle */
.toggle .toggle-content {
    padding: 10px 10px 10px 10px;
    color:#000000;
    font-size: 13px;
	line-height: 1.4;
}
.toggle .toggle-content a {
	color: #FF7F00;
}
/* //-Careers page */

.news-content iframe {
	width: 100% !important;	
}


#slides .info p {
	display: block;
	font-size: 1.1em;
	line-height: 1.25em;
}



/* IE 8 fixes */
.page-template-page-black-bar-php .box {
	width: 32.3%\9;
}
#slides .info {
	background: #000000\9;
	padding: 30px 3%\9;
	width: 26.6666%\9;
}
.box,
.grid-sizer {
	width: 32.33333%\9;
	margin-right: 1%\9;
}
.box-double {
	width: 64.66666%\9;
}
#boxes, .boxes {
	width: 101%\9;
}
/* //- IE 8 fixes */





/* 
	mobile (landscape)
*/
@media all and (min-width: 480px) {
	
	#boxes, .boxes {
		width: 101%;
	}
	.box,
	.grid-sizer {
		width: 49%;
 		margin-right: 1%
	}
	.box-double {
		width: 99%;
	}
	
	.box.taught-differently h3{
		font-size: 1.3em;
	}
	#slides .slide a,
	#slides .slide {
		height: 435px;
	}
	#slides .slide{
		background-size: auto;
	}
	#slides .info {
		width: 40%;
		/* padding: 30px 5%; */
		padding: 70px 3% 30px 3%;
		margin: 0;
		top: 0;
		height: 375px;
		float: right;
		background: url(images/grey-tint-bg.png);
		background: rgba(1,1,1,0.7);
	}
	#slides .info a{
		height: auto;
		text-decoration: none;
	}
	.slidesjs-pagination {
		display: block;
		position: relative;
		/*background-color: #878787;*/
		background-color: RGBA(1, 1, 1, 0.7);
		z-index: 999999999999;
		display: inline-block;
		*display: inline;
		zoom: 1;
		padding: 10px 7px;
		bottom: 35px;
		opacity: 0;
	}
	.slidesjs-pagination li {
		display: inline;
	}
	.slidesjs-pagination li a{
		background-color: #CCCCCC;
		margin: 0 5px 0 4px;
		display: inline-block;
		*display: inline;
		zoom: 1;
		overflow: hidden;
		text-indent: 2000em;
		height: 7px;
		width: 7px;
		border-radius: 4px;
	}
	.slidesjs-pagination li a.active{
		/*background-color: white;*/
		background-color: #FF8000;
	}
}

/* 
	tablets (portrait)
*/
@media all and (min-width: 768px) {
	#headerlogo {
		width:200px; 
	}
	#headerlogo a {
		margin-top: 35px;
		font-size:19px;
	}
	#headerlogo span {
		font-size:16px;
	}
	#ucl-main-logo {
		width: 240px;
		margin-top: 44px;
	}
	#slides .info {
/* 		float: right; */
	}
	#slides .info p {
		display: block;
		font-size: 1.1em;
		line-height: 1.25em;
	}	
}

@media all and (min-width: 901px) {		
	.footerbox {
		width: 32%;
		margin-left: 1%;
		float: left;
		padding: 0 !important;
		margin-top: 10px;
	}
	.footerbox.nav.2-col-footer-nav-container {
		width: 32%;
		margin-left: 3%;
	}
}
.box.twitter .social {
	display: block;
}
.double-box-wrapper {
	height: 100%;
}
/* 
	tablet<->desktop 
*/
@media all and (min-width: 769px) {
	#slides .info {
		/*background: #000000;*/
		/*background: #4D4D4D;*/
		padding: 30px 3%;
		width: 26.63333%;
	}
	
	/* boxes in 3 x cols */
	.box,
	.grid-sizer {
		width: 32.33333%;
 		margin-right: 1%
	}
	.box.box-double {
		width: 65.666666%;
	}
	.double-box-wrapper {
		height: 100%;
	}
	.page-template-page-black-bar-php .box {
		width: 32.3%;
		width: 32%\9;
 		margin-right: 0;
	}
	.box.twitter .social {
		display: none;
	}
}



/* 
	desktop
*/
@media all and (min-width: 901px) {
	.footerbox.nav {
		padding: 15px;
		width: 32%;
		margin-left: 3%;
		margin-bottom: 15px;
	}
}



/* 2-column footer */
@media all and (max-width: 900px) {
	div.footerbox.search {
		clear:left;
		float:left;
		padding-top: 20px;
		margin-left: 0;
		/* padding-left: 0; */
	}
	.footerbox.logo {
		float: left;
		padding-left: 15px;
	}
	div.nav-container {
		float: right;
		width: 300px;
	}
}

/* 1 column footer */
@media all and (max-width: 625px) {
	.footerbox.logo {
		/*
		text-align: left !important;
		padding-left: 17px;
		*/
	}
	.newsfeed h4 {
		font-size: 1.1em;
	}
	.footer-mailing-list, #signup input[type="text"] { 
		/* width: 100%; */
	}
	.footerbox.nav {
		margin-left: 0;
		width: 255px;
		padding: 0;
	}
	#main-footer {
		padding: 25px 5px;
	}
	div.footerbox.search {
		width: 255px;
		/* margin-left: 1%; */
		margin-top: 10px;
		/* text-align: center; */
	}
	input#s, .mailing-list-btn {
		width: 255px;
	}
	.footerbox.nav .col {
		width: 45%;
		margin: 10px 2% 0 0;
	}
	.extra-right-margin {
		margin-right: 8% !important;
	}
	.footerbox.logo {
		/* text-align: center; */
		width: 255px;
		margin: auto;
	}
	div.footerbox.search {
		margin-left: 0;
		margin: 0 auto;
		margin-top: 10px;
	}
	.footer-mailing-list {
		float: none;
		margin: auto;
	}
	#main-footer {
		padding: 25px 3%;
	}
	div.nav-container {
		margin: 0 auto;
		width: 255px;
	}
	div.footerbox.search {
		float:none;
		padding-top: 20px;
		/* padding-left: 0; */
	}
	.footerbox.logo {
		float: none;
		padding-left: 15px;
	}
	div.nav-container {
		float: none;
	}
}


@media all and (max-width: 675px) {
	.post-type-archive-project .filter-bar h1 {
		float: none;
	}
	#project-filters h4 {
		text-align: left;
		margin-left: 0;
	}
	.researchSelect {
		right: auto;
	}
	.list-selector-views {
		position: static;
		float: left;
		padding-top: 20px;
	}
	.post-type-archive-news .filter-bar {
		padding-bottom: 50px;
	}
}




@media all and (max-width: 480px) {
	.box.employers {
		width: 100%;
	}
	.featured-upcoming-event {
		width: 100%;
	}
	#top-bar .top-bar-links ul li a {
		font-size: 13px;
	}
	.page-template-front-page-php .box .inner {
		padding: 5%;
		width: 90%;
	}
	.box.welcomenote.right-hand-nav-menu {
		width: 100%;
	}
}

@media all and (max-width: 815px) {
	.people-row1 {
		width: 27.333%;
	}
}
@media all and (max-width: 798px) {
	.people-row1 {
		width: 26.333%;
	}
}
@media all and (max-width: 768px) {
	.people-row1 {
		width: 25.333%;
	}
	div.left-column-container {
		width: 100%;
	}
	.feeds-filter.list-selector-views {
		top: 64px;
		margin-top: 8px;
	}
	.tribe-events-page-template .list-selector-views {
		top: 72px;
	}
	.tribe-events-calendar td.mobile-active {
		background-color: #ff8000 !important;
	}
	#tribe-events-content .tribe-events-calendar td, #tribe-events-content a {
		color: #ff8000 !important;
	}
	a.tribe-events-ical.tribe-events-button {
		display: none !important;
	}
}
/* Two column */
@media all and (max-width: 760px) {
	.row-headings {
		display: none;
	}
	.rows-1-and-2, .rows-3-to-5 {
		display: block;	
 	}
 	.rows-3-to-5 {
 		margin-top: 10px;
 	}
 	.people-row3 {
	 	padding-left: 1%;
	 	width: 14%;
 	}
 	.people-row1, .people-row2, .people-row3, .people-row4, .people-row5 {
		vertical-align: top;
	}
	.people-row2 {
		width: 47.5%
	}
	.people-row1, .people-row4 {
		padding-right: 4.5%;
	}
	.people-row5 {
		width: 47.5%
	}
	.people-row3, .people-row4 {
		/* margin-right: 10px; */
	}
	/*
	.person-container {
		border-left: none;
		border-right: none;
	}
	*/
	.row-headings + .person {
		border-top: 1px solid #999;
	}
	.people-row1 {
		width: 40%;
		width: 45%;
	}	
	.people-row3 {
		width: 30%;
	}
	.people-row4 {
		width: 9.5%;
		width: 14.5%;
	}
}

@media all and (max-width: 675px) {
	.feeds-filter.list-selector-views {
		margin-top: 0;
	}
}
@media all and (max-width: 629px) {
	#top-bar .search-bar #searchform input[type="text"] {
		width: 200px;
	}
}
@media all and (max-width: 590px) {
	#top-bar .search-bar #searchform input[type="text"] {
		width: 180px;
	}
}
@media all and (max-width: 660px) {
	#top-bar .search-bar {
		display: none;
	}
}

@media all and (max-width: 510px) {
	.people-row1, .people-row2, .people-row5 {
		width: 98%;
		padding-left: 2%;
		padding-right: 0;
	}
	.people-row3, .people-row4 {
		width: 38%;
		padding-right: 0;
	}
	.people-row3 {
		padding-left: 2%;
	}
	div.people-row2 {
		margin-top: 10px;
	}
	div.people-row5 {
		margin-top: 2px;
	}
	.extension-mobile-label {
		display: inline;
	}
}
@media all and (max-width: 430px) {
	.list-selector-views a {
		font-size: 12px;
	}
}


/**** Masonry Transitions ****/

.js #boxes,
.js .boxes,
.js #slides {
	opacity: 0;
}




/**  CLEAR FIX
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}











/*
******************************************************
			MENU
******************************************************	
*/

/* 
	NAV
*/
div#main {
	position: relative;
}
#access {
	clear: both;
	display: block;
	margin: 0;
	width: 100%;
	position:relative;
	z-index:99;
	background: #e2e3e4;
	height: 34px;
	padding: 2px 0 4px 0;
	margin-bottom: -8px;
	/* old settings */
	/* margin-bottom: 0px; */
	/* height: 32px; */
	/* padding: 2px 0 0px 0; */
}
#homepagebtn { 
	background-image:url(images/cross_small.png);
}
#departmentsbtn {
	background-image:url(images/minus.png);
}
/*
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0;
	padding-left: 0;
	display:block;
	float:left;
}
#access li {
	float: left;
	position: relative;
	margin-right:15px;
}
#access a {
	background-color:#474747;	
	background-position:175px 10px;
	background-repeat:no-repeat;
	color: #ffffff;
	display: block;
	line-height: 2.3em;
	padding: 0 10px;
	text-decoration: none;
	font-weight:bold;
	float:left;
}
#access ul ul {
	float: left;
	margin: 0;
	position: absolute;
	top: 30px;
	left: 0;
	width: 175px;
	z-index: 99999;
}
#access ul ul ul {
	left: 107.5%;
	
	top: -77px;
}
#access ul ul a, #access ul ul ul ul a {
	
	background: #888888;
	border-bottom: 1px dotted #111;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	height: auto;
	line-height: 1.8em;
	padding: 0 10px;
	width: 176px;
	padding-top: 3px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
 
}
#access ul li a:hover {
	background-color:#333;
}
#access ul li a:active { }  


#access ul li ul li a:hover  {
	background:#444;
}

#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

#access .sub-menu { margin:0;  }


.thirdmenu {
	background-color: #474747 !important;
	color: #ffffff;
	display: block;
	line-height: 2.1em !important;
	padding: 0 10px;
	font-weight: bold !important;
	font-size: 13px !important;
	border-bottom: #ffffff 1px solid !important;
}
#access .third-tier-institutes {
	left: 120.5%;
	top: -30px;
}
a.third-tier-header, #access ul ul ul a {
	background-color: #474747;
	height: 24px;
	border-bottom: 1px #ffffff solid;
	background: #474747;
	font-weight: bold;
	padding-top: 5px;
	width: 175px;
}

#access ul ul ul ul {
	left: -0%;
	top: 30px;
}
#access ul ul ul ul a {
	width: 175px;
}

#whystudyatucl, #innovativeteaching, #beyondthecurriculum, #diversecareer, #aboutUs, #engagementOutside, #schoolsEngagement, #publicEngagement, #industryEngagement, #internationalEngagement, #bothEvents {
	display: none;
}
#switchable-menu a {
	width:176px;
}
#default-menu li {
	margin:0;
	border-right:1px solid #777;
}
#default-menu ul ul {
	display:none;
}
#default-menu a {
	padding:0 30px 0 10px;
}
#default-menu ul li:hover > ul {
    display: block;
}*/

/*  SWITCH OFF DROP DOWNS  */
#mainsubmenu { display:none; }
#departments { display:none; }
#institutes { display:none; }
#faber { display:none; }
#studying { display:none; }
#undergradStudy{display:none;}
#postgradStudy{display:none;}
#newsEvents { display:none; }
#researchVideos { display:none; }

#access .active { display:block; }
	
	
#departments li a { width:220px; }
#departments ul li a { width:175px; }
#departments ul li li a { width:175px; }


#institutes li a { width:400px; }
#institutes ul li a { width:400px; }

li#departments, li#institutes, #undergradStudy, #postgradStudy, #researchVideos, #newsEvents, li#engagementOutside, #aboutUs, #whystudyatucl {
	border-bottom: 1px solid #e2e3e4 !important;
}



/* Menu */
@media all and (max-width: 768px) {
	.page-id-6 #slides {
		/* padding-top: 43px; */
		padding-top: 0;
		margin-top: 51px;
	}
	#access .second-tier-menu li a {
		background: #575757;
	}
	#access .third-tier-institutes li a {
		background: #141414;
		background: #888888;
	}

	#sildes {
		padding-top: 43px;
	}
	
	li#departments, li#institutes, #undergradStudy, #postgradStudy, #researchVideos, #newsEvents, li#engagementOutside, #aboutUs, #whystudyatucl {
		position: absolute;
		left: 15px;
		/* left: 0; */
		z-index: 99999;
		top: 47px;
		border-bottom: 1px solid #e2e3e4 !important;
	}
	#access li #whystudyatucl, #access li #innovativeteaching {
		position: absolute;
		z-index: 99999;
		top: 41px;
		border-bottom: 1px solid #e2e3e4 !important;
		left: -196px;
	}
	#access li #innovativeteaching {
		top: 66px;
	}
	#undergradStudy {
		/* top: 36px; */
		top: 66px;
		left: -195px;
	}
	#postgradStudy {
		top: 61px;
	}
	#researchVideos {
		top: 86px;
	}
	#newsEvents {
		top: 111px;
	}
	#access ul ul {
		top: 30px;
	}
	li#engagementOutside {
		top: 173px;
	}
	#access ul ul a {
/* 		background: #c4c4c4; */		
	}
	#institutes ul li a {
		width: 250px;
	}
	#institutes ul li li a {
		width: 20px;
	} 
	/*
	#access ul ul ul a {
		width: 105px;
	}
	*/
	#access {
		position: absolute;
	}
	#depts-slider-container {
		padding-top: 43px;	
		overflow: hidden;
	}
	li#beyondthecurriculum {
		left: -195px;
		top: 166px;
	}
	#diversecareer {
		left: -195px;
		top: 191px;
	}
	#postgradStudy {
		top: 91px;
		left: -195px;
	}
	#researchVideos {
		left: -195px;
		top: 116px;
	}
	#newsEvents {
		top: 141px;
		left: -195px;
	}
	li#bothEvents {
		top: 66px;
		left: -196px;
	}
	#aboutUs {
		left: -195px;
		top: 191px;
	}
	#schoolsEngagement {
		left: -196px;
		top: 41px;
	}
	#publicEngagement {
		left: -196px;
		top: 66px;
	}
	#industryEngagement {
		left: -196px;
		top: 91px;
	}
	#internationalEngagement {
		left: -196px;
		top: 116px;
	}
	li#institutes {
		left: -196px;
	}
}
@media all and (max-width: 450px) {
	#undergradStudy {
		top: 37px;
		left: 15px;
	}
	#postgradStudy {
		top: 62px;
		left: 15px;
	}
	#researchVideos {
		left: 15px;
		top: 87px;
	}
	#newsEvents {
		top: 112px;
		left: 15px;
	}
	#aboutUs {
		left: 15px;
		top: 162px;
	}
	#slides .info h3 {
		padding-bottom: 0;
	}
	#slides .info p {
		font-size: 1em;
	}
	#slides .info h2 {
		font-size: 1.8em;
	}
}

@media all and (max-width: 400px) {
	header#branding {
		height: 115px;
	}
	#ucl-main-logo {
		margin-top: 54px !important;
	}
}


@media all and (max-width: 400px) {
	#top-bar .top-bar-links ul li {
		margin-right: 10px;
	}
	#headerlogo {
		width: 50px !important;
	}
	#headerlogo a {
		margin: 13px 10px; 
	}
}










/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    /* text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); */
    /*
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    */
    /* background-color: #222222; */
    background: #444444;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    /* text-shadow: 0 1px 3px #000; */
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
    /* background:#4c4c4c; */
    background: #444444;
    /* padding:5px; */
    padding: 0;
	/* position: absolute;
	top: 0;
	right: 0px;
	z-index: 99999; */
	float: right;
	width: 100%;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    /*
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    */
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover{
    /*
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    */
    background:#ccc;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}
.slicknav_nav li {
	padding: 0 0 1px 0px;
}
ul.slicknav_nav {
	padding-bottom: 6px;
	padding-left: 3px;
}

ul.slicknav_nav {	
	font-family: 'Helvetica W01 Roman', helvetica, arial, sans-serif;
}
span.slicknav_menutxt {
	font-family:'Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-weight: 400;
}
.top-bar-links {
	position: absolute;
	z-index: 99999;
}
.slicknav_menu a {
	z-index: 99;	
}



h2.wsp-wprss_feed_items-list,
ul.wsp-wprss_feed_items-list,
h2.wsp-applicationss-list,
ul.wsp-applicationss-list,
h2.wsp-wprss_feeds-list,
ul.wsp-wprss_feeds-list,
h2.wsp-videos-list,
ul.wsp-videos-list,
h2.wsp-peoples-list,
ul.wsp-peoples-list,
h2.wsp-blogs-list,
ul.wsp-blogs-list,
h2.wsp-tribe_eventss-list,
ul.wsp-tribe_eventss-list,
h2.wsp-tribe_venues-list,
ul.wsp-tribe_venues-list,
h2.wsp-tribe_organizers-list,
ul.wsp-tribe_organizers-list {
	display: none;
}
.page-id-5350 #news-container a {
	text-decoration: none;
}
.events-list li.tribe-events-nav-previous.tribe-events-nav-left.tribe-events-past {
	display: none !important;
}
.js .events-list #boxes, .js .events-list .boxes, .js .events-list #slides {
	opacity: 1 !important;
}
	


blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote:after{
  color: #ccc;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-left: 0.25em;
  vertical-align: -0.5em;
}
blockquote p {
  display: inline;
}





/* Microsite styles */
.right-hand-nav-menu ul li {
	margin-bottom: 12px;
}
.right-hand-nav-menu ul li .sub-menu li {
	margin-left: 18px;
	margin-top: 8px;
}
.right-hand-nav-menu ul a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 15px;
}
.box.welcomenote.right-hand-nav-menu .section-header-title {
	border-bottom: 2px solid #DDA97C;
	margin-bottom: 18px;
}
.slide-replacement-padding {
	height: 10px;
	width: 100%;
}
.item.featured-news {
	width: 48%;
	margin-right: 4%;
	display: inline-block;
}
.item.featured-news:last-child {
	margin-left: -4px;
	margin-right: 0;
}
/* //- Microsite styles */

.mail-link {
    white-space: nowrap;
    color: #ff8000;
}