/* CSS Document */
@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css';
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,700;1,400&display=swap');
@import url('bootstrap.min.css');
@import url('animate-transitions.css');
/*  -----------------------------------------------------------------------------
GLOBAL
----------------------------------------------------------------------------- */
body {
	/*font-family: Arial, "Helvetica", sans-serif;*/
	font-family: 'IBM Plex Sans', sans-serif;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
	font-size: 1.65em;
}
.h1, h1 {
	font-size: 38px;
}
a {
	text-decoration: none;
	color: #444;
}
a:hover {
	color: #444;
	text-decoration: underline;
}
a.white, .profile-lnk-wrapper a {
	padding: 10px 20px;
	display: inline-block;
	border-radius: 0;
}
a.white:hover {
	padding: 10px 20px;
	display: inline-block;
	border-radius: 0;
}
a.blue {
	padding: 10px 20px;
	display: inline-block;
	border-radius: 0;
}
a.blue:hover {
	padding: 10px 20px;
	display: inline-block;
	border-radius: 0;
}
button, input[type=text] {
	border-radius: 0;
}
sup {
	font-size: small;
}
sub {
	font-size: small;
}
.hide-screen {
	display: none;
	visibility: hidden;
}
.lead-info-bar {
	min-height: 2px;
	background-color: #ccc;
	margin: 20px auto;
}
figure {
	margin: 15px auto;
	display: inline-grid;
}
.news-item > div > div > a > img, .featured-spotlight > img, .direct-page-slider > img, .page-content img {
	transition: filter .3s, -webkit-filter .3s;
}
.news-item > div > div > a > img:hover, .featured-spotlight > img:hover, .direct-page-slider > img:hover, .page-content img:hover {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
}
.news-item > div > div > a:hover small span {
	text-decoration: none;
}
.search-padding {
	margin-top: 25px !important;
}
.separator {
	border: solid thin #eee;
	padding: 15px 10px;
	text-align: center;
}
.info-icon {
	background-image: linear-gradient(#666, #000);
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 0px 10px;
	color: #fff;
	font-style: italic;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #666;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	font-size: 90%;
}
.info-icon:hover {
	background-image: linear-gradient(#000, #666 );
	transition: all .3s ease-in 0s;
}
#infoIcon {
	transition: all .3s ease-in 0s;
}
.content .lead-photo, .lead-photo {
	position: relative;
	margin-bottom: 20px;
}
/* -----------------------------------------------------------------------------
NAVIGATION
----------------------------------------------------------------------------- */
.navbar {
	border-radius: 0;
	position: relative;
	min-height: 50px;
	margin-bottom: 0;
	border: none;
}
.navbar ul li {
	padding: 0 5px;
}
.navbar ul ul li {
	padding: 0;
}
.navbar-header .menu-name {
	margin-top: -3px;
	margin-right: 5px;
	font-size: 18px;
	padding-top: 0;
}
.navbar ul ul li a {
	padding: 10px;
}
.dropdown-menu {
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.menu-selected {
	background-color: #ccc;
}
/* -----------------------------------------------------------------------------
SITE BRANDING
----------------------------------------------------------------------------- */
.home-icon {
	max-width: 8%;
	float: left;
	padding: 15px 0 0 0;
}
.site-branding {
	padding: 5px 0;
}
.site-branding h2, .site-branding h5 {
	margin-top: 0;
}
.site-logo a {
	text-decoration: none;
}
.site-logo h2 a :hover, .site-logo h5 a:hover {
	text-decoration: none;
}
.site-logo h2 a {
	color: #fff;
}
.site-logo h5 a {
	color: #fff;
}
.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.search-form input[type=text] {
	background-color: transparent;
	border: solid thin #ddd;
	font-size: small;
	color: #ddd;
}
.search-form .search-btn {
	width: 60px;
	height: 34px;
	border-radius: 0 !important;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-style: none;
	top: 0px;
	position: absolute;
	right: 15px;
}
.bread-crumb {
	clear: both;
	display: block;
	float: none;
	height: auto;
	list-style-type: none;
	margin-bottom: 20px;
	padding-bottom: 3px;
	padding-top: 5px;
	position: relative;
	max-width: 100%;
	z-index: 20;
}
.bread-crumb li {
	background: url("images/menu-pointer.png") no-repeat scroll left center transparent;
	display: block;
	float: left;
	font-size: 0.85em;
	padding-left: 7px;
	padding-right: 12px;
}
.bread-crumb li:first-child {
	background: none repeat scroll 0 0 transparent;
	padding-left: 0;
}
.bread-crumb li a:hover {
	text-decoration: underline;
}
/* -----------------------------------------------------------------------------
BANNER
----------------------------------------------------------------------------- */
.image-slide {
	padding-left: 0;
	max-height: 400px;
	overflow: hidden;
}
.banner-description h3, .banner-description p {
	color: #fff;
}
.slide-button-spacer {
	margin-top: 35px;
}
.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	border-radius: 0;
}
.banner-slider {
	position: relative;
}
.carousel-inner {
	position: relative;
	padding: 0;
}
.carousel-caption {
	position: relative;
	left: 0%;
	right: 0%;
	bottom: 0px;
	z-index: 10;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #000;
	text-shadow: none;
}
.caption-box {
	height: 400px;
	background-color: #6685A3;
}
.caption-box h3, .caption-box p {
	color: #fff;
	text-align: left;
}
.caption-box h3 {
	margin-top: 50px;
	padding-bottom: 15px;
}
.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 10%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none;
}
.btn {
	text-shadow: none;
}
.carousel {
	position: relative;
}
.controllers {
	position: absolute;
	top: 0px;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
}
.content-wrap {
	padding: 20px 0;
}
/* -----------------------------------------------------------------------------
SIDEBARS
----------------------------------------------------------------------------- */
.navbar-toggle {
	border-radius: 0;
	position: absolute;
	background-image: none;
	float: left;
}
.navbar-toggle .icon-bar {
	display: block;
	max-width: 100%;
	height: 2px;
	border-radius: 0;
}
.right-sidebar {
	margin: 25px auto;
	display: block;
	padding-top: 15px;
	border-top: solid 5px #ddd;
}
.right-sidebar ul {
	margin-left: 0;
	padding-left: 15px;
}
.right-sidebar ul.more-item li {
	display: block;
	font-size: 0.85em;
	padding-left: 7px;
	padding-right: 12px;
}
.right-sidebar .staff-photo {
	margin: 15px auto;
	display: block;
}
.right-sidebar .more-item {
	border-bottom: solid thin #eee;
	padding: 10px;
	margin-bottom: 10px;
	display: inline-table;
	height: auto;
}
.right-sidebar .more-item:hover {
	background-color: #eee;
}
.right-sidebar .more-item:first-of-type {
	margin-top: 5px;
}
.right-sidebar .more-item a {
	text-decoration: none
}
.right-sidebar .more-item a h5 {
	font-weight: bold;
	color: #444;
}
.right-sidebar h5 a, .announcements-content h4 a, .events-item h4 a, .news-baseline h4 a {
	color: #333;
	text-decoration: none;
}
.right-sidebar h5 a:hover, .announcements-content h4 a:hover, .events-item h4 a:hover, .news-baseline h4 a:hover {
	text-decoration: underline;
}
/* -----------------------------------------------------------------------------
PAGE CONTENT
----------------------------------------------------------------------------- */
.page-mould {
	margin-bottom: 30px;
}
.news-sum-contain {
	max-height: 150px;
	overflow: hidden;
}
.page-content ol.carousel-indicators {
	visibility: hidden;
	display: none;
}
.page-content ol {
	margin-top: 5px;
	margin-bottom: 20px;
	padding-left: 25px;
}
.page-content ul {
	margin-top: 5px;
	margin-bottom: 20px;
	padding-left: 25px;
	list-style-type: square;
}
.page-content ol li, .page-content ul li {
	margin-bottom: 10px;
}
ul.list-unstyled.row {
	list-style: none !important;
	padding-left: 0;
}
.pc-body-top {
	padding: 5px 0 15px 0;
	display: block;
	margin-bottom: 20px;
}
.pc-body-spacer {
	margin-top: 20px;
	margin-bottom: 20px;
}
.pc-body-spacer-bg {
	background: #eee;
	padding: 10px;
	display: block;
}
.pg-image-full {
	width: 100%;
}
.profile-wrapper {
	background-color: #ddd;
	padding: 10px;
	max-width: 300px;
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
}
.profile-wrapper img {
	align-content: center space-around;
}
.page-content h1 {
	margin-top: 0;
}
.page-content h1 {
	margin-top: 0;
	margin-bottom: 25px;
}
figcaption, .mute-text {
	font-size: 78%;
	color: #777;
	margin-bottom: 10px;
}
.file-upload-wrapper {
	margin: 25px auto 15px auto;
	font-size: 90%;
	color: #777;
	display: block;
	clear: both;
}
.event-info {
	border-top: solid thin #ddd;
	border-bottom: solid thin #ddd;
	margin: -15px auto 30px auto;
	padding: 5px 0;
	color: #999;
	position: relative;
}
.event-info a {
	color: #999;
}
.event-info small {
	position: relative;
	padding-right: 25px;
}
div.calendar-wrapper p, .news-baseline p, .highlighted-template p, .notices-wrapper p, small, .faculty-info p, .events-item p, .notices-item p {
	position: relative;
}
.event-info small:last-of-type {
	padding-right: 0;
}
span.post-date, span.post-date-spacer, span.source, span.source-spacer, span.time, span.time-spacer, span.email, span.email-spacer, span.office, span.office-spacer, span.location, span.location-spacer, span.phone, span.phone-spacer, span.tel, span.tel-spacer, span.author, span.author-spacer {
	padding-left: 20px;
}
.post-date::before {
	background-color: currentColor;
	-webkit-mask-image: url(images/icon-calendar.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% auto;
	-webkit-mask-position: center center;
	mask: url(images/icon-calendar.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: 100% auto;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 12px;
}
.source::before {
	background-color: currentColor;
	-webkit-mask-image: url(images/icon-source.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% auto;
	-webkit-mask-position: center center;
	mask: url(images/icon-source.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: 100% auto;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 12px;
}
.time::before {
	background-color: currentColor;
	-webkit-mask-image: url(images/icon-time.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% auto;
	-webkit-mask-position: center center;
	mask: url(images/icon-time.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: 100% auto;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 12px;
}
.email::before {
	background-color: currentColor;
	-webkit-mask-image: url(images/icon-mail.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% auto;
	-webkit-mask-position: center center;
	mask: url(images/icon-mail.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: 100% auto;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 12px;
}
.office::before, .location::before {
	background-color: currentColor;
	-webkit-mask-image: url(images/icon-location.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% auto;
	-webkit-mask-position: center center;
	mask: url(images/icon-location.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: 100% auto;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 12px;
}
.phone::before, .tel::before {
	background-color: currentColor;
	-webkit-mask-image: url(images/icon-tel.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% auto;
	-webkit-mask-position: center center;
	mask: url(images/icon-tel.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: 100% auto;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 12px;
}
.author::before {
	background-color: currentColor;
	-webkit-mask-image: url(images/icon-author.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% auto;
	-webkit-mask-position: center center;
	mask: url(images/icon-author.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: 100% auto;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 12px;
}
@supports (-ms-ime-align:auto) {
 .event-info {
 margin: -15px auto 30px auto;
 color: #999;
 position: relative;
}
.event-info a {
 color: #999;
}
.event-info small {
 position: relative;
 padding-right: 25px;
display: inline-block;
}
div.calendar-wrapper p, .news-baseline p, .highlighted-template p, .notices-wrapper p, small, .faculty-info p, .events-item p, .notices-item p {
 position: relative;
}
.event-info small:last-of-type {
 padding-right: 0;
}
span.post-date, span.post-date-spacer, span.source, span.source-spacer, span.time, span.time-spacer, span.email, span.email-spacer, span.office, span.office-spacer, span.location, span.location-spacer, span.phone, span.phone-spacer, span.tel, span.tel-spacer, span.author, span.author-spacer {
 padding-left: 20px;
}
 .post-date::before {
 background-image: url(images/icon-calendar.png);
 background-color: transparent;
 background-repeat: no-repeat;
 background-size: 100% auto;
 background-position: center center;
 content: '';
 display: block;
 height: 13px;
 position: absolute;
 width: 12px;
}
.source::before {
 background-image: url(images/icon-source.png);
 background-color: transparent;
 background-repeat: no-repeat;
 background-size: 100% auto;
 background-position: center center;
 content: '';
 display: block;
 height: 13px;
 position: absolute;
 width: 12px;
}
.time::before {
 background-image: url(images/icon-time.png);
 background-color: transparent;
 background-repeat: no-repeat;
 background-size: 100% auto;
 background-position: center center;
 content: '';
 display: block;
 height: 13px;
 position: absolute;
 width: 12px;
}
.email::before {
 background-image: url(images/icon-mail.png);
 background-color: transparent;
 background-repeat: no-repeat;
 background-size: 100% auto;
 background-position: center center;
 content: '';
 display: block;
 height: 13px;
 position: absolute;
 width: 12px;
}
.office::before, .location::before {
 background-image: url(images/icon-location.png);
 background-color: transparent;
 background-repeat: no-repeat;
 background-size: 100% auto;
 background-position: center center;
 content: '';
 display: block;
 height: 13px;
 position: absolute;
 width: 12px;
}
.phone::before, .tel::before {
 background-image: url(images/icon-tel.png);
 background-color: transparent;
 background-repeat: no-repeat;
 background-size: 100% auto;
 background-position: center center;
 content: '';
 display: block;
 height: 13px;
 position: absolute;
 width: 12px;
}
.author::before {
 background-image: url(images/icon-author.png);
 background-color: transparent;
 background-repeat: no-repeat;
 background-size: 100% auto;
 background-position: center center;
 content: '';
 display: block;
 height: 13px;
 position: absolute;
 width: 12px;
}
 .share-facebook {
 background-image: url(images/fb32.png);
 background-color: transparent;
 background-repeat: no-repeat;
 background-size: 100% auto;
 background-position: center center;
 text-indent: -9999px;
 overflow: hidden;
 display: inline-block;
 height: 25px;
 width: 25px;
}
.share-twitter {
 background-image: url(images/tw32.png);
 background-color: transparent;
 background-repeat: no-repeat;
 background-size: 100% auto;
 background-position: center center;
 text-indent: -9999px;
 overflow: hidden;
 display: inline-block;
 height: 25px;
 width: 25px;
}
.share-linkedin {
 background-image: url(images/in32.png);
 background-color: transparent;
 background-repeat: no-repeat;
 background-size: 100% auto;
 background-position: center center;
 text-indent: -9999px;
 overflow: hidden;
 display: inline-block;
 height: 25px;
 width: 25px;
}
}
– .greybg {
	background: #eee;
	margin-top: 20px;
}
div.caption h4 {
	padding: 5px 0;
}
.page-content ol, .page-content ul {
	margin-top: 0;
	margin-bottom: 10px;
	padding-left: 25px;
}
.news-baseline {
	border-bottom: solid thin #ddd;
	display: block;
	padding: 0 0 10px 0;
	margin-top: 0;
	margin-bottom: 15px;
}
div.news-baseline a, div.highlighted-template-inner a, div.notices-wrapper a, div.calendar-wrapper a {
	text-decoration: none;
}
div.news-baseline a:hover, div.highlighted-template-inner a:hover, div.notices-wrapper a:hover, div.calendar-wrapper a:hover {
	text-decoration: underline;
}
.page-content form {
	position: relative;
}
.page-content input[type=submit].blue, .right-sidebar input[type=submit].blue {
	padding: 6px 10px;
	display: inline-block;
	border-radius: 0;
}
.page-content form input[type=submit], .right-sidebar input[type=submit] {
	position: absolute;
	top: 0;
	right: 0;
}
.page-content a img {
	border: medium none;
}
.right-sidebar form input[type=submit].blue:hover, .page-content .staff-information input[type=submit].blue:hover {
	padding: 6px 10px;
	display: inline-block;
	border-radius: 0;
}
.programmes-content, .announcements-content {
	padding: 25px;
	border: solid thin #ddd;
	margin-bottom: 10px;
}
.page-content a {
	text-decoration: underline;
}
.page-content a:hover {
	text-decoration: none;
}
.page-content figure[align$="left"], .page-content figure[data-align$="left"], .page-content figure[float$="left"], .img-left, .align-left {
	display: block;
	margin: 0 25px 5px 0;
	float: left;
}
.page-content figure[align$="right"], .page-content figure[data-align$="right"], .page-content figure[float$="right"], .img-right, .align-right {
	margin: 0 0 5px 25px;
	display: block;
	float: right;
}
.page-content img[align$="left"], .page-content img[data-align$="left"], .page-content img[float$="left"], .img-left, .align-left {
	display: block;
	margin: 0 25px 5px 0;
	float: left;
}
.page-content img[align$="right"], .page-content img[data-align$="right"], .page-content img[float$="right"], .img-right, .align-right {
	margin: 0 0 5px 25px;
	display: block;
	float: right;
}
.page-content img:not(.img-right):not(.img-left):not(.align-left):not(.align-right):not([float$="left"]):not([float$="right"]):not([data-align$="right"]):not([data-align$="left"]) {
	max-width: 100%;
	height: auto;
}
.page-content figure:not([align$="right"]):not([align$="left"]):not([float$="left"]):not([float$="right"]) {
	max-width: 100% !important;
	height: auto;
}
.file--x-office-presentation::before {
	-webkit-mask-image: url(images/icon-ppt.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% auto;
	-webkit-mask-position: center center;
	mask: url(images/icon-ppt.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: 100% auto;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 12px;
}
.file--x-office-document::before {
	-webkit-mask-image: url(images/icon-word.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% auto;
	-webkit-mask-position: center center;
	mask: url(images/icon-word.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: 100% auto;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 12px;
}
.file--x-office-excel::before {
	-webkit-mask-image: url(images/icon-excel.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% auto;
	-webkit-mask-position: center center;
	mask: url(images/icon-excel.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: 100% auto;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 12px;
}
.file--application-pdf::before {
	-webkit-mask-image: url(images/icon-pdf.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% auto;
	-webkit-mask-position: center center;
	mask: url(images/icon-pdf.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: 100% auto;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 12px;
}
/* -----------------------------------------------------------------------------
GALLERY CONTENT 
----------------------------------------------------------------------------- */
.gallery-slider-wrapper .item>img, .gallery-slider-wrapper .item>a>img {
	width: 100%;
}
.gallery-grid {
	margin-top: 50px;
	display: block;
}
.gallery-grid ul {
	list-style: none !important;
}
.messages-container {
	margin-bottom: 25px;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	float: none;
}
/* -----------------------------------------------------------------------------
MID-SECTION: News, Events &  Announcements
----------------------------------------------------------------------------- */
.news-section h2, .events-section h2 {
	margin-top: 0;
}
.clearfix {
	display: block;
	padding-bottom: 10px;
}
.news-item h3, .events-item h3, .notices-item h3 {
	text-decoration: none;
	font-weight: bold;
	vertical-align: text-top;
}
.news-item h4 a, .news-baseline h4 a, .events-item h4 a, .notices-item h4 a, h4.featured-research-topic a {
	color: #666;
}
.news-item h4 a:hover, .news-baseline h4 a:hover, .events-item h4 a:hover, .notices-item h4 a:hover {
	text-decoration: underline;
}
.events-item, .notices-item {
	border-top: solid thin #ddd;
	padding: 10px 0;
}
.events-item:last-of-type, .notices-item:last-of-type {
	border-bottom: solid thin #ddd;
}
.people-item {
	margin-bottom: 10px;
}
.events-item .separator {
	border-right: solid thin #ddd;
}
div.notices-item {
	padding-bottom: 10px;
}
.form-item-name, .form-item-pass {
	display: block;
	margin-bottom: 15px;
}
h4, .item-title {
	font-weight: normal;
	line-height: normal;
}
/* -----------------------------------------------------------------------------
PEOPLE CONTENT
----------------------------------------------------------------------------- */
.img-wrapper-block {
	max-height: 200px;
	overflow: hidden;
}
.profile-lnk-wrapper {
	margin: 10px
}
.person-item-bg {
	background-color: #eee;
	display: inline-flex;
	max-height: 200px;
	overflow: hidden;
	margin-bottom: 20px;
}
/* -----------------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------------- */
.footer {
	margin: 25px 0px 0px 0px;
	padding: 20px 0;
}
ul.col-md-10 {
	padding-left: 0;
}
.footer-columns {
	margin-bottom: 20px;
}
.footer-menu {
	padding: 0;
	background-color: #222;
	display: block;
}
.footer h4, .footer ul a {
	text-decoration: none;
}
.footer-columns ul {
	margin: 0;
	padding: 0;
}
.footer ul a {
	font-size: 96.5%;
}
.footer-columns ul a::before {
	padding: 0px 8px 0px 0px;
	font-family: 'FontAwesome';
	content: '\f105';
	color: #ccc;
	font-size: 14px;
}
.footer h4, .footer ul a, .footer address {
	text-decoration: none;
}
address {
	margin-bottom: 10px;
}
.footer-info {
	font-size: small;
	margin: 10px auto auto auto;
	color: #ddd;
}
.footer ul li {
	list-style: none;
}
.footer address {
	font-size: small;
	line-height: 1.7em;
}
.footer address a {
	text-decoration: underline;
}
.footer address a:hover {
	text-decoration: none;
	transition: ease-in-out;
}
.footer ul li > ul {
	display: none;
}
.social-media {
	margin: 0 0;
	display: block;
}
.social-media span {
	margin-right: 10px;
}
.social-media span:hover {
	color: #ddd;
}
.social-media span, .social-media span a, .social-media span a i {
	font-size: 1.2em;
	color: #fff;
}
.social-media span a {
	text-decoration: none;
}
/* -----------------------------------------------------------------------------
COLOURING STYLES
----------------------------------------------------------------------------- */
a.blue:hover, a.white, .right-sidebar input[type=submit].blue:hover {
	color: #222;
}
a.white, .profile-lnk-wrapper a {
	border: solid thin #444;
}
a.white:hover {
	border: solid thin #fff;
}
button.navbar-toggle:hover, .custombg {
	background-color: #222;
}
.header .navbar ul a:hover, .carousel-inner, footer ul.nav a:hover, .navbar ul li a:hover {
	background-color: #666;
}
.header .navbar ul ul a, .right-sidebar input[type=submit].blue, button.navbar-toggle:hover, .site-logo a h5, a.blue, a.white:hover, a.white:hover, button.navbar-toggle, .page-content input[type=submit].blue, .right-sidebar input[type=submit].blue, .right-sidebar form input[type=submit].blue:hover, .page-content .staff-information input[type=submit].blue:hover, .page-content input[type=submit].blue, .right-sidebar input[type=submit].blue, .footer ul a:hover, footer ul.nav a:hover, .c-tabs-nav__link {
	color: #fff;
}
.navbar ul li a {
	color: #ddd;
}
a.white, a.blue:hover, .navbar-toggle .icon-bar, .treeview ul, .right-sidebar input[type=submit].blue:hover, .c-tabs-nav__link:hover, .c-tabs-nav__link.is-active {
	background-color: #fff;
}
.header .navbar ul li a:hover {
	background-color: #333;
}
.search-form .search-btn, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .dropdown-menu, .right-sidebar input[type=submit].blue, a.white:hover, a.blue, .navbar-toggle:hover, .right-sidebar form input[type=submit].blue:hover, .page-content .staff-information input[type=submit].blue:hover, .page-content input[type=submit].blue, .right-sidebar input[type=submit].blue, .footer, .c-tabs-nav__link {
	background-color: #666;
}
select.by-year, select.by-period, .footer h4, .footer ul a, .footer .small, .footer h4, .footer ul a, .footer address, .footer address a {
	color: #ddd;
}
.banner-slider, .banner, .search-form .search-btn {
	background: #ddd;
	background-repeat: repeat;
	background-size: cover;
	margin-bottom: 15px;
}
.bread-crumb {
	background: #ddd;
	margin-bottom: 40px;
}
.bgf7f7f7 {
	background: #f7f7f7;
}
.events-section {
	margin-bottom: 20px;
	height: auto;
	display: block;
}
.left-sidebar-list-wrapper li a:hover, .left-sidebar-list-wrapper li a:focus, .left-sidebar-list-wrapper li a:active, .treeview a.selected, .news-item h3, .events-item h3, .notices-item h3, .page-content .news-baseline-special h4 a, .page-content .news-baseline h4 a, .page-content h4 a, .c-tabs-nav__link.is-active {
	color: #222;
}
.carousel-inner {
	background-color: #666;
}
.site-branding {
	background-color: #444;
}
.footer {
	background-color: #444;
	background-image: url(images/campus.jpg);
	background-repeat: repeat;
	background-size: cover;
}
.search-form .search-btn {
	border-left: solid thin #ddd;
	font-size: 0.9em;
}
.bread-crumb li a {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
.pc-body-top {
	font-size: smaller;
	font-style: italic;
	color: #999;
	border-bottom: solid thin #ddd;
}
.pe-body-top {
	font-size: small;
	border-bottom: solid thin #ddd;
	padding: 5px 0;
	display: block;
}
.pe-body-top:last {
margin-bottom:20px;
}

/* -----------------------------------------------------------------------------
RESPONSIVE QUERIES
----------------------------------------------------------------------------- */
/* @media (min-width: 768px) */
@media (min-width: 768px) {
.col-sm-9.clearfix {
	margin-top: 10px;
	margin-bottom: 15px;
}
.col-sm-9.clearfix h2 {
	margin-top: 5px;
}
.navbar-collapse {
	padding-left: 0;
}
.navbar ul li:first-child {
	padding-left: 0 !important;
}
.search-form {
	margin-top: 30px;
	position: relative;
}
.banner-description {
	padding: 25px;
	display: block;
}
.mid-section {
	margin: 20px auto;
}
.news-section {
	background: #f7f7f7;
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 300px;
	margin-bottom: 30px;
	height: auto;
}
.left-sidebar {
	font-size: 0.92em;
}
.left-sidebar h4 {
	background: url(images/sidebarbg.png) #F4F5F7 no-repeat bottom left;
	margin: 0 0 4px;
	padding: 25px 10px 15px 10px;
	font-size: 0.8em;
	font-weight: bold;
	color: #666;
	border-top-left-radius: 5px;
}
.left-sidebar-list-wrapper {
	background-color: #f7f7f7;
	list-style: none outside none;
	margin-left: 0;
	display: block;
	float: none;
	margin-bottom: 40px;
	font-size: 0.9em;
}
.left-sidebar-list-wrapper li:empty {
	border-top: thin solid #eee;
	display: block;
	padding: 2px;
}
.left-sidebar-list-wrapper li ul {
	border-bottom: none;
	display: block;
}
.left-sidebar-list-wrapper li ul li {
	display: block;
}
.left-sidebar-list-wrapper li ul li:first-child {
	border-top: none;
}
.left-sidebar-list-wrapper li ul li:last-child {
	border: medium none;
}
ul.left-sidebar-list-wrapper li ul li:last-child::after {
	border-bottom: none;
}
.treeview li a {
	background-color: #e4e4e4;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
}
.treeview li a:hover {
	background-color: #ccc;
}
.treeview a.selected {
	background-color: #ccc;
	font-weight: bold;
}
.treeview a::before {
	padding: 0px 8px 0px 0px;
	font-family: 'FontAwesome';
	content: '\f105';
	color: #666;
	font-size: 16px;
}
ul.treeview li ul li a.selected {
	background-color: #ccc;
	font-weight: bold;
	padding-left: 16px;
}
ul.treeview li ul li a, ul.treeview li ul li ul li a {
	color: #222 !important;
}
ul.treeview li ul li ul li a.selected {
	background-color: #ccc;
	font-weight: bold;
	padding-left: 23px;
	color: #222 !important;
}
#left-sidebar-list-wrapper li ul li:last-of-type {
	border-bottom: #eee;
}
.left-sidebar-list-wrapper li a {
	color: #222222;
	text-decoration: none;
}
#left-sidebar-list-wrapper li ul, #left-sidebar-list-wrapper li ul {
	background: none repeat scroll 0 0 transparent;
}
.left-sidebar-list-wrapper {
	list-style: none outside none;
	margin-left: 0;
}
.left-sidebar-list-wrapper li {
	margin: 0 0 2px;
	position: relative;
}
.treeview li {
	margin: 0 0 2px;
	position: relative;
}
.left-sidebar-list-wrapper li ul li {
	display: block;
	padding: 0 0 0 10px;
}
.left-sidebar-list-wrapper li ul li:last-child {
	border: medium none;
}
#left-sidebar-list-wrapper li:last-child {
	border-bottom: solid thin #eee;
}
#left-sidebar-list-wrapper li ul li:last-child {
	border: medium none;
	border-top: none;
}
.left-sidebar-list-wrapper li a {
	color: #222222;
	text-decoration: none;
}
#left-sidebar-list-wrapper li ul, #left-sidebar-list-wrapper li ul {
	background: none repeat scroll 0 0 transparent;
}
.course-list-wrapper ul li a:hover, .two-column-content-left ul li a:hover {
	display: block;
}
.treeview, .treeview ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.treeview ul {
	margin-top: 2px;
}
* html .hitarea {
	display: inline;
	float: none;
}
.treeview li:first-child {
	margin: 0 0 2px;
	position: relative;
}
#treecontrol {
	display: none;
	margin: 1em 0;
}
.treeview .hover {
	color: #414142;
	cursor: pointer;
}
.treeview li.collapsable, .treeview li.expandable {
}
 .treeview li.collapsable a::before:active {
 webkit-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 transform: rotate(90deg);
}
.treeview .expandable-hitarea {
}
.treeview li.last {
	background-position: 0 -1766px;
}
.treeview li.lastCollapsable {
	background-position: 0 -111px;
}
.treeview li.lastExpandable {
	background-position: -32px -67px;
}
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {
	background-position: 0 center;
}
.main-place {
	padding-left: 0;
}
.sub-section {
	padding-top: 20px;
	display: block;
}
.navToSelect {
	display: none;
}
.sharethis {
	display: block;
	color: #777;
	max-width: 100%;
	float: none;
	clear: both;
	text-align: right;
}
.sharethis ul {
	list-style-type: none;
}
.sharethis ul li {
	display: block;
	float: none;
	margin: 5px auto;
}
.sharethis ul li a {
	color: #ccc;
}
.share-facebook {
	background-color: currentColor;
	-webkit-mask-image: url(images/fb32.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% auto;
	-webkit-mask-position: center center;
	mask: url(images/fb32.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: 100% auto;
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
	height: 25px;
	width: 25px;
}
.share-twitter {
	background-color: currentColor;
	-webkit-mask-image: url(images/tw32.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% auto;
	-webkit-mask-position: center center;
	mask: url(images/tw32.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: 100% auto;
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
	height: 25px;
	width: 25px;
}
.share-linkedin {
	background-color: currentColor;
	-webkit-mask-image: url(images/in32.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% auto;
	-webkit-mask-position: center center;
	mask: url(images/in32.svg);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: 100% auto;
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
	height: 25px;
	width: 25px;
}
.calendar-wrapper {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url(images/events-icon.jpg);
	background-origin: padding-box;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: left center;
	min-height: 60px;
	padding-left: 80px;
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: solid thin #eee;
}
.notices-wrapper {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url(images/ann-icon.jpg);
	background-origin: padding-box;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: left center;
	min-height: 60px;
	padding-left: 80px;
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: solid thin #eee;
}
.highlighted-template {
	background-image: url(images/neural.jpg);
	background-size: cover;
	background-color: #f7f7f7;
	max-width: 100%;
	max-height: 100%;
	margin-bottom: 30px;
	min-height: 150px;
}
div.highlighted-template-inner {
	background-color: #fff;
	padding: 30px 15px;
	margin: 30px;
	opacity: 1;
	height: auto;
	display: grid;
}
.hide-min768 {
	display: none;
	visibility: hidden;
}
.gallery-item {
	padding-bottom: 20px;
	max-height: 230px;
	overflow: hidden;
	min-height: 225px;
}
.box-left {
	border: solid thin #eee;
	padding-top: 15px;
}
.box-left:last-of-type {
	margin-bottom: 35px;
}
.box-left-item {
	background-color: transparent;
	margin-bottom: 15px;
}
.ss-place dl {
	order: 1 !important;
	margin-top: 0;
	border-top: none;
	font-size: 0.8em;
}
.mid-section {
	padding-top: 20px;
	padding-bottom: 20px;
}
}

/* @media (max-width: 768px) */
@media (max-width: 768px) {
.col-sm-9.clearfix {
	margin-top: 10px;
	margin-bottom: 5px;
}
.navbar-nav {
	margin-top: 30px;
	margin-right: -15px;
	margin-bottom: 10px;
	margin-left: -15px;
}
.navbar ul > li:first-child {
	margin-top: 10px;
}
.navbar ul li > ul:not(li):not(:first-child) {
	margin-top: 0;
}
.search-form {
	position: absolute;
	top: 7px;
	right: 10px;
	padding-right: 0;
}
.search-form .search-btn {
	background-image: url(images/icon-search.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 27px;
	background-color: transparent;
	border-top: none;
	border-top-style: none;
	border-right: none;
	border-right-style: none;
	border-bottom: none;
	border-bottom-style: none;
	border-style: none;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	width: 45px;
	height: 36px;
	right: 0px;
	top: -2px;
	cursor: pointer;
}
.search-form input[type=search] {
	background-color: #ccc;
}
.search-form input[type=search]:focus {
	background-color: #fff;
	border: dashed 1px #eee;
}
.site-branding {
	padding-bottom: 0px;
}
.site-image {
	display: none;
	visibility: none;
}
.site-top-spacing {
	border-bottom: solid 20px #ddd;
	margin-bottom: 25px;
}
.site-logo {
	margin: auto -15px;
}
.site-logo h2 {
	font-size: 24px;
}
.site-logo h5 a {
	display: none;
	visibility: hidden;
}
.h1, h1 {
	font-size: 28px;
}
.bread-crumb {
	display: none !important;
}
.banner .container.carousel {
	padding-right: 0;
	padding-left: 0;
}
.image-slide {
	padding-right: 0;
}
.banner-description {
	display: block;
	padding: 15px;
}
.banner-description h3 {
	font-size: 1.3em;
	margin-top: 2px;
}
.mid-section {
	margin: 20px auto;
	padding-right: 0;
	padding-left: 0;
}
.news-section {
	background: #f7f7f7;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	min-height: 300px;
	margin-bottom: 20px;
	height: auto;
}
.left-sidebar {
	background-color: #f7f7f7;
	font-size: 0.85em;
	float: none;
	clear: both;
}
.left-sidebar h4 {
	padding: 15px;
	background-color: #e0e0e0;
	font-size: 1em;
	font-weight: bold;
	color: #444;
	margin: auto -15px;
	display: none;
}
.left-sidebar-list-wrapper {
	padding: 10px 10px;
	display: none !important;
	float: none;
}
nav#mobile-nav {
	width: 100% !important;
	box-sizing: border-box;
	padding: 15px 0;
	float: none;
	clear: both;
}
nav#mobile-nav ul {
	display: none;
}
nav#mobile-nav select {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	border: solid 3px #ccc;
}
.navToSelect {
	display: block;
}
.sharethis {
	display: none;
	visibility: hidden;
}
.carousel-indicators {
	display: none !important;
}
.right-sidebar {
	margin: 25px auto;
	display: block;
	padding-top: 15px;
	border-top: solid 5px #ddd;
}
.right-sidebar .h5, .right-sidebar h5 {
	font-size: 15px;
	font-weight: bold;
	line-height: normal !important;
}
div.clearfix a.white {
	display: none;
	visibility: hidden;
}
#block-fixitydepts-content, .person-container {
	display: flex !important;
	flex-direction: column;
}
.ss-place {
	order: 1 !important;
	margin-top: 0;
	border-top: none;
	font-size: 0.9em;
}
.main-place {
	order: 2 !important;
}
.featured-spotlight {
	background-color: transparent;
	margin-top: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.news-item, .events-item {
	margin-bottom: 15px;
	position: relative;
}
.page-content {
	margin-top: 20px;
}
.person-item-bg {
	background-color: #eee;
	margin-bottom: 15px;
	display: inline-flex;
	clear: both;
}
.img-wrapper-block {
	max-height: inherit;
}
.page-content img[property$="property=schema:image"] {
	max-width: 100% !important;
}
.calendar-wrapper, .notices-wrapper {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: solid thin #eee;
}
.news-baseline {
	border-bottom: solid thin #ddd;
	display: block;
	padding: 0 0 10px 0;
	margin-top: 0;
	margin-bottom: 15px;
}
.highlighted-template {
	background-image: none !important;
	max-width: 100%;
	max-height: 100%;
	min-height: auto;
	margin-bottom: 20px;
	border-bottom: solid thin #ddd;
	padding: 0;
}
div.highlighted-template-inner {
	background-color: #fff;
	padding: 20px 0;
	opacity: 1;
	height: auto;
}
.show-max768 {
	display: block;
	visibility: visible;
	width: 100%;
}
blockquote, .blockquote {
	font-size: 22px;
	line-height: 1.4;
	color: #aaa;
	overflow: hidden;
	float: none;
	margin-bottom: 15px;
	margin-right: 0;
	max-width: 100%;
	border-left: none;
	padding: 0;
	display: block;
}
blockquote::before, .blockquote::before {
	font-size: 30px;
	content: "“";
}
blockquote::after, .blockquote::after {
	font-size: 30px;
	content: "”";
}
.gallery-item {
	padding-bottom: 25px;
	max-height: none;
	min-height: 225px;
	padding-left: 0;
	padding-right: 0;
}
.footer {
	background-color: #444;
	background-image: none;
	background-repeat: repeat;
	background-size: cover;
}
.max768-sep {
	margin-bottom: 15px;
	clear: both;
}
.footer .navbar-nav {
	margin-top: 10px;
}
.footer ul.col-md-10.small {
	margin-bottom: 15px;
}
.footer-info {
}
}