/*
 *
 * City University of Hong Kong
 * ----------------------------
 * Site Specific SCSS
 *
 */

/* ================================================================================ RESET */

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, font, 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, section, article, aside, hgroup, header, footer, nav, dialog, figure, menu, video, audio, mark, time, canvas, details {
	font-family: 'Sora', sans-serif;
	background: transparent;
	-webkit-font-smoothing: antialiased;
}

/* RESET - layout */

* {
	scroll-behavior: smooth;
}
*, button:focus { /* remove focus border on Safari and Chrome */
	outline: none;
}
.cityu-main {
	padding-top: 8rem;
}
.cityu-main .section {
	padding-top: 0;
	padding-bottom: 0;
}
.cityu-main .section:last-child,
.cityu-main .section:last-of-type,
.cityu-main .section.full-width {
	padding-bottom: 8rem;
}
.cityu-content {
	font-size: inherit;
	margin: 0 !important;
	padding-bottom: 0 !important;
	line-height: 1.8;
}
.cityu-content > *:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
.cityu-content > *:only-child{
	margin-top: 0;
	padding-top: 0;
}
.stretched-link {
	text-decoration: none !important;
}

/* RESET - text */

body {
	font-size: 18px !important;
	line-height: 1.8;
	color: var(--lonndark);
	background: var(--lonnlight);
	word-wrap: break-word;
}
.cityu-base-style .cityu-content a {
	color: var(--lonnred);
}
header {
	background: var(--lonnlight) !important;
}
main {
	background: var(--lonnlight);
}
* {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.display {
	color: var(--lonnred);
	font-size: 2.5rem;
	font-weight: 200;
	line-height: 1.4;
}
@media screen and (max-width: 767px) {
	.display {
		font-size: 2rem;
	}
}
.display:only-child {
	padding-bottom: 0;
	margin-bottom: 0;
}
.miniheading {
	color: var(--lonnred);
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: .05rem;
	text-transform: uppercase;
}
small {
	font-size: .9rem;
}
.cityu-content h2 {
	color: var(--lonnred);
	font-size: 3rem;
	font-weight: 800;
	letter-spacing: 0;
	background: linear-gradient(225deg, var(--lonnred) 0%, var(--lonnred) 75%, var(--lonndarkred) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-top: 8rem;
	margin-bottom: 3rem;
}
.cityu-content h2 sup {
	background: inherit;
	-webkit-text-fill-color: var(--lonnred) !important;
}
.cityu-content h2:first-child {
	margin-top: 0;
}
.cityu-content h3 {
	margin-top: 6rem;
	margin-bottom: 1.5rem;
}
.cityu-content h4 {
	font-size: 1.2rem;
	line-height: 1.4;
}
.cityu-content h5 {
	color: var(--lonnred);
}
.helplink h2 {
	color: var(--lonnlight);
	font-size: 3rem;
	font-weight: 800;
	margin-bottom: 3rem;
}
/* RESET - text - retouch hyperlink */

.a {
	color: var(--lonnred) !important;
}
.cityu-content a:not([class^="lonnbtn"]) {
	border-bottom: 1px solid var(--lonndark); /* change from dotted */
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	cursor: pointer;
}
.cityu-content a:not([class^="lonnbtn"]):hover {
	color: var(--lonndark);
	text-decoration: none !important;
	border-bottom: 1px solid var(--lonnred);
}
.cityu-content p:last-child {
	margin-bottom: 0;
}
.cityu-content p a[target="_blank"]::after {
	font-family: bootstrap-icons;
	content: "\f144";
	font-size: 80%;
	padding-left: .25rem;
	vertical-align: -.05rem;
}
.cityu-content p a[href*=".pdf"]::after {
	font-family: bootstrap-icons;
	content: "\f30a";
}

/* RESET - buttons */

.lonnbtn {
	color: var(--lonndark) !important;
	font-size: .8rem;
	font-weight: 800;
	letter-spacing: .05rem;
	text-transform: uppercase;
	border: none !important;
	background: linear-gradient(to top, var(--lonnyellow) 50%, var(--lonnyellow) 50%) no-repeat left bottom;
	background-size: 100% 50%;
	text-decoration: none !important;
	margin-right: 20px;
	padding: .3rem;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	cursor: pointer !important;
}
.lonnbtn:hover,
.lonnbtn.active {
	background-size: 100% 100%;
}
.lonnbtn::after {
	display: none;
}
.lonnbtn:last-child {
	margin-right: inherit !important;
}
.lonnbtn-light {
	color: var(--lonnpale) !important;
	background: linear-gradient(to top, var(--lonndark) 50%, var(--lonndark) 50%) no-repeat left bottom;
	background-size: 100% 50%;
}
.lonnbtn-filter,
.lonnbtn-filter-light {
	position: relative;
	display: inline-block;
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: .05rem;
	text-transform: uppercase;
	line-height: 1;
	text-decoration: none !important;
	background-position: 100% 200%;
	border: none !important;
	margin-right: 0;
	padding: 1rem;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	-webkit-transition: .15s ease-in-out;
	-o-transition: .15s ease-in-out;
	transition: .15s ease-in-out;
}
.lonnbtn-filter {
	color: var(--lonndark) !important;
	background: linear-gradient(to top, var(--lonndark) 50%, var(--lonndark) 50%) no-repeat left bottom;
	background-size: 100% 0;
}
.lonnbtn-filter-light {
	color: var(--lonnlight) !important;
	background: linear-gradient(to top, var(--lonnlight) 50%, var(--lonnlight) 50%) no-repeat left bottom;
	background-size: 100% 0;
}
.lonnbtn-filter::after,
.lonnbtn-filter-light::after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: calc(100% + 25px);
	content: '';
}
.lonnbtn-filter::after {
	background: var(--lonndark);
}
.lonnbtn-filter-light::after {
	background: var(--lonnlight);
}
.lonnbtn-filter:last-child::after,
.lonnbtn-filter-light:last-child::after {
	width: 100%;
}
.lonnbtn-filter:hover,
.lonnbtn-filter.active {
	color: var(--lonndark) !important;
	background: linear-gradient(to top, var(--lonndark) 50%, var(--lonndark) 50%) no-repeat left bottom;
	background-size: 100% 15%;
}
.lonnbtn-filter-light:hover,
.lonnbtn-filter-light.active {
	color: var(--lonnlight) !important;
	background: linear-gradient(to top, var(--lonnlight) 50%, var(--lonnlight) 50%) no-repeat left bottom;
	background-size: 100% 15%;
}
.lonnbtn-filter-small {
	display: inline-block;
	font-size: .8rem;
	font-weight: 800;
	letter-spacing: .025rem;
	text-transform: uppercase;
	line-height: inherit;
	color: var(--lonnmedium) !important;
	background: linear-gradient(to top, var(--lonnmedium) 50%, var(--lonnmedium) 50%) no-repeat left bottom;
	background-size: 0 12%;
	background-position: 0 100%;
	border: none !important;
	text-decoration: none !important;
	padding: 0 .5rem .75rem;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.lonnbtn-filter-small:hover {
	color: var(--lonnmedium) !important;
	background: linear-gradient(to top, var(--lonnmedium) 50%, var(--lonnmedium) 50%) no-repeat left bottom;
	background-size: 100% 12%;
}
.lonnbtn-filter-small.active {
	color: var(--lonndarkred) !important;
	background: linear-gradient(to top, var(--lonndarkred) 50%, var(--lonndarkred) 50%) no-repeat left bottom;
	background-size: 100% 12%;
}
	/* Page number etc. */
.lonnbtn-filter-sub {
	position: relative;
	display: inline-block;
	color: var(--lonndark) !important;
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: .05rem;
	text-transform: uppercase;
	line-height: 1;
	text-decoration: none !important;
	border: 1px solid var(--lonnlight);
	background-color: var(--lonnpale);
	padding: .5rem 1rem;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.lonnbtn-filter-sub:hover,
.lonnbtn-filter-sub.active {
	color: var(--lonnlight) !important;
	background-color: var(--lonndark);
}

/* RESET - ul */

.cityu-content ul.basic {
	list-style: none;
	padding-left: 0;
}
.cityu-content ul.basic:last-child {
	margin-bottom: 0 !important;
}
.cityu-content ul.basic > li {
	position: relative;
	padding-left: 1.5rem !important;
	margin-bottom: 1rem;
}
.cityu-content ul.basic > li:last-child {
	margin-bottom: 0;
}
.cityu-content ul.basic li::before {
	position: absolute;
	font-family: bootstrap-icons;
	content: "\f287";
	font-size: 40%;
	color: var(--lonnred) !important;
	margin-left: -1.5rem !important; /* same as padding-left set on li */
	margin-top: .5rem;
	width: 1.5rem !important; /* same as padding-left set on li */
}
.cityu-content li { /* new v2.1.0 */
	padding-left: 1rem;
}
.cityu-content ol li[class="d-block"] {
}

/* RESET - icon */

.fa-info-circle::before {
	font-family: bootstrap-icons;
	content: "\f430";
}

/* RESET - card */

.card {
	box-shadow: none;
	border: none;
}

/* RESET - badge */

.rounded-pill {
	color: var(--lonnlight);
	background-color: var(--lonndark);
	padding: .25rem .5rem;
}

/* RESET (kinda) - border box */
	/* text */
.borderbox a {
	color: var(--lonndark) !important;
	border: none !important;
}
.borderbox a:hover {
	color: var(--lonndark) !important;
}
.borderbox-red a {
	color: var(--lonnred) !important;
	border: none !important;
}
.borderbox-red a:hover {
	color: var(--lonnpale) !important;
}
	/* box */
.borderbox,
.borderbox-red {
	position: relative !important;
	display: block;
	font-size: .9rem;
	text-transform: uppercase;
	letter-spacing: .05rem;
	background: var(--lonnpale) !important;
	padding: 1.5rem;
	cursor: pointer;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.prog.summer .borderbox {
	font-size: .9rem;
	letter-spacing: inherit;
	line-height: 1.2;
	text-transform: inherit;
}
.borderbox {
	color: var(--lonndark);
	border: 1px solid var(--lonndark);
}
.borderbox-red {
	color: var(--lonnred);
	border: 1px solid var(--lonnred);
}
.borderbox:hover,
.borderbox-red:hover {
	color: var(--lonnpale) !important;
}
.borderbox:hover {
	background-color: var(--lonnlight) !important;
}
.borderbox-red:hover {
	background-color: var(--lonndarkred) !important;
}
	/* shadow border */
.borderbox::before,
.borderbox-red::before {
	position: absolute !important;
	z-index: -1;
	left: .5rem;
	top: .5rem;
	width: 100%;
	height: 100%;
	content: "";
}
.borderbox::before {
	border: 1px solid var(--lonndark);
}
.borderbox-red::before {
	border: 1px solid var(--lonnred);
}
	/* shadow color */
.borderbox::after,
.borderbox-red::after {
	position: absolute !important;
	z-index: -1;
	left: calc(100% + .5rem);
	top: calc(100% + .5rem);
	width: 0%;
	height: 0%;
	content: "";
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.borderbox::after {
	background-color: var(--lonndark);
}
.borderbox-red::after {
	background-color: var(--lonnred);
}
.borderbox:hover::after,
.borderbox-red:hover::after {
	position: absolute !important;
	z-index: -1;
	left: .5rem;
	top: .5rem;
	width: 100%;
	height: 100%;
}

	/* programme guidelines */
.prog .guideline .borderbox {
	background: var(--lonnlight);
	height: 100%;
	line-height: 1.5;
}
.prog .guideline .borderbox > div:first-child {
	display: inline-block;
	width: 40%;
}
.prog .guideline .borderbox > div:last-child {
	display: inline-block;
	float: right;
	width: calc(100% - 40%);
	padding-bottom: 1.5rem;
}
.prog .guideline .borderbox img {
	max-width: 100%;
	height: auto;
	padding-right: 1.5rem;
}
.prog .guideline .borderbox h4 {
	margin-top: 0 !important;
	line-height: 1.4;
}
	/* programme pdf pages or spreads */
@media screen and (orientation: landscape) {
	.prog .page {
		display: none;
	}
}
@media screen and (orientation: portrait) {
	.prog .spread {
		display: none;
	}
}
/* RESET (kinda) - images with links */

.imglink-div {
	margin-bottom: 3rem;
}
.imglink-div a {
	border-bottom: none !important;
}
.imglink {
	position: relative;
	display: block;
	left: 0;
	top: 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	box-shadow: 0 0 var(--lonnred);
	border: none !important;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.imglink:hover {
	left: .5rem;
	top: -.5rem;
	box-shadow: -1rem 1rem var(--lonnred);
}
.imglink-caption {
	display: inline-block;
	color: var(--lonndark);
	font-size: .9rem;
	line-height: 1.4;
	border-top: 1px solid var(--lonndark);
	margin-top: 1rem !important;
	padding-top: .5rem;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.imglink-caption:hover {
	color: var(--lonnred);
}
a[href*=".pdf"] .imglink-caption::before {
	font-family: bootstrap-icons;
	content: "\f30a";
	padding-right: .5rem;
}
.imglink-simple {
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.imglink-simple:hover {
	filter: brightness(1.1) opacity(.8);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
/* Reset (kinda) - card block */
.cardblock > div {
	margin-bottom: 2rem;
	min-height: 200px;
}
.cardblock .card {
	height: 100%;
	box-shadow: none;
}
.cardblock .card-body {
	background-size: cover;
	background-position: center;
}
.cardblock .card-body div {
	color: var(--lonnpale);
	background: linear-gradient(135deg, rgba(35,31,32,.8), rgba(35,31,32,.4));
	font-size: 1.25rem;
	font-weight: 700;
	line-height: normal;
	padding: 1rem;
}
.cardblock .card-body p {
	font-size: .9rem;
	padding-top: .5rem;
}
/* ================================================================================ Structure */

/*
 *
 * Navbar
 *
 */

/* Navbar - retouch menu */

/* Navbar - menu bar on sm & md screen */

.header-smallscreen {
	position: absolute;
	width: 40vmax;
	top: 0;
	left: 0;
	z-index: 2;
	margin: 1rem;
}
.littlemenubar {
	position: fixed;
	display: block;
	color: var(--lonnlight) !important;
	background-color: var(--lonndark);
	opacity: .8;
	font-size: 1.5rem;
	line-height: 48px;
	text-align: center;
	bottom: 80px;
	right: 1rem;
	width: 32px;
	height: calc(32px * 1.5);
	-webkit-transition: .3s ease-in-out !important;
	-o-transition: .3s ease-in-out !important;
	transition: .3s ease-in-out !important;
	z-index: 1016;
}
.littlemenubar:hover {
	color: var(--lonnyellow) !important;
	opacity: 1;
}

/* Navbar - menu bar on lg screen */


.cityu-menu {
	animation: FadeInMoveDown 1s;
}
@keyframes FadeInMoveDown {
	0% {
		opacity: 0;
		transform: translateY(-1rem);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.navbar {
	padding: 0 !important;
}
.navbar > a {
	cursor: pointer !important;
}
.navbar .navbar-logo {
	height: 60px !important;
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}
.navbar .navbar-logo-bms {
	display: none !important;
}
.navbar .nav-item .nav-link {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
	padding-right: .75rem;
	font-size: .95rem !important;
	font-weight: 700 !important;
	text-transform: lowercase;
	letter-spacing: .025rem;
	color: var(--lonnlight) !important;
	background-color: inherit !important;
	cursor: pointer !important;
}
.navbar .nav-item:active,
.navbar .nav-item:active .nav-link,
.navbar .nav-item:hover,
.navbar .nav-item:hover .nav-link {
	color: var(--lonnyellow) !important;
	background-color: inherit !important;
}
.navbar .nav-item:active,
.navbar .nav-item:hover {
	box-shadow: inset 0 -.5rem var(--lonnyellow);
}

/* Navbar - change appearance on scroll */

.navbar.scrolled {
	background-color: rgba(0,0,0,.85) !important;
}
.navbar a.scrolled {
	text-decoration: none !important; /* remove logo underline */
}
.navbar,
.navbar .navbar-logo,
.navbar .navbar-logo-bms,
.navbar .nav-item,
.navbar .nav-link {
	-webkit-transition: .3s ease-in-out !important;
	-o-transition: .3s ease-in-out !important;
	transition: .3s ease-in-out !important;
}
.navbar .navbar-logo.scrolled {
	content: url("//template.cityu.edu.hk/template/v2/logo/CityU/CityU_Mini_Logo.svg") !important;
	height: 40px !important;
	margin: inherit !important;
}
.navbar .navbar-logo-bms.scrolled {
	display: inherit !important;
	height: 30px !important;
}
.navbar .nav-item.scrolled,
.navbar .nav-item.scrolled .nav-link {
	color: var(--lonnlight) !important;
}
.navbar .nav-item.scrolled:active,
.navbar .nav-item.scrolled:active .nav-link,
.navbar .nav-item.scrolled:hover,
.navbar .nav-item.scrolled:hover .nav-link {
	color: var(--lonnyellow) !important;
}

/* Navbar - drop down */

.navbar .dropdown-menu {
	width: 18rem !important;
	background-color: var(--lonnpale) !important;
	box-shadow: none !important;
}
.navbar .dropdown-toggle::after,
.navbar .nav-link.dropdown-toggle::after {
	content: inherit !important;
}
.navbar .dropdown-item {
	color: var(--lonnred) !important;
	font-size: .9rem !important;
	font-weight: 500 !important;
	background-color: inherit !important;
	padding-top: .5rem !important;
	padding-bottom: .5rem !important;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.navbar .dropdown-item[href="#"] {
	color: var(--lonndark) !important;
}
.navbar .dropdown-item:hover {
	color: var(--lonndark) !important;
}
.navbar .dropdown-item::after {
	position: absolute !important;
	font-family: bootstrap-icons !important;
	font-weight: 500 !important;
	font-size: inherit !important;
	opacity: inherit !important;
	top: .5rem !important;
	right: .75rem !important;
}

/* Navbar - drop down - add icon after */

.navbar .dropdown-item[target="_blank"]::after {
	content: "\f144";
}
.navbar .dropdown-item[data-addicon="forinternaluse"]::after {
	content: "\f47a";
}

/* Navbar - drop down - reset list style type */

.navbar .dropdown-menu > li {
	border: 0 !important;
}
.navbar .dropdown-menu > li > ul {
	list-style: none;
	margin-left: .75rem;
	padding-left: 0;
}
.navbar .dropdown-menu > li > ul > li {
	position: relative;
	padding-left: .3rem;
	padding-right: .5rem;
	border: 0 !important;
}
.navbar .dropdown-menu > li > ul > li::before {
	position: absolute;
	font-family: bootstrap-icons;
	content: "\f287";
	font-size: 50%;
	font-weight: normal;
	color: var(--lonnred);
	margin-left: -.3rem; /* same as padding-left set on li */
	width: .3rem; /* same as padding-left set on li */
	margin-top: .65rem;
}

/*
 *
 * Sidebar
 *
 */

.cityu-sidebar {
	font-size: .9rem;
	top: calc(67px + 1rem);
}
.cityu-sidebar > ul {
	padding: 0 0 0 1rem;
}
.cityu-sidebar > ul > li {
	padding: 0 1rem;
}
.cityu-sidebar > ul > li > ul {
	list-style: none;
	padding-left: 0;
}
.cityu-sidebar > ul > li > ul > li {
	position: relative;
	padding-left: 1rem !important;
}
.cityu-sidebar > ul > li > ul > li::before {
	position: absolute;
	font-family: bootstrap-icons;
	content: "\f287";
	font-size: 60%;
	margin-left: -2rem !important; /* same as padding-left set on li */
	width: 1rem !important; /* same as padding-left set on li */
	margin-top: .7rem;
}
.cityu-sidebar h2 {
	background: var(--lonnmedium);
	color: var(--lonnlight);
	-webkit-background-clip: initial;
	-webkit-text-fill-color: initial;
	font-size: 1.75rem;
	text-transform: lowercase;
	padding-top: 1rem;
	margin-bottom: 1rem;
}
.cityu-sidebar h2::before {
	display: block;
	content: "More in ";
}
.cityu-sidebar a {
	color: var(--lonnlight) !important;
	border: none !important;
	padding-left: 0 !important;
}
.cityu-sidebar a.active {
	color: var(--lonnyellow) !important;
}
.cityu-sidebar a[href="#"] {
	opacity: .5;
}
.cityu-sidebar a[href="#"]:hover {
	color: inherit !important;
}
.cityu-sidebar a:hover {
	color: var(--lonnred) !important;
}
.cityu-sidebar a::after {
	opacity: 1 !important;
}
.cityu-sidebar a[target="_blank"]::after {
	font-family: bootstrap-icons;
	content: "\f144";
}
.cityu-sidebar a[data-addicon="forinternaluse"]::after {
	display: inline-block;
	position: absolute;
	font-family: bootstrap-icons;
	content: "\f47a";
}
.cityu-sidebar ul ul a[data-addicon="forinternaluse"]::after,
.cityu-sidebar ul ul ul a[data-addicon="forinternaluse"]::after {
	top: .7rem;
	right: 1rem;
}

/*
 *
 * Hero
 *
 */

.hero {
	position: relative;
	width: 100vw;
	height: 100%;
	padding-top: calc(24px + 70px + 80px);
	z-index: -1;
}

.hero-bg {
	height: 40rem; /* image height */
	width: 70%;
	margin-left: 30%;
	margin-bottom: calc(-40rem / 4 * 2);
	background-size: cover; /* image width */
	background-position: center;
	background-repeat: no-repeat;
	animation: SlideUpHeroBg 1s;
}
@keyframes SlideUpHeroBg {
	0% {
		transform: translateY(6rem);
	}
	100% {
		transform: translateY(0);
	}
}
.hero-title {
	min-height: calc(40rem / 4 * 2);
}
.hero-text {
	display: inline-block;
	color: var(--lonnpale);
	background: linear-gradient(120deg, rgba(124,37,124,1) 0%, rgba(124,37,124,1) 20%, rgba(191,22,94,.8) 60%, rgba(191,22,94,.8) 80%);
	margin: 0 !important;
	padding: 1rem;
	animation: FadeinLeftHeroText 1s ease-out;
}
.ug.summer.indivpage .hero-text {
	display: inline-block;
	color: var(--lonnpale);
	background: transparent;
	margin: 0 !important;
	padding: 0;
	animation: inherit;
}
.ug.summer.indivpage h3 {
	font-weight: 600 !important;
}
@keyframes FadeinLeftHeroText {
	0% {
		opacity: .5;
		transform: translateX(6rem);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
.hero-text h1 {
	font-size: calc(40rem / 4 * 2 * .275);
	font-weight: 600;
	letter-spacing: .08rem;
}
.hero-text p {
	display: inline-block;
	font-size: 1rem;
	background-color: var(--lonndarkred);
	padding: .25rem 1rem;
}
@media screen and (max-width: 991px) {
	.hero {
		padding-top: 6rem;
	}
	.hero-bg {
		height: 50vh;
		min-height: 20rem;
		width: 100%;
		margin-left: 0;
	}
	.hero-title {
		padding-top: 6rem;
	}
	.hero-text h1 {
		font-size: 3rem;
	}
}
.gradient-dark01 {
	background-color: var(--lonndark);
	background-image: linear-gradient(150deg, #231557, #44107A, #FF1361, #FFC500);
	background-size: 400% 400%;
	animation: gradient 7.5s ease-in-out infinite;
}
.gradient-dark02 {
	background-color: var(--lonndark);
	background-image: linear-gradient(150deg, #000428, #0A2CC1, #184B7A, #14557b);
	background-size: 400% 400%;
	animation: gradient 7.5s ease-in-out infinite;
}
.gradient-dark03 {
	background-color: var(--lonndark);
	background-image: linear-gradient(150deg, #1e3b70, #29539b, #7f5a83, #0d324d);
	background-size: 400% 400%;
	animation: gradient 7.5s ease-in-out infinite;
}
.gradient-dark04 {
	background-color: var(--lonndark);
	background-image: linear-gradient(150deg, #048D87, #358D99, #6BA821, #438524);
	background-size: 400% 400%;
	animation: gradient 7.5s ease-in-out infinite;
}
.gradient-dark05 {
	background-color: var(--lonndark);
	background-image: linear-gradient(150deg, #000000, #a55c1b, #d58936, #69140e);
	background-size: 400% 400%;
	animation: gradient 7.5s ease-in-out infinite;
}
.dark05 {
	background: linear-gradient(150deg, #a55c1b, #d58936);
}
.gradient-dark06 {
	background-color: var(--lonndark);
	background-image: linear-gradient(150deg, #CE6E0D, #A00505, #D16F05, #9B066E);
	background-size: 400% 400%;
	animation: gradient 7.5s ease-in-out infinite;
}
.dark06 {
	background: linear-gradient(150deg, #A00505, #CE6E0D);
}
.gradient-dark07 {
	background-color: var(--lonndark);
	background-image: linear-gradient(150deg, #7BCEC5, #125379, #A00505, #D58023);
	background-size: 400% 400%;
	animation: gradient 7.5s ease-in-out infinite;
}
@keyframes gradient {
	0% {background-position: 0 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}
.gradient-dark08 {
	background-color: var(--lonndark);
	background-image: linear-gradient(150deg, #ffc72c, #a55c1b, #D16F05, #9B066E);
	background-size: 400% 400%;
	animation: gradient 7.5s ease-in-out infinite;
}
.dark08 {
	background: linear-gradient(150deg, #a55c1b, #ffc72c);
}

/*
 *
 * Breadcrumb
 *
 */

/* Breadcrumb - reset home button */
a[href="./"] {
	display: none !important;
}
.cityu-breadcrumb p {
	float: left;
}
/* Breadcrumb - align to bottom */

/* Breadcrumb - text */
.breadcrumb-item,
.subpage-breadcrumb {
	line-height: 1.5 !important;
}
.cityu-breadcrumb a,
.subpage-breadcrumb a { /* link text */
	color: var(--lonnlight);
	font-size: .9rem;
	text-decoration: none;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.cityu-breadcrumb a:hover,
.subpage-breadcrumb a:hover { /* link text on hover */
	color: var(--lonnyellow) !important;
}
.cityu-breadcrumb a[href="#"], .cityu-breadcrumb a[href="#"]:hover, .cityu-breadcrumb .breadcrumb-item + .breadcrumb-item::before { /* non-link text */
	color: var(--lonnlight) !important;
	background: transparent;
}

/* Breadcrumb - separator */

.cityu-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
.subpage-breadcrumb span::before {
	display: contents;
	font-family: "FontAwesome";
	content: "  \f061     ";
	white-space: pre;
	font-size: .6rem;
	color: var(--lonnlight) !important;
}

/*
 *
 * Divider
 *
 *
 */

.dividernew {
	display: inline-block;
	color: var(--lonndark);
	font-size: .7rem;
	font-weight: 600;
	letter-spacing: .05rem;
	margin: 6rem 0;
	text-transform: uppercase;
}
.dividernew-inner {
	display: inline-flex;
	margin-left: calc(-50% + .8rem / 2);
	white-space: nowrap;
	align-items: center;
	transform: translate(0,100%) rotate(-90deg);
	transform-origin: 0 0;
}
.dividernew-inner:after {
	content: "";
	float: left;
	margin-top: 100%;
}
.dividernew-highlight-text {
	color: var(--lonnred);
}
.dividernew-bar {
	margin-left: 1rem;
	width: 12rem; /* line width */
	height: 1px;
	background-color: var(--lonndarkred);
}

/*
 *
 * Date
 *
 *
 */

.date {
	color: var(--lonnlight);
	font-size: .8rem;
	background: var(--lonnmedium);
	border-top: 1px solid var(--lonnlight);
}
.date p {
	margin: 0;
	padding: .8rem 0;
}
.date-subpage {
	display: inline-block;
	color: var(--lonnmedium);
	font-size: .8rem;
	border-top: 1px solid var(--lonnmedium);
	margin-top: 3rem;
	margin-bottom: 0;
	padding-top: .4rem;
}

/*
 *
 * Footer & sitemap
 * (cityu-sitemap = footer)
 *
 */

.cityu-footer-copyright {
	right: inherit;
	font-size: .8rem;
}
.cityu-sitemap {
	background-image: linear-gradient(var(--lonndark), var(--lonndark));
}
.sitemap-color-default,
.sitemap-color-default a {
	font-size: .8rem !important;
}
.cityu-sitemap a[href="#"], .cityu-sitemap a[href="#"]:hover {
	border-bottom: none;
}

.cityu-footer-bottom {
	line-height: 1.2rem !important;
	text-decoration: none;
}

/* Footer & sitemap - reset menu style */

.cityu-sitemap a[data-toggle="dropdown"] {
	font-size: .95rem !important;
	font-weight: 600;
	letter-spacing: .025rem;
	text-transform: lowercase;
}
.cityu-sitemap-list ul li {
	line-height: 1 !important;
}
.cityu-sitemap-list > ul > li > ul {
	margin-top: 2rem;
}

/* Footer & sitemap - reset dropdown menu style */

.cityu-sitemap-list li li,
.cityu-sitemap-list li li a,
.cityu-sitemap-list li li a:hover,
.cityu-sitemap-list li li li,
.cityu-sitemap-list li li li a,
.cityu-sitemap-list li li li a:hover {
	text-decoration: none;
	line-height: 1.2rem !important;
	padding-bottom: .025rem;
	-webkit-transition: .3s ease-in-out !important;
	-o-transition: .3s ease-in-out !important;
	transition: .3s ease-in-out !important;
}
/* redesigned by Lonn */
@media screen and (max-width: 767px) {
	.cityu-sitemap-list li li,
	.cityu-sitemap-list li li a,
	.cityu-sitemap-list li li a:hover,
	.cityu-sitemap-list li li li,
	.cityu-sitemap-list li li li a,
	.cityu-sitemap-list li li li a:hover {
		padding-bottom: .25rem;
	}
	.cityu-sitemap a[data-toggle="dropdown"] {
		font-size: 1.2rem !important;
	}
	.sitemap-color-default a {
		font-size: .9rem !important;
	}
}
.cityu-sitemap-list li li a,
.cityu-sitemap-list li li li a {
	border-bottom: 1px solid rgba(255,255,255,.5);
}
.cityu-sitemap-list li li a:hover,
.cityu-sitemap-list li li li a:hover {
	border-bottom-color: var(--lonnyellow);
}

/* Footer & sitemap - reset list style type */

.cityu-sitemap-list ul ul ul {
	list-style: none;
}
.cityu-sitemap-list li li li {
	margin-left: 0;
}
.cityu-sitemap-list ul ul ul > li {
	position: relative;
	padding-left: .8rem;
}
.cityu-sitemap-list ul ul ul li::before {
	position: absolute;
	font-family: bootstrap-icons;
	content: "\f287";
	font-size: 60%;
	margin-left: -.8rem; /* same as padding-left set on li */
	width: .8rem; /* same as padding-left set on li */
	margin-top: -.1rem;
}

/* Footer & sitemap - retouch logos on small screen */

.cityu-footer-logo {
	color: var(--lonnlight);
}
.cityu-footer-logo a {
	text-decoration: none;
}
.cityu-footer-logo a:hover {
	text-decoration-color: var(--lonnred) !important;
}
.footer-logo-cityu {
	height: 60px !important;
	padding-right: 16px;
}
.footer-logo-bms {
	height: 28px !important;
	border-left: 1px solid var(--lonnlight);
	padding-left: 1rem;
}

/*
 *
 * Helpful links
 *
 */

.helplink {
	background-color: var(--lonnmedium);
	padding: 8rem 0;
}

/*
 *
 * Cookie Area
 *
 */

.cityu-cookie-info {
	display: none !important;
	background-color: rgba(255,255,255,.8) !important;
}
.cityu-cookie-info p, .cityu-cookie-info a {
	font-size: .9rem;
	line-height: 1.3;
}

/*
 *
 * Back to top button
 *
 */

.cityu-backtotop {
	background-color: var(--lonnpale);
	box-shadow: none;
	border-radius: 0 !important;
	bottom: calc(80px + 15px + 40px);
	width: 32px;
	height: calc(32px * 1.5);
}
.cityu-backtotop:hover {
	background-color: var(--lonnpale);
}
.cityu-backtotop .fas {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.cityu-backtotop .fa-chevron-up::before {
	color: var(--lonndark);
	font-family: bootstrap-icons;
	content: "\f148";
	font-weight: 300;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: .3s ease-in-out !important;
	-o-transition: .3s ease-in-out !important;
	transition: .3s ease-in-out !important;
}
.cityu-backtotop .fa-chevron-up:hover::before {
	color: var(--lonnred);
}

/*	INDIVIDUAL PAGE ===============================================================================
	===============================================================================================
	===============================================================================================
	===============================================================================================
	============================================================================================ */

/*
 *
 * Homepage
 *
 */
/* Homepage - hero */
.hp-hero {
	position: relative;
	display: block;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
.hp-hero .hero-bg-overlay {
	position: absolute;
	display: flex;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: url("/bms/img/homepage/homepage-hero-09.jpg");
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	filter: brightness(30%) contrast(100%);
	align-items: center;
	justify-content: center;
	flex-direction: column;
	object-fit: cover;
	object-position: center;
	animation: ZoomOutHero 20s infinite alternate ease-out;
	animation-fill-mode: both;
}
@keyframes ZoomOutHero {
	0% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
/* Homepage - elements */
.hp h1 {
	font-size: 5rem;
	font-weight: 100;
	line-height: 1;
	margin: 0;
}
.hp-button {
	position: relative;
	left: 0;
	top: 0;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hp-button:hover {
	left: .25rem;
	top: -.25rem;
}
.hp-button a::after {
	font-family: "Font Awesome 5 Free";
	content: "\f061";
	padding-left: .5rem;
}
.hp-button a {
	display: inline-block;
	padding: .5rem 1rem;
	color: var(--lonndark);
	background-color: var(--lonnlight);
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 0 var(--lonndark);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hp-button a:hover {
	box-shadow: -.5rem .5rem var(--lonndark);
	text-decoration: none;
}
/* Homepage - highlight - carousel - slides */
.cityu-base-style .section-highlight a:hover {
	text-decoration: none;
}
.section-highlight {
	position: absolute;
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	margin-top: 3rem;
	z-index: 3;
	animation: SlideIn 1.5s;
}
@keyframes SlideIn {
	0% {
		transform: translateY(100vw);
	}
	10% {
		transform: translateY(100vw);
	}
	100% {
		transform: translateY(0);
	}
}
.section-highlight .carousel .carousel-item .card {
	border: none;
	background-color: transparent;
}
.section-highlight .carousel .carousel-item .card img {
	object-fit: cover;
	object-position: center;
	height: 30rem;
	overflow: hidden;
}
.section-highlight .carousel .carousel-item .card-body {
	position: absolute;
	width: calc(100% / 3);
	color: var(--lonnpale);
	padding: 0;
	z-index: 3;
}
.section-highlight .carousel .carousel-item .card-body .news-date {
	color: var(--lonnlight);
	font-size: .8rem;
	font-weight: 600;
	letter-spacing: .01rem;
	line-height: 1 !important;
	margin: 3rem 0 1rem;
}
.section-highlight .carousel .carousel-item .card-body .news-head {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	text-wrap: balance;
	margin-bottom: 0;
}
.section-highlight .carousel .carousel-item .card-body .news-head span {
	background: linear-gradient(120deg, rgba(124,37,124,1) 0%, rgba(191,22,94,1) 20%, rgba(191,22,94,1) 60%, rgba(107,32,62,1.00) 80%);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.section-highlight .carousel .carousel-item .card-body .news-lead {
	display: inline-flex;
	font-size: .75rem;
	font-weight: 800;
	letter-spacing: .075rem;
	text-transform: uppercase;
	border-bottom: 2px solid;
}
.section-highlight .carousel .carousel-item a:hover .card-body {
	text-decoration: none;
}
.section-highlight .carousel .carousel-item a .card-body .news-head,
.section-highlight .carousel .carousel-item a .card-body .news-lead {
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.section-highlight .carousel .carousel-item a:hover .card-body .news-head span {
	filter: contrast(500%);
}
.section-highlight .carousel .carousel-item a:hover .card-body .news-lead {
	color: var(--lonnred);
}
@media screen and (orientation: portrait) and (max-width: 575px) {
	.section-highlight {
		margin-top: 0;
	}
	.section-highlight .carousel .carousel-item .card-body {
		position: inherit;
		width: inherit;
		height: 30vh;
		overflow: hidden;
		padding: 1rem;
		z-index: inherit;
		background: linear-gradient(120deg, rgba(124,37,124,1) 0%, rgba(191,22,94,1) 20%, rgba(191,22,94,1) 60%, rgba(107,32,62,1.00) 80%);
	}
	.section-highlight .carousel .carousel-item .card-body .news-date {
		margin-top: 0 !important;
	}
	.section-highlight .carousel .carousel-item .card-body .news-head {
		font-size: 1.2rem;
		margin-bottom: .5rem;
	}
	.section-highlight .carousel .carousel-item .card-body .news-head span {
		background: none;
	}
	.section-highlight .carousel .carousel-item a:hover .card-body .news-lead {
		color: var(--lonnpale);
	}
	.section-highlight .carousel .carousel-item .card img {
		height: 30vh;
	}
	.section-highlight .carousel .carousel-indicators {
		display: none;
	}
}
@media screen and (orientation: landscape) and (max-height: 576px) {
	.section-highlight {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.section-highlight .carousel .carousel-item .card img {
		height: 15rem;
	}
	.section-highlight .carousel .carousel-item .card-body .news-head {
		font-size: 1.5rem;
	}
	.section-highlight .carousel .carousel-item .card-body {
		width: 75%;
	}
	.section-highlight .carousel .carousel-indicators {
		display: none;
	}
}
@media screen and (orientation: portrait) and (min-width: 768px) and (max-width: 991px) {
	.hp-hero {
		height: 75vh;
	}
	.section-highlight {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.section-highlight .carousel .carousel-item .card img {
		height: 24rem;
	}
	.section-highlight .carousel .carousel-item .card-body .news-head {
		font-size: 1.5rem;
	}
	.section-highlight .carousel .carousel-item .card-body {
		width: 50%;
	}
}
.section-highlight .carousel .carousel-indicators {
	justify-content: flex-end;
	margin: 0;
	padding: 0;
	right: 0;
}
.section-highlight .carousel .carousel-indicators button {
	width: calc(10 / 12 * 100% / 5);
	height: 6px;
	margin: 0;
	border: none;
}
.section-highlight .carousel .carousel-indicators [data-bs-target] {
	background-color: var(--lonnmedium);
	opacity: 100%;
}
.section-highlight .carousel .carousel-indicators [data-bs-target].active {
	background-color: var(--lonnyellow);
}
.section-highlight .carousel .lonn-carousel-control-group {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 2rem;
	font-weight: 600;
	line-height: 2;
	z-index: 3;
}
.section-highlight .carousel .lonn-carousel-control-link {
	width: 4rem;
	text-align: center;
	color: var(--lonnmedium);
	background: var(--lonnlight);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.section-highlight .carousel .lonn-carousel-control-link:hover {
	color: var(--lonnpale);
	background: var(--lonnmedium);
	text-decoration: none;
}
@media screen and (max-width: 991px) {
	.section-highlight .carousel .lonn-carousel-control-group {
		position: relative;
		right: inherit;
		margin-top: .25rem;
		font-size: 1.5rem;
		line-height: 2;
	}
	.section-highlight .carousel .lonn-carousel-control-link {
		width: 3rem;
	}
}
/* Homepage - event */

.hp .section-whatson-event {
	margin-top: 3rem;
	margin-bottom: 4rem;
}
.hp .section-whatson-event .event-divider {
	border-bottom: 1px solid var(--lonndark);
}
.hp .section-whatson-event .event-block {
	font-weight: 400;
	line-height: normal;
	padding-bottom: 1rem;
}
.hp .section-whatson-event .event-schedule,
.hp .section-whatson-event .event-titlepart,
.hp .section-whatson-event .event-detail,
.hp .section-whatson-event .event-link {
	padding-top: 1rem;
}
.hp .section-whatson-event .event-schedule {
	display: flex;
}
.hp .section-whatson-event .event-date1 {
	font-size: 3rem;
	font-weight: 600;
	line-height: .85;
	padding-right: .25rem;
}
.hp .section-whatson-event .event-date2 {
	font-size: .9rem;
	font-weight: 700;
	letter-spacing: .025rem;
	line-height: 1;
	text-transform: uppercase;
}
.hp .section-whatson-event .event-date2 p {
	margin-top: .25rem;
}
.hp .section-whatson-event .event-type {
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .05rem;
	text-transform: uppercase;
	line-height: 1;
	padding-bottom: .5rem;
}
.hp .section-whatson-event .event-title {
	font-size: 1.25rem;
}
.hp .section-whatson-event .event-schedule,
.hp .section-whatson-event .event-titlepart,
.hp .section-whatson-event .event-detail,
.hp .section-whatson-event .event-big .event-infocombined {
	padding-right: 0;
}
.hp .section-whatson-event .event-detail {
	font-size: .9rem;
	font-weight: 400;
}
.hp .section-whatson-event .event-detail > div:not(:last-child) {
	padding-bottom: .5rem;
}
.hp .section-whatson-event .event-link .lonnbtn {
	all: inherit;
	display: inline;
	vertical-align: top;
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.5;
	border-bottom: 2px solid var(--lonndark) !important;
	padding: 0 0 1px 0;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hp .section-whatson-event .event-link .lonnbtn:not(:last-child) {
	margin-bottom: 1rem;
}
.hp .section-whatson-event .event-link .lonnbtn:hover {
	color: var(--lonnred) !important;
	border-bottom: 2px solid var(--lonnyellow) !important;
}
.hp .section-whatson-event .event-big .event-schedule,
.hp .section-whatson-event .event-big .event-titlepart,
.hp .section-whatson-event .event-big .event-detail {
	margin-bottom: 1rem;
}
.hp .section-whatson-event .event-big .event-title {
	font-size: 2.75rem;
	font-weight: 300;
}

/* Homepage - what's on */
.hp-whatson-theheading {
	position: relative;
	margin-top: 6rem;
}
.hp-whatson-theheading::before {
	position: absolute;
	content: "What’s On";
	color: var(--lonnred); /* style same as h1 */
	font-size: 5rem;
	font-weight: 100;
	line-height: 1;
	text-shadow: 0 0 8px var(--lonnlight);
	left: calc(1rem - 5rem / 2);
	top: calc(1rem - 8rem);
	white-space: nowrap;
	writing-mode: vertical-rl;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	z-index: 3;
}
@media screen and (max-width: 991px) {
	.hp-whatson-theheading {
		margin-top: 0;
	}
	.hp-whatson-theheading::before {
		display: none;
	}
}
.section-whatson-newscard {
	margin-bottom: 8rem;
}
.section-whatson-newscard .card div {
	color: var(--lonndark) !important;
}
.section-whatson-newscard .card-title {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 1.5rem !important;
}
.section-whatson-newscard .card-date {
	color: var(--lonnlightmedium);
	font-size: .7rem;
	font-weight: 600;
	letter-spacing: .025rem;
	text-transform: uppercase;
	margin-bottom: .25rem;
}
.section-whatson-newscard .card-text {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .9rem;
	line-height: 1.5;
	margin-bottom: 1rem;
}
@media screen and (max-width: 991px) {
	.section-whatson-newscard .triggerclass {
		margin-top: 1.5rem;
	}
	.section-whatson-newscard .card-title {
		height: inherit;
	}
	.section-whatson-newscard .card-text {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.section-whatson-newscard .card img {
		height: 2rem;
	}
}
.section-whatson-newscard .card-img-top {
	object-fit: cover;
	object-position: center;
	height: 14rem !important;
	overflow: hidden;
}
.section-whatson-newscard .card-body a {
	color: var(--lonndark);
	font-size: .8rem;
	font-weight: 800;
	letter-spacing: .05rem;
	text-transform: uppercase;
	border: none !important;
	background: linear-gradient(to top, var(--lonnyellow) 50%, var(--lonnyellow) 50%) no-repeat left bottom;
	background-size: 100% 50%;
	text-decoration: none !important;
	margin-right: 20px;
	padding: .3rem;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	cursor: pointer !important;
}
.section-whatson-newscard .card-body a:hover {
	background-size: 100% 100% !important;
}
.section-whatson-newscard .card img,
.section-whatson-newscard .card .card-title,
.section-whatson-newscard .card .card-date,
.section-whatson-newscard .card .card-text {
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.section-whatson-newscard .card:hover img {
	filter: brightness(50%);
}
.section-whatson-newscard .card:hover .card-title,
.section-whatson-newscard .card:hover .card-date,
.section-whatson-newscard .card:hover .card-text {
	transform: translateY(-.25rem);
	opacity: .5;
}
.section-whatson-newscard .lonn-carousel-control {
	font-size: 2rem;
	font-weight: 600;
	line-height: 1;
}
.section-whatson-newscard .lonn-carousel-control-link {
	color: var(--lonndark);
	background: var(--lonnlight);
	padding: .5rem;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.section-whatson-newscard .lonn-carousel-control-link:hover {
	color: var(--lonnlight);
	background: var(--lonndark);
	text-decoration: none;
}

/* Homepage - programmes */
.hp .section-prog {
	color: var(--lonnlight);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: inset 100vw 100vh rgba(0,0,0,.8);
	padding: 8rem 0;
}
@media screen and (max-width: 991px) {
	.hp .section-prog {
		padding: 6rem 0;
	}
}
	/* border box */
.hp-borderbox-yellow {
	position: relative;
	display: block;
	font-size: 1.8rem;
	line-height: 1.5;
	border: 1px solid var(--lonnyellow);
	background: var(--lonndark);
	padding: 1.5rem;
	cursor: pointer;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hp-borderbox-yellow a {
	color: var(--lonnlight) !important;
	text-decoration: none;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hp-borderbox-yellow:hover,
.hp-borderbox-yellow a:hover {
	color: var(--lonnyellow) !important;
}
.hp-borderbox-yellow a .deg {
	display: inline-block;
	border-bottom: 2px solid var(--lonnlight);
	margin-bottom: .5rem;
}
	/* border box - shadow border */
.hp-borderbox-yellow::before {
	border: 1px solid var(--lonnyellow);
	position: absolute;
	z-index: -1;
	left: .5rem;
	top: .5rem;
	width: 100%;
	height: 100%;
	content: "";
}
	/* border box - shadow color */
.hp-borderbox-yellow::after {
	background-color: var(--lonnyellow);
	position: absolute;
	z-index: -1;
	left: calc(100% + .5rem);
	top: calc(100% + .5rem);
	width: 0%;
	height: 0%;
	content: "";
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hp-borderbox-yellow:hover::after {
	position: absolute;
	z-index: -1;
	left: .5rem;
	top: .5rem;
	width: 100%;
	height: 100%;
}
/* Homepage - publications */
.hp .section-publ {
	padding: 6rem 0 12rem;
}
.hp .section-publ .heading {
	margin-bottom: 1.5rem;
}
@media screen and (min-width: 992px) {
	.hp .section-publ {
		padding: 8rem 0;
	}
	.hp .section-publ .heading {
		padding-right: 2rem;
		margin-bottom: 0;
	}
	.hp .section-publ .heading-desc {
		padding: .25rem 0 .25rem 1rem;
		border-left: 1px solid var(--lonndark);
	}
}
.hp .section-publ .card {
	height: 100%;
	border: 1px solid var(--lonndarkred);
	background-color: transparent;
	box-shadow: none;
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.hp .section-publ .card:hover {
	background-color: var(--lonnlight);
}
.hp .section-publ .card .card-title {
	font-size: 1.2rem;
	font-weight: 800;
	letter-spacing: .015rem;
	line-height: 1.6;
	margin-bottom: 1rem;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: .375rem;
}
.hp .section-publ .card:hover .card-title {
	text-decoration-color: var(--lonnred);
}
.hp .section-publ .card .card-text {
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.6;
}
.hp .section-publ .card .card-text strong {
	font-weight: 600;
}
.hp .section-publ .card .card-footer {
	font-size: .8rem;
	font-weight: 400;
	letter-spacing: .05rem;
	border-color: var(--lonndarkred);
}
.hp .section-publ .card a {
	color: var(--lonndarkred);
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.hp .section-publ .card a:hover {
	color: var(--lonnred);
}
/* Homepage - research thoughts */
.hp .section-thought {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: inset 100vw 100vh rgba(0,0,0,.8);
	padding: 8rem 0;
}
.hp .section-thought .thought-heading {
	color: var(--lonnred);
	text-align: center;
	margin-bottom: 6rem;
}
.hp .section-thought .each-thought {
	position: relative;
	display: flex;
	align-items: end;
	color: var(--lonnpale);
	background-color: white;
	height: 100%;
	min-height: 16rem;
	padding: 1.5rem;
}
.hp .section-thought .each-thought .thought-image {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-blend-mode: saturation !important;
	opacity: .7;
}
.hp .section-thought .each-thought::after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	mix-blend-mode: multiply;
	z-index: 1;
}
.hp .section-thought .each-thought:nth-of-type(odd):after {
	background-color: var(--lonnmedium);
}
.hp .section-thought .each-thought:nth-of-type(2):after {
	background-color: var(--lonnteal);
}
.hp .section-thought .each-thought:nth-of-type(4):after {
	background-color: var(--lonngreen);
}
.hp .section-thought .each-thought:nth-of-type(6):after {
	background-color: var(--lonnred);
}
.hp .section-thought .thought-text {
	color: var(--lonnpale);
	position: relative;
	width: 100%;
	z-index: 2;
}
.hp .section-thought .thought-text h2 {
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.5;
	padding: 0;
	margin: 0;
}
.hp .section-thought .thought-text p {
	font-size: .9rem;
	line-height: 1.5;
	padding: 0;
	margin: .5rem 0 0;
}
.hp .section-thought .thought-text a,
.hp .section-thought .thought-text a:visited {
	color: var(--lonnpale);
	background-image: linear-gradient(currentColor, currentColor);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: 100% 1px;
	-moz-transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	text-decoration: none;
}
.hp .section-thought .thought-text a:hover,
.hp .section-thought .thought-text a:focus {
	background-image: linear-gradient(var(--lonnred), var(--lonnred));
	background-size: 100% 100%;
}

/* Homepage - research stories */
.hp .section-story {
	padding: 12rem 0;
}
.hp-story-topimg {
	margin-top: 0;
}
.hp-story-topimg img {
	width: 100%;
	height: 36rem;
	object-fit: cover;
	object-position: center;
	overflow: hidden;
}
@media screen and (max-width: 991px) {
	.hp .section-story {
		padding: 6rem 0 !important;
	}
	.hp-story-topimg img {
		height: 24rem !important;
	}
	.hp .section-story .row > div:nth-child(even) {
		margin-top: 0 !important;
	}
	.hp-story-img {
		height: 14rem !important;
	}
	.hp-story-item .hp-story-img-wrap {
		padding: 0 !important;
	}
	.hp-story-item:hover .hp-story-img-wrap img {
		-webkit-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-o-transform: none !important;
		transform: none !important;
	}
}
.hp .section-story h1 {
	text-align: center;
	margin-top: -3rem;
	margin-bottom: 12rem;
	text-shadow: 0 0 1rem var(--lonndarkred);
}
.hp .section-story .row > div:nth-child(even) {
	margin-top: 9rem;
}
.hp-story-items-wrap {
	margin-bottom: 6rem;
}
.hp-story-img {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	height: 28rem;
}
.hp-story-img::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: var(--lonndark);
	background-image: url('/bms/img/hero/graphic01.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: inset 100vw 100vh rgba(107,32,62,.75);
}
.hp-story-item .hp-story-img-wrap {
	width: 100%;
	height: 100%;
	padding: 10%;
	z-index: 1;
}
.hp-story-item .hp-story-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.hp-story-item:hover .hp-story-img-wrap img {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}
.hp-story-item a {
	color: var(--lonnlight);
	font-size: .8rem;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hp-story-item a p {
	font-size: 1.6rem;
	line-height: 1.4;
	margin: 2rem 0 1rem 0;
}
.hp-story-item a p.source {
	font-size: .8rem;
	line-height: 1.5;
}
.hp-story-item a:hover {
	color: var(--lonnyellow);
}
/* Homepage - contact */
.hp .section-contact {
	padding: 8rem 0;
}
.hp .section-contact .row {
	align-items: center;
}
.hp .section-contact .miniheading {
	margin: 3rem 0 1rem 0;
}
.hp .section-contact .miniheading:first-child {
	margin-top: 0;
}
.hp .section-contact,
.hp .section-contact a {
	color: var(--lonndark);
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.5;
	text-decoration: none;
}
.hp .section-contact p,
.hp .section-contact a p {
	margin-bottom: 0;
	padding-bottom: 1rem;
}
.hp .section-contact p strong {
	font-weight: 600;
}
.hp .section-contact a {
	border-bottom: 1px solid var(--lonnmedium);
}
.hp .section-contact a:hover {
	border-bottom: 1px solid var(--lonnred);
}

/*
 *
 * About BMS
 *
 */

.about.bms .section p:not(.display) {
	font-size: 1.4rem;
}
.about.bms .section-links {
	background-color: var(--lonndark);
	background-image: url('/bms/img/hero/graphic01.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: inset 100vw 100vh rgba(35,31,32,.8);
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.about.bms .section .lonnbtn {
	font-size: 120%;
	background-size: 100% 100%;
}
.about.bms .section .lonnbtn:hover {
	color: var(--lonnlight) !important;
	background-size: 100% 0%;
}
.about.bms .section img {
	width: 100%;
	height: 14rem;
	object-fit: cover;
	object-position: center;
}
@media screen and (min-width: 992px) {
	.about.bms .section img {
		height: 28rem;
	}
}

/*
 *
 * Recruitment
 *
 */

@media screen and (max-width: 991px) {
	.vacancylist > div > div {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.vacancylist div div p:last-child {
		margin-bottom: 1rem;
	}
}

/* Recruitment - remove margin bottom of last element */

@media screen and (min-width: 992px) {
	.vacancylist div div p:last-child {
		margin-bottom: 0;
	}
}

/* Recruitment - borders */

.vacancylist > div {
	padding: 3rem 0;
	border-bottom: 1px solid var(--lonnmedium);
}
.vacancylist > div:first-child {
	border-top: 1px solid var(--lonnmedium);
}

/* Recruitment - text */

	/* miniheading + padding */
.vacancylist > div > :first-child {
	color: var(--lonnred);
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: .05rem;
	text-transform: uppercase;
	padding-left: 0 !important;
	padding-bottom: 1rem;
}
.vacancylist > div > :nth-child(2) > :first-child {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: normal;
}
.vacancylist > div > :nth-child(2) > :nth-child(2) {
	color: var(--lonnmedium);
}
.vacancylist > div > :last-child {
	padding-right: 0 !important;
}

/*
 *
 * Contact
 *
 */

.about.contact h4 {
	margin-top: 3rem !important;
	margin-bottom: .2rem !important;
}
.about.contact h4:first-child {
	margin-top: 0 !important;
}
.about.contact h6 {
	font-weight: 900 !important;
	margin-top: 0 !important;
	padding-top: 3rem;
}
.about.contact h6:first-child {
	padding-top: 0 !important;
}
.about.contact p {
	line-height: 1.5 !important;
	margin-top: 0;
	margin-bottom: 0 !important;
}
.about .email::before {
	font-family: bootstrap-icons;
	content: "\f32c";
	padding-right: .5rem;
	vertical-align: -.1rem !important;
}
.about .tel::before {
	font-family: bootstrap-icons;
	content: "\f5b4";
	padding-right: .5rem;
	vertical-align: -.1rem !important;
}

/*
 *
 * Faculty
 *
 */

.faculty .col {
	margin-bottom: 6rem;
}
.faculty .card {
	height: 100%;
	font-size: .9rem;
	background: transparent;
	box-shadow: none;
}
.faculty .card .faculty-name,
.faculty .fac-alpha .block-faculty-name {
	color: var(--lonndark);
	font-size: 1.3rem;
	font-weight: 800;
	letter-spacing: .03rem;
	line-height: 2;
	background: initial;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: initial;
	margin: 1.5rem 0 !important;
}
.faculty .card .faculty-name .no-link,
.faculty .fac-alpha .block-faculty-name.no-link {
	text-decoration: none;
	padding-bottom: .2rem;
	border-bottom: 5px solid var(--lonnmedium);
}
.faculty .stretched-link .faculty-name u,
.fac-alpha .block-faculty-name u {
	text-decoration: none;
	padding-bottom: .2rem !important;
	border-bottom: 5px solid var(--lonnred);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.faculty .stretched-link.no-link .faculty-name u,
.fac-alpha .block-faculty-name.no-link u {
	border-bottom: 5px solid var(--lonndark);
}
.faculty .stretched-link:hover .faculty-name u,
.fac-alpha .block-faculty-name:hover u {
	color: var(--lonnred);
	border-bottom: 5px solid var(--lonndarkred);
}
.faculty .stretched-link.no-link:hover .faculty-name u,
.fac-alpha .block-faculty-name.no-link:hover u {
	color: var(--lonndark);
	border-bottom: 5px solid var(--lonndark);
}
.faculty .faculty-item .img-container {
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	box-shadow: 0 0 var(--lonnred);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.faculty .faculty-item:hover .img-container {
	left: .5rem;
	top: -.5rem;
	box-shadow: -1rem 1rem var(--lonnred);
}
.faculty .faculty-item:hover .img-container.no-link {
	left: 0;
	top: 0;
	box-shadow: 0 0;
}
.faculty h3 {
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: .02rem;
	line-height: 1.3;
	margin-top: 0;
	margin-bottom: .5rem;
}
.faculty h3 small {
	letter-spacing: normal;
}
.faculty .infobox {
	font-size: .9rem;
	line-height: 1.5;
	padding-top: 1rem;
}
.faculty .infobox li {
	position: relative;
	padding: 0 0 .5rem 1.5rem !important;
	background-color: inherit;
	border: none;
}
.faculty .infobox li::before {
	position: absolute;
	margin-left: -1.5rem !important; /* same as padding-left set on li */
	width: 1.5rem !important; /* same as padding-left set on li */
}
.faculty .infobox .tel::before {
	font-family: bootstrap-icons;
	content: "\f5b4";
}
.faculty .infobox .email::before {
	font-family: bootstrap-icons;
	content: "\f32c";
}
.faculty .infobox .researchinterest::before {
	font-family: "Material Icons Round";
	content: "\ea3a";
	font-size: 1.4rem;
	margin-top: -.5rem;
	margin-left: -1.75rem !important;
}
	/* Faculty - disable automatic detection of possible phone numbers */
.faculty .tel a {
	color: inherit !important;
	text-decoration: none !important;
	border-bottom: none !important;
}

/*
 *
 * Faculty - Alphabetical
 *
 */

@media screen and (max-width: 991px) {
	.fac-alpha > div > div {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
@media screen and (min-width: 992px) {
	.fac-alpha .researchinterest,
	.fac-alpha .email,
	.fac-alpha .tel {
		font-size: .95rem;
	}
}

	/* Faculty - Alphabetical - borders */

.fac-alpha .miniheading {
	border: none;
}
.fac-alpha > div:nth-child(2) {
	border-top: 1px solid var(--lonnmedium);
}
.fac-alpha > div {
	padding: 1.5rem 0;
	border-bottom: 1px solid var(--lonnmedium);
}

	/* Faculty - Alphabetical - text */

.fac-alpha > div:first-child {
	padding-bottom: 3rem;
}
.fac-alpha > div > :first-child {
	padding-left: 0 !important;
}
.fac-alpha > div > :first-child p {
	color: var(--lonndark);
	font-size: 1.1rem;
	font-weight: 800;
	letter-spacing: .03rem;
	margin-bottom: .2rem;
}
.fac-alpha > div > :nth-child(3) a,
.fac-alpha > div > :nth-child(4) a {
	color: var(--lonndark) !important;
	border-bottom: 1px solid var(--lonnred);
}
.fac-alpha > div > :nth-child(3) a:hover,
.fac-alpha > div > :nth-child(4) a:hover {
	color: var(--lonnred);
	border-bottom: 1px solid var(--lonndark);
}
.fac-alpha > div > :last-child {
	padding-right: 0 !important;
}
.fac-alpha .home-dept {
	line-height: 1;
	letter-spacing: normal !important;
	margin-top: 1rem;
}
	/* Faculty - Alphabetical - miniheading + padding @ faculty on smaller screen */
@media screen and (max-width: 767px) {
	.fac-alpha .researchinterest::before,
	.fac-alpha .email::before,
	.fac-alpha .tel::before {
		display: block;
		color: var(--lonnred);
		font-size: .75rem;
		font-weight: 600;
		letter-spacing: .05rem;
		text-transform: uppercase;
		padding: 1.5rem 0 0;
	}
	.fac-alpha .researchinterest::before {
		content: "Research Interest";
	}
	.fac-alpha .email::before {
		content: "Email";
	}
	.fac-alpha .tel::before {
		content: "Tel";
	}
}

/*
 *
 * Profile / Subpage
 *
 */

.subpage h2 {
	font-size: 2rem;
}
@media screen and (min-width: 992px) {
	.subpage .cityu-sitemap-inner {
		display: none;
	}
}

/* Subpage - Top */

.subpage-top {
	width: 100vw;
	padding-top: calc(24px + 70px + 6rem);
	padding-bottom: 6rem;
}
.ug.summer .subpage-top {
	padding-bottom: 3rem;
}
.news.indivpage .subpage-top,
.event.indivpage .subpage-top {
	padding-bottom: 8rem;
}
@media screen and (max-width: 575px) {
	.subpage-top {
		padding-bottom: 3rem;
	}
}
@media screen and (max-width: 991px) {
	.subpage-top {
		padding-top: calc(24px + 70px + 3rem);
	}
}
.subpage-top-text h1 {
	display: inline-block;
	font-size: 3rem;
	font-weight: 700;
	color: var(--lonnlight);
	margin-bottom: 2rem;
}
.news.indivpage .subpage-top-backanddate,
.event.indivpage .subpage-top-backanddate,
.ug.summer.indivpage .subpage-top-backanddate {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.news.indivpage .subpage-top-backanddate div,
.event.indivpage .subpage-top-backanddate div,
.ug.summer.indivpage .subpage-top-backanddate div {
	color: var(--lonnlight);
	font-size: .9rem;
	font-weight: 300;
	margin-bottom: 3px;
}
.news.indivpage .subpage-top a i,
.event.indivpage .subpage-top a i,
.ug.summer.indivpage .subpage-top a i {
	font-size: 1rem;
	vertical-align: 1px;
}
.news.indivpage .subpage-top a,
.event.indivpage .subpage-top a,
.ug.summer.indivpage .subpage-top a {
	color: var(--lonnlight);
	font-size: 1.1rem;
	font-weight: 600;
	text-decoration: none;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.news.indivpage .subpage-top a:hover,
.event.indivpage .subpage-top a:hover,
.ug.summer.indivpage .subpage-top a:hover {
	color: var(--lonndark);
}
.news.indivpage .subpage-top-text h1,
.event.indivpage .subpage-top-text h1 {
	margin-bottom: 0;
}
.subpage-top-text .pos {
	display: inline-block;
	color: var(--lonnlight);
	margin-bottom: 2rem;
}
.subpage-top-text .pos p {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: normal;
}
.subpage-top-text .pos p:not(:last-child) {
	margin-bottom: .5rem;
}
.subpage-top-text > p {
	margin: 0;
	padding-left: calc(1rem - 5px);
	color: var(--lonnlight);
	border-left: 5px solid rgba(235,235,235,0.5);
}

/* Subpage - Bottom */

.ug.summer .cityu-main {
	padding-top: 3rem;
}
.ug.summer.indivpage .para p + figure,
.ug.summer.indivpage .para p + .figure-block {
	margin-top: 3rem;
}
.profile.subpage .cityu-main {
	padding-top: 6rem;
}
@media screen and (max-width: 575px) {
	.profile.subpage .cityu-main {
		padding-top: 3rem;
	}
}
	/* header */
.profile.subpage .accordion {
	margin-top: 8rem;
}
.profile.subpage .accordion .accordion-header {
	cursor: pointer;
	margin: 0 0 3rem 0;
}
.profile.subpage .accordion .accordion-item {
	background-color: transparent;
	border: none;
}
.profile.subpage .accordion .lonnbtn-accordion {
	position: relative;
	width: 100%;
	padding: 0 3rem 0 0;
	text-align: left;
	color: var(--lonndarkred);
	background-color: transparent;
	font-size: 2rem;
	font-weight: 800;
	line-height: 1.5;
	border: none;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.profile.subpage .accordion .lonnbtn-accordion:hover,
.profile.subpage .accordion .lonnbtn-accordion[aria-expanded="true"]:hover {
	color: var(--lonnred);
}
.profile.subpage .accordion .lonnbtn-accordion[aria-expanded="true"] {
	color: var(--lonndarkred);
}
.profile.subpage .accordion .lonnbtn-accordion::after,
.profile.subpage .accordion .lonnbtn-accordion::before {
	position: absolute;
	display: block;
	top: .625rem; /* icon:text scale */
	right: 0;
	color: var(--lonnred);
	font-family: bootstrap-icons;
	content: "\f63b";
	font-size: 1.5rem;
	line-height: 1;
	visibility: visible;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.profile.subpage .accordion .lonnbtn-accordion::after {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.profile.subpage .accordion .lonnbtn-accordion::before {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.profile.subpage .accordion .lonnbtn-accordion[aria-expanded="true"]::after,
.profile.subpage .accordion .lonnbtn-accordion[aria-expanded="true"]::before,
.profile.subpage .accordion .lonnbtn-accordion:not(.collapsed)::after,
.profile.subpage .accordion .lonnbtn-accordion:not(.collapsed)::before {
	color: var(--lonnmedium);
}
.profile.subpage .accordion .lonnbtn-accordion[aria-expanded="true"]::after,
.profile.subpage .accordion .lonnbtn-accordion:not(.collapsed)::after {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	visibility: visible;
}
.profile.subpage .accordion .lonnbtn-accordion[aria-expanded="true"]::before,
.profile.subpage .accordion .lonnbtn-accordion:not(.collapsed)::before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	visibility: hidden;
}
	/* body */
.profile.subpage .accordion .accordion-body {
	border: 1px solid transparent; /* for smooth expanding */
}
.profile.subpage .accordion .accordion-body > div {
	margin: 0 0 5rem; /* set margin here instead of parent for smooth expanding */
}
.profile.subpage .accordion .accordion-body a {
	color: inherit;
	border-bottom: 1px solid var(--lonndark);
}
.profile.subpage .accordion .accordion-body a:hover {
	border-bottom: 1px solid transparent;
}
.profile.subpage .media {
	margin-bottom: 1.5rem;
}
.profile.subpage .media a {
	border: none;
	width: 100%;
}
.profile.subpage .media a .img-container {
	width: 100px;
	height: 60px;
	margin: 0 1rem 0 0;
	padding: 0;
}
.profile.subpage .media a .img-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.profile.subpage .media a .media-body h6 {
	color: var(--lonnred);
	font-size: .75rem;
	letter-spacing: .05rem;
	text-transform: uppercase;
	margin-bottom: .15rem;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.profile.subpage .media a:hover .media-body h6 {
	color: var(--lonnmedium);
}
.profile.subpage .media a .media-body {
	color: var(--lonndark);
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.5rem;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.profile.subpage .media a:hover .media-body {
	color: var(--lonnred);
}
.news.indivpage .cityu-main,
.event.indivpage .cityu-main {
	padding-top: 8rem;
}
.subpage-bottom .list-group a {
	color: var(--lonndark);
}
.subpage-bottom .list-group-item:not(:last-child) {
	border-bottom: 1px solid var(--lonnlight);
}
.subpage-bottom .infobox li {
	font-size: 1rem;
	padding-left: 3rem !important;
}
.subpage-bottom .list-group-item:before {
	position: absolute;
	color: var(--lonndark) !important;
	margin-left: -2rem !important; /* same as padding-left set on li */
	width: 2rem !important; /* same as padding-left set on li */
}
.subpage-bottom .infobox .office:before {
	font-family: bootstrap-icons;
	content: "\f305";
}
.subpage-bottom .infobox .tel:before {
	font-family: bootstrap-icons;
	content: "\f5b4";
}
.subpage-bottom .infobox .fax:before {
	font-family: bootstrap-icons;
	content: "\f500";
}
.subpage-bottom .infobox .email:before {
	font-family: bootstrap-icons;
	content: "\f32c";
}
.subpage-bottom .infobox .publ:before {
	font-family: bootstrap-icons;
	content: "\f10c";
}
.subpage-bottom .infobox .web:before {
	font-family: bootstrap-icons;
	content: "\f301";
}
.subpage-bottom .infobox .researchinterest:before {
	font-family: "Material Icons Round";
	content: "\ea3a";
	font-size: 1.4rem;
	margin-top: -.4rem;
	margin-left: -2.3rem !important;
}
.news.indivpage .subpage-bottom,
.event.indivpage .subpage-bottom {
	font-size: 1.1rem;
}
.news.indivpage .subpage-bottom figure img,
.event.indivpage .subpage-bottom figure img {
	display: block;
	width: 100%;
}
.news.indivpage .subpage-bottom figure:not(:last-child) img:only-child,
.event.indivpage .subpage-bottom figure:not(:last-child) img:only-child {
	margin-bottom: 3rem;
}
.news.indivpage .subpage-bottom figure:last-child,
.news.indivpage .subpage-bottom figure:last-child img:only-child,
.event.indivpage .subpage-bottom figure:last-child,
.event.indivpage .subpage-bottom figure:last-child img:only-child {
	margin-bottom: 0;
}
.news.indivpage .subpage-bottom figcaption,
.event.indivpage .subpage-bottom figcaption {
	color: var(--lonnmedium);
	font-size: .9rem;
	border-top: 1px solid var(--lonnmedium);
	margin: 1rem 0 3rem 0;
	padding-top: .5rem;
}
.news.indivpage .subpage-bottom .para figure,
.event.indivpage .subpage-bottom .para figure {
	margin-top: 3rem;
}
.news.indivpage .subpage-bottom .para > figure:first-child,
.event.indivpage .subpage-bottom .para > figure:first-child {
	margin-top: -12rem;
}
@media screen and (max-width: 767px) {
	.news.indivpage .subpage-bottom figure:first-of-type,
	.event.indivpage .subpage-bottom figure:first-of-type {
		margin-top: 3rem;
	}
}
.subpage-back::before {
	font-family: "Font Awesome 5 Free";
	content: "\f060";
	padding-right: .25rem;
}

/*
 *
 * Individual People
 *
 */

.people-indv {
	font-size: .9rem;
	margin-bottom: 3rem;
}
.people-indv h3 {
	font-size: 1.2rem;
	margin-top: 0;
	margin-bottom: .25rem;
}
.people-indv h3:only-child {
	margin-bottom: 0;
}
.student .people-indv h3,
.graduate .people-indv h3 {
	margin-bottom: .75rem;
}
.people-indv p {
	margin-bottom: .75rem;
}
.people-indv a {
	color: var(--lonndark) !important;
}
.people-indv a:hover {
	color: var(--lonnred) !important;
}
.people-indv ul {
	list-style: none;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
.people-indv ul li {
	position: relative;
	padding: 0 0 .25rem 1.25rem !important;
	background-color: inherit;
	border: none;
}
.people-indv ul li::before {
	position: absolute;
	margin-left: -1.25rem !important; /* same as padding-left set on li */
	width: 1.25rem !important; /* same as padding-left set on li */
}
.people-indv ul .tel::before {
	font-family: bootstrap-icons;
	content: "\f5b4";
}
.people-indv ul .email::before {
	font-family: bootstrap-icons;
	content: "\f32c";
}
.people-indv ul .office::before {
	font-family: bootstrap-icons;
	content: "\f305";
}
.people-indv ul .spvs::before {
	font-family: bootstrap-icons;
	content: "\f4cf";
}
.people-indv .spvs-new { /* new list format */
	
}
.people-indv ul .thesis::before {
	font-family: bootstrap-icons;
	content: "\f3b8";
}
.people-indv ul .year::before {
	font-family: "Material Icons Round";
	content: "\e80c";
	font-size: 1rem;
	margin-top: -.1rem;
	margin-left: -1.3rem !important;
}
.people-indv ul .researchinterest::before {
	font-family: "Material Icons Round";
	content: "\ea3a";
	font-size: 1.3rem;
	margin-top: -.4rem;
	margin-left: -1.5rem !important;
}

/*
 *
 * Research Overview
 *
 */

/* Research Overview - Research Focus */
.research.overview .focus .tab-pane {
	overflow: hidden;
}
/* Research Overview - Research Area */
.research.overview .area .nav {
	font-size: .9rem;
}
.research.overview .area .nav div {
	margin: 1rem 0 .5rem;
}
.research.overview .area .nav div:first-child {
	margin-top: 0;
}
.research.overview .area .nav-link {
	color: var(--lonndark);
	border: none;
	padding: 0 0 0 1.5rem;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
.research.overview .area .nav-link::before {
	color: var(--lonnred);
	font-family: bootstrap-icons;
	content: "\f584";
	margin-left: -1.5rem;
	padding-right: .4rem;
}
.research.overview .area .nav-link:hover::before,
.research.overview .area .nav-link.active::before {
	content: "\f26d";
}
.research.overview .area .tab-content {
	font-size: 1.1rem;
}
.research.overview .area .tab-content ul {
	list-style: none;
	padding-left: 0;
}
.research.overview .area .tab-content ul li {
	padding: .5rem 0;
	border-bottom: 1px solid var(--lonnmedium);
}
.research.overview .area .tab-content ul li:first-child {
	padding-top: 0;
}
.research.overview .area .tab-content a {
	border: none;
}

/*
 *
 * Publications
 *
 */

.research.publ .publ-wrap {
	margin-top: 6rem;
	margin-bottom: 2rem;
	border-top: 1px solid var(--lonnmedium);
}
.research.publ .publ-wrap h4 {
	font-weight: 800;
	letter-spacing: .025rem;
	margin-top: 2rem;
	margin-bottom: 0;
}
.research.publ .publ-wrap p {
	font-weight: 300;
	margin: 0;
	padding: 1.5rem 0 2rem;
	border-bottom: 1px solid var(--lonnmedium);
}
.research.publ .publ-wrap p strong {
	font-weight: 600;
}
.research.publ .publ-wrap a {
	color: var(--lonndark);
	border: none;
}
.research.publ .publ-wrap a:hover {
	color: var(--lonnred);
}
/*
 *
 * External Grants
 *
 */

.research.grant .section .col {
	margin-bottom: 3rem;
}
.research.grant .section .col p {
	font-size: 1.2rem;
	line-height: 1.6;
	border-top: 1px solid var(--lonndark);
	padding: .5rem 0 0;
	margin-bottom: 0;
}
.research.grant .section .col p:last-child {
	margin-bottom: 0;
}
.research.grant .section .col a {
	border: none;
}
.research.grant .section .col a .rounded-pill {
	color: var(--lonnlight);
	background-color: var(--lonnred);
	letter-spacing: .05rem;
	padding: .25rem .5rem;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.research.grant .section .col a .rounded-pill:hover {
	color: var(--lonnred);
	background-color: var(--lonnpale);
}

/*
 *
 * Core Facilities
 *
 */

.fac-individual {
	background-color: var(--lonndark);
	background-image: url('/bms/img/hero/graphic01.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 1.5rem;
	margin-bottom: 3rem;
}
.fac-individual:nth-of-type(1) {
	box-shadow: inset 100vw 100vh hsla(29,100%,9%,.85);
}
.fac-individual:nth-of-type(2) {
	box-shadow: inset 100vw 100vh hsla(300,100%,5%,.85);
}
.fac-individual:nth-of-type(3) {
	box-shadow: inset 100vw 100vh hsla(188,100%,6%,.85);
}
.fac-individual:nth-of-type(4) {
	box-shadow: inset 100vw 100vh hsla(208,100%,5%,.85);
}
.fac-individual:nth-of-type(5) {
	box-shadow: inset 100vw 100vh hsla(154,100%,6%,.85);
}
.fac-individual:nth-of-type(6) {
	box-shadow: inset 100vw 100vh hsla(68,52%,9%,.85);
}

.fac-individual h2 {
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.fac-individual ul {
	color: var(--lonnlight);
	list-style: none;
	padding-left: 0;
}
.fac-individual ul li {
	padding: .25rem 0;
	border-bottom: 1px solid var(--lonnmedium);
}
.fac-individual ul li:last-child {
	border-bottom: none;
}

/*
 *
 * Lab Safety
 *
 */

.research.safety h3,
.research.safety h4 {
	font-weight: 900 !important;
	border-bottom: 1px solid;
	padding-bottom: .5rem;
	margin: 3rem 0 1.5rem;
}
.research.safety h4 {
	font-size: 1rem;
}
.research.safety h3:first-child,
.research.safety h4:first-child {
	margin-top: 0;
}
.research.safety .section .no-gutters {
	line-height: 1.6;
	margin-bottom: 1rem;
}
.research.safety .section .no-gutters:last-child {
	margin-bottom: 0;
}
.research.safety .section .pdf::before {
	font-family: bootstrap-icons;
	content: "\f640";
	line-height: 1 !important;
}
.research.safety .section .video::before {
	font-family: bootstrap-icons;
	content: "\f3c3";
	line-height: 1 !important;
}
.research.safety .section .word::before {
	font-family: bootstrap-icons;
	content: "\f3bb";
	line-height: 1 !important;
}
.research.safety .section .excel::before {
	font-family: bootstrap-icons;
	content: "\f396";
	line-height: 1 !important;
}
.research.safety .section .ppt::before {
	font-family: bootstrap-icons;
	content: "\f3af";
	line-height: 1 !important;
}
.research.safety .section .url::before {
	font-family: bootstrap-icons;
	content: "\f470";
	line-height: 1 !important;
}
.research.safety .section .email::before {
	font-family: bootstrap-icons;
	content: "\f32f";
	line-height: 1 !important;
}
.research.safety .section .link {
	font-size: .9rem;
	font-weight: 500;
}
.research.safety .section .link a {
	border: none;
}
.research.safety .section .text-right {
	line-height: 1.2;
}
.research.safety .section .rounded-pill {
	color: var(--lonnpale);
	background-color: var(--lonnmedium);
	font-size: .7rem;
	font-family: monospace;
}
.research.safety .section .rounded-pill.new {
	font-size: .7rem;
	color: var(--lonndark);
	background-color: var(--lonnyellow);
}

/*
 *
 * Programme
 *
 */

/* Programme - fast fact */

.prog .fastfact {
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.4;
	border-top: 1px solid var(--lonnred);
	border-bottom: 1px solid var(--lonnred);
	margin-top: 3rem;
	margin-bottom: 3rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.prog .fastfact:last-child {
	margin-bottom: 0;
}
.prog .fastfact > div > div {
	margin-bottom: 1.5rem;
}
.prog .fastfact .row {
	margin-bottom: -1.5rem;
}
.prog .fastfact .miniheading {
	margin-bottom: .5rem;
}
.prog .fastfact li,
.prog .fastfact p {
	margin-bottom: .5rem !important;
}
.prog .fastfact a {
	color: inherit;
	border-bottom: 1px dotted var(--lonnred);
}

/* Programme - career */

.prog .career .row {
	border-bottom: 1px solid var(--lonnmedium);
	padding: 1.5rem 0;
	align-items: center;
}
.prog .career .row > div {
	padding-left: 0;
}
.prog .career .row > div:last-child {
	padding-right: 0;
}
.prog .career .row ul {
	font-size: .9rem;
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}
.prog .career .row ul li {
	line-height: normal;
	margin-bottom: .5rem;
}
.prog .career .row ul li:last-child {
	margin-bottom: 0;
}
.prog .career .row div:first-child::before {
	font-family: "Material Icons Outlined";
	font-size: 3rem;
	line-height: normal;
	color: var(--lonnred);
}
.prog .career .row.med div:first-child::before {
	content: "\f109";
}
.prog .career .row.edu div:first-child::before {
	content: "\ea3a";
}
.prog .career .row.mgt div:first-child::before {
	content: "\f233";
}
.prog .career .row.govt div:first-child::before {
	content: "\e0af";
}
.prog .career .row.other div:first-child::before {
	content: "\eb3f";
}
.prog .career h3 {
	font-size: 1.2rem;
	margin: 0;
}
/* Programme - curriculum */
.prog .cur > ul > li {
	margin-bottom: 0;
}
/* Programme - curriculum - accordion */
.prog:not(.award) .accordion {
	border-top: 1px solid var(--lonndark);
}
.prog.ug.dev.summer .accordion {
	border-top: none;
}
.prog:not(.award) .accordion .accordion-item {
	border-bottom: 1px solid var(--lonndark);
}
	/* header */
.prog:not(.award) .accordion .accordion-header {
	cursor: pointer;
	margin: 1rem 0;
}
.prog:not(.award) .accordion .lonnbtn-accordion {
	position: relative;
	display: flex;
	width: 100%;
	padding: 0;
	text-align: left;
	color: inherit;
	background-color: transparent;
	font-weight: inherit;
	border: none;
}
.prog:not(.award) .accordion .lonnbtn-accordion::before {
	flex-shrink: 0;
	margin-right: 1rem;
	font-family: bootstrap-icons;
	content: "\f231";
	line-height: 1;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.prog:not(.award) .accordion .lonnbtn-accordion:not(.collapsed)::before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
	/* body */
.prog:not(.award) .accordion .accordion-body {
	margin-left: calc(25px + 1rem);
	border: 1px solid transparent; /* for smooth expanding */
}
.prog:not(.award) .accordion .accordion-body > div {
	margin: 2rem 0 3rem; /* set margin here instead of parent for smooth expanding */
}
.prog:not(.award) .accordion .accordion-body a,
.prog .cur-struct a {
	color: inherit !important;
	border-bottom: 1px solid var(--lonndark);
}
.prog:not(.award) .accordion .accordion-body a:hover,
.prog .cur-struct a:hover {
	border-bottom: 1px solid transparent;
}
/* Programme - award - accordion */
.prog.award .accordion {
	border-top: 1px solid var(--lonnmedium);
}
.prog.award .accordion .accordion-item {
	border-bottom: 1px solid var(--lonnmedium);
}
	/* header */
.prog.award .accordion .accordion-header {
	cursor: pointer;
	margin: 1.5rem 0;
}
.prog.award .accordion .lonnbtn-accordion {
	position: relative;
	width: 100%;
	padding: 0 3rem 0 0;
	text-align: left;
	color: inherit;
	background-color: transparent;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.5;
	border: none;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.prog.award .accordion .lonnbtn-accordion:hover {
	color: var(--lonnred);
}
.prog.award .accordion .lonnbtn-accordion[aria-expanded="true"] {
	color: var(--lonnred);
}
.prog.award .accordion .lonnbtn-accordion::after,
.prog.award .accordion .lonnbtn-accordion::before {
	position: absolute;
	display: block;
	top: .625rem; /* icon:text scale */
	right: 0;
	color: var(--lonnred);
	font-family: bootstrap-icons;
	content: "\f63b";
	font-size: 1.5rem;
	line-height: 1;
	visibility: visible;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.prog.award .accordion .lonnbtn-accordion::after {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.prog.award .accordion .lonnbtn-accordion::before {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.prog.award .accordion .lonnbtn-accordion:not(.collapsed)::after,
.prog.award .accordion .lonnbtn-accordion:not(.collapsed)::before {
	color: var(--lonnmedium);
}
.prog.award .accordion .lonnbtn-accordion:not(.collapsed)::after {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	visibility: visible;
}
.prog.award .accordion .lonnbtn-accordion:not(.collapsed)::before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	visibility: hidden;
}
.prog.award.pg .accordion .accordion-body ul {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	list-style: none;
}
	/* body */
.prog.award .accordion .accordion-body {
	border: 1px solid transparent; /* for smooth expanding */
}
.prog.award .accordion .accordion-body > div {
	margin: 2rem 0 3rem; /* set margin here instead of parent for smooth expanding */
}
.prog.award .accordion .accordion-body a {
	color: inherit;
	border-bottom: 1px solid var(--lonndark);
}
.prog.award .accordion .accordion-body a:hover {
	border-bottom: 1px solid transparent;
}
.prog.award .accordion table tr th {
	padding-top: 1rem !important;
}
.prog.award .accordion table tr td:nth-of-type(1) {
	width: 55%;
}
.prog.award .accordion table tr td:nth-of-type(2) {
	width: 30%;
}
.prog.award .accordion table tr td:nth-of-type(3) {
	width: 15%;
}
.prog.award .accordion ul.basic {
	margin-left: 1rem !important;
	margin-bottom: 0 !important;
}
.prog.award .accordion ul.basic > li::before {
	color: var(--lonndark) !important;
}

/* Programme - figure */
.prog figure {
	margin: 0 0 1.5rem 0;
	padding: 0;
}
.prog figcaption {
	color: var(--lonnmedium);
	font-size: .9rem;
	border-top: 1px solid var(--lonnmedium);
	margin: 1rem 0 3rem 0;
	padding-top: .5rem;
}
	/* summer */
.prog.ug.dev.summer .accordion .lonnbtn-accordion {
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
	line-height: 1.1;
}
.prog .subtable .row {
	font-size: .95rem;
	line-height: normal;
	padding: 1rem 0;
}
.prog .subtable .row > div {
	padding-left: 0;
}
.prog .subtable .row > div:last-child {
	padding-right: 0;
}
.prog .subtable .row div:last-child ul:last-child,
.prog .subtable .row div:last-child ol:last-child {
	margin-bottom: 0;
}
.prog .subtable .row ul,
.prog .subtable .row ol {
	padding-left: 1.4rem;
}
.prog .subtable .row ul li,
.prog .subtable .row ol li {
	line-height: normal;
	margin-bottom: .5rem;
}
.ug.summer.indivpage .subpage-top-text > *:not(.hero-text) {
	color: var(--lonndarkred);
}
	/* exchange */
.prog.exchange figure:last-of-type {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
	/* attachment */
.prog .adm .borderbox-nest {
	margin-top: 6rem;
}
.prog .overview .borderbox-nest .icon,
.prog .adm .borderbox-nest .icon {
	display: block;
	font-size: 4.5rem;
	margin-bottom: .5rem;
}

/* Programme - last update */
.prog .section .rounded-pill {
	color: var(--lonnpale);
	background-color: var(--lonndark);
	font-size: .7rem;
	font-family: monospace;
}
.prog .section .rounded-pill.new {
	font-size: .7rem;
	color: var(--lonnpale);
	background-color: var(--lonnred);
	vertical-align: .25rem;
}

/*
 *
 * News
 *
 */

.broadcast.news .tab-content,
.broadcast.news .lonnbtn-filter-container {
	margin-top: 6rem;
}
.news-container > div {
	margin-bottom: 6rem;
}
.news-container {
	margin-bottom: -6rem !important;
}
.news-container a * {
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.news-container a .img-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 250px;
	left: 0;
	top: 0;
	box-shadow: 0 0 var(--lonnred);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.news-container a:hover .img-container {
	left: .5rem;
	top: -.5rem;
	box-shadow: -1rem 1rem var(--lonnred);
}
.news-container a .img-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news-container a .img-container .source {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(115,112,113,.8);
}
.news-container a .img-container .source p {
	color: var(--lonnpale);
	border: none;
	margin: 0;
	padding: .5rem;
}
.news-container a h3 {
	color: var(--lonndark);
	line-height: 1.4;
	margin: 1.5rem 0;
}
.news-container a:hover h3 {
	color: var(--lonnred);
}
.news-container a div {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--lonnmedium);
	font-size: .9rem;
}
.news-container a:hover div {
	color: var(--lonndarkred);
}
.news-container a p {
	color: var(--lonnmedium);
	font-size: .8rem;
	border-top: 1px solid var(--lonnmedium);
	margin-top: 1rem;
	padding-top: .5rem;
}
.news-container a:hover p {
	color: var(--lonndarkred);
	border-top: 1px solid var(--lonndarkred);
}

/*
 *
 * Events
 *
 */

.broadcast.event .tab-content {
	margin-top: 3rem;
}
.event-container > div {
	margin-bottom: 4.5rem;
}
.event-container {
	margin-bottom: -3rem !important;
}
.event-container > div > div > * {
	color: var(--lonndark);
}
.event-container .eventtype {
	line-height: 1;
}
@media screen and (max-width: 767px) {
	.event-container .eventtype {
		margin-top: 1.5rem;
	}
	.event-container .eventdetail {
		padding-bottom: 3rem;
		border-bottom: 2px solid; /* border color depends on event type */
	}
}
@media screen and (min-width: 768px) {
	.event-container .eventdate {
		padding-right: 1rem;
		border-right: 2px solid; /* border color depends on event type */
	}
}
/* Events - event type colors*/
.event-container .seminar .eventtype::before {
	content: 'Seminar';
}
.event-container .lecture .eventtype::before {
	content: 'Lecture';
}
.event-container .seminar > div,
.event-container .seminar .eventtype,
.event-container .seminar .lonnbtn,
.event-container .lecture > div,
.event-container .lecture .eventtype,
.event-container .lecture .lonnbtn {
	color: var(--lonnteal) !important;
}
.event-container .seminar *,
.event-container .lecture * {
	border-color: var(--lonnteal);
}
.event-container .seminar .lonnbtn:hover, /* year button */
.event-container .lecture .lonnbtn:hover {
	background-size: 100% 100%;
}
.event-container .workshop .eventtype::before {
	content: 'Workshop';
}
.event-container .workshop > div,
.event-container .workshop .eventtype,
.event-container .workshop .lonnbtn {
	color: var(--lonnbrown) !important;
}
.event-container .workshop * {
	border-color: var(--lonnbrown);
}
.event-container .summercamp .eventtype::before {
	content: 'Summer Camp';
}
.event-container .summercamp > div,
.event-container .summercamp .eventtype,
.event-container .summercamp .lonnbtn {
	color: var(--lonnbrown) !important;
}
.event-container .summercamp * {
	border-color: var(--lonnbrown);
}
.event-container .symposium .eventtype::before {
	content: 'Symposium';
}
.event-container .symposium > div,
.event-container .symposium .eventtype,
.event-container .symposium .lonnbtn {
	color: var(--lonngreen) !important;
}
.event-container .symposium * {
	border-color: var(--lonngreen);
}
.event-container .conference .eventtype::before {
	content: 'Conference';
}
.event-container .uevent .eventtype::before {
	content: 'University Event';
}
.event-container .conference > div,
.event-container .conference .eventtype,
.event-container .conference .lonnbtn,
.event-container .uevent > div,
.event-container .uevent .eventtype,
.event-container .uevent .lonnbtn {
	color: var(--lonnpurple) !important;
}
.event-container .conference *,
.event-container .uevent * {
	border-color: var(--lonnpurple);
}
.event-container .gala .eventtype::before {
	content: 'Research Gala';
}
.event-container .gala > div,
.event-container .gala .eventtype,
.event-container .gala .lonnbtn {
	color: var(--lonnred) !important;
}
.event-container .gala * {
	border-color: var(--lonnred);
}
.event-container .eventdate > div {
	display: flex;
	align-items: center;
}
.event-container .eventdate > div:nth-child(2)::before {
	content: '\2014';
	font-size: 1.2rem;
	font-weight: 700;
	padding: 0 1rem;
}
.event-container .caution,
.event-container .eventdate > div > div:nth-child(1) {
	font-size: 4rem;
	font-weight: 700;
	line-height: 1;
	padding-right: .5rem;
}
.event-container .caution {
	color: var(--lonndanger) !important;
	margin: 0 0 1rem 1rem;
	padding: 0;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.event-container .eventdate > div > div:nth-child(2) {
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.5;
}
.event-container h4 {
	margin: .5rem 0 1rem;
	font-size: 150%;
	line-height: 1.4;
}
.event-container h5 {
	margin: 0 0 1rem;
	font-size: 120%;
}
.event-container .speaker {
	margin-bottom: 1rem;
	font-weight: 700;
	line-height: 1.5;
}
.event-container .time,
.event-container .venue {
	font-size: .95rem;
	font-weight: 500;
}
.event-container .venue {
	margin-bottom: 1rem;
}
.event-container a.lonnbtn {
	font-size: 100%;
	white-space: nowrap;
}

/* Define colours */

:root {
	--lonnred: #bf165e; /* also set to .hero-text */
	--lonndarkred: #6b203e; /* also set to .hero-text */
	--lonnyellow: #ffc72c;
	--lonnpale: #fafafa;
	--lonnlight: #ebebeb;
	--lonnlightmedium: #BBB7B7;
	--lonnmedium: #737071;
	--lonndark: #212529; /* equal to bootstrap dark */
	
	--lonndanger: #C8003F;
	--lonnorange: #E47000;
	--lonnpurple: #7c0378;
	--lonnteal: #008FA3;
	--lonnblue: #004179;
	--lonngreen: #009858;
	--lonnolive: #A2AF3B;
	--lonnbrown: #AA8E6B;
	
}

.lonnred {color: var(--lonnred) !important;}
.lonndarkred {color: var(--lonndarkred) !important;}
.lonnyellow {color: var(--lonnyellow) !important;}
.lonnpale {color: var(--lonnpale) !important;}
.lonnlight {color: var(--lonnlight) !important;}
.lonnlightmedium {color: var(--lonnlightmedium) !important;}
.lonnmedium {color: var(--lonnmedium) !important;}
.lonndark {color: var(--lonndark) !important;}
.bg-lonnred {background-color: var(--lonnred) !important; color: var(--lonnlight) !important;}
.bg-lonndarkred {background-color: var(--lonndarkred) !important; color: var(--lonnyellow);}
.bg-lonnyellow {background-color: var(--lonnyellow) !important;}
.bg-lonnpale {background-color: var(--lonnpale) !important;}
.bg-lonnlight {background-color: var(--lonnlight) !important;}
.bg-lonnlightmedium {background-color: var(--lonnlightmedium) !important;}
.bg-lonnmedium {background-color: var(--lonnmedium) !important; color: var(--lonnlight) !important;}
.bg-lonndark {background-color: var(--lonndark) !important; color: var(--lonnlight) !important;}