@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,600");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800,300italic,400italic|Bitter:400,400italic);
.contentContainer div.row:first-of-type {
	padding-top: 1em !important;
}
.home-link {
	font-size: 3em !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
}
@media (min-width: 700px) {
	.home-link {
		font-size: 4em !important;
		margin-top: 15px !important;
		margin-left: 30px !important;
	}
}
#navigation {
	padding: 7px 0px 0px 0px;
	background-color: #000033;
	height: 45px;
	border-bottom: 3px #7b22aa solid;
}
.primaryNav ul.megaMenu {
	width: 86%;
	margin: 0 auto;
	max-width: 1140px;
	padding: 0px 0px 0px 0px;
}
.primaryNav ul.megaMenu li.menuItem {
	background: none !important;
}
.primaryNav ul.megaMenu li.menuItem.homeItem {
	padding-right: 5px;
}
.primaryNav ul.megaMenu li.menuItem a.megaLink {
	-webkit-transition-duration: 0.4s;
	/* Safari */
	position: relative;
	transition: all 0.8s ease 0s;
	top: 0;
	/* start out at position 0 */
	border-bottom: 6px rgba(123, 34, 170, 0) solid;
	margin: 7px 17px 0px 14px !important;
	padding: 0px 0px 8px 0px !important;
	background: none !important;
}
.primaryNav ul.megaMenu li.menuItem a.megaLink:hover {
	border-bottom: 4px #7b22aa solid;
}
.primaryNav ul.megaMenu li.menuItem a.home {
	background: url("https://assets.manchester.ac.uk/corporate/images/design/icon-home-25px-ffffff.png") no-repeat !important;
	background-size: 25px 25px;
	background-position: 0px 3px !important;
	margin-top: 0;
	/*margin-top: 2px;*/
	height: 27px !important;
	/*-webkit-filter: invert(100%);*/
}
.primaryNav ul.megaMenu li.menuItem a:hover.home {
	-webkit-transition-duration: 0.6s;
	/* Safari */
	transition-duration: 0.6s;
	background-position: 0px 0px !important;
}
.megaContent {
	background-color: #660099 !important;
	box-shadow: -1px 10px 5px 0px rgba(57, 58, 60, 0.1) !important;
}
.siteTitle {
	background-color: #fff;
}
.siteTitle h1 {
	margin: 0 auto !important;
	font-size: 2em !important;
	font-weight: 500 !important;
	color: #fff !important;
	width: 87%;
	max-width: 1140px;
	padding-top: 10px;
}
/*h1, h2, h3, h4, h5, h6, li, input {
  font-family: "Open Sans", sans-serif; }*/
ul.listhome, li.listhome {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	line-height: 1;
}
/*p, a {
  font-family: "Open Sans", sans-serif;
  color: #000; }*/
.contentContainer {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
.contentContainer:after {
	content: " ";
	display: block;
	clear: both;
}
.container {
	margin: 0px auto;
}
.row {
	max-width: 1180px;
}
.contentContainer div.row {
	/*background-color: none !important;*/
	background-color: #fff;
	;
	padding: 0px 0px;
}
/*moved from 800*/
.content-box h2 {
	/*-moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px 0px 0px 0px;
    background-color: #232323;*/
	padding: 15px 10px 15px 16px;
	/* font-family: "Open Sans", sans-serif;*/
	font-weight: 400;
	color: #ffffff;
	font-size: 2rem;
}
.content-box:not(.embed) ul {
	padding: 10px;
	margin-left: 0;
}
/* .content-box ul li {
      padding: 7px 5px 7px 0px;
      margin: 0px 7px;
      border-bottom: 1px solid #EAEAEA;
	  list-style-type:none;
	  
	  font-size:1em; }*/
.content-box ul li:last-child {
	border-bottom: none;
}
.content-box ul li a:hover {
	text-decoration: underline;
}
a.more-content {
	color: #8253A3;
	text-decoration: underline !important;
}
/*end moved from 800*/
/*moved outside 900*/
.content-box--presidents-update, .content-box-peoplebox {
	min-height: 150px;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-color: #f8f4f4
}
.content-box--img-story {
	min-height: 150px;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.content-box--presidents-update img, .content-box--img-story img {
	position: absolute;
	right: 0;
	width: 37% !important;
}
.content-box-peoplebox img {
	position: relative;
	right: 0;
	width: 37% !important;
	float: left;
	margin: 10px 25px 10px 10px
}
.content-box--presidents-update img {
	bottom: 0px;
}
.content-box--img-story img {
	bottom: 40px;
}
.content-box--presidents-update h3, .content-box-peoplebox h3 {
	padding: 13px 7px 5px;
	font-size: 2.2rem;
	font-weight: 300;
	color: #6b2c91;
}
.content-box--presidents-update p, .content-box--img-story p {
	padding: 10px 20px 10px 20px;
	font-size: 1em;
	line-height: 1.5;
	color: #525355;
	width: 90%;
}
.content-box-peoplebox p {
	padding: 10px 10px;
	font-size: 1em;
	line-height: 1.5;
	color: #525355;
	width: 100%
}
.content-box--img-story a, .content-box--img-story a:hover, div.content-box--presidents-update a, div.content-box--presidents-update a:hover, div.content-box-peoplebox a, div.content-box-peoplebox a:hover {
	text-decoration: none
}
.content-box--presidents-update-text-container, .content-box--submit-story-text-container {
	width: 70%;
}
.content-box-people-container {
	width: 100%
}
.content-box--presidents-update-text-container p.readmore, .content-box--submit-story-text-container p.readmore, .content-box-people-container p.readmore {
	text-decoration: underline;
	color: #8253a3
}

.content-box.content-box--presidents-update {
	background-color: #f8f4f4;
}
@media (min-width: 800px) {
	.contentContainer {
		background-color: #C7C7C7;
	}
}
@media (min-width: 800px) {
	.content-box--img-story img {
		bottom: 80px;
	}
}
.news-searchbox {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.news-searchbox form {
	margin-top: 0px;
}
.news-searchbox p {
	padding: 5px 20px 20px 20px;
}
.news-searchbox form input {
	width: 75%;
	margin-left: 5%;
	padding-top: 0px;
	font-size: 1.4rem;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 2px solid #70AB00;
	padding: 10px 15px 10px 45px;
	background: transparent url("https://assets.manchester.ac.uk/staffnet/images/search-icon-grey.png") no-repeat scroll 8px 8px;
}
@media (min-width: 800px) {
	.news-searchbox form input {
		width: 90%;
	}
}
.content-box--news-grid {
	padding: 0px;
	margin: 0%;
	float: left;
	/* width: 100%;*/
	float: right;
	margin-right: 0;
}
/*start news gallery alogside main news*/
.news-gallery ul {
	clear: both;
	background-color: none !important;
	padding: 8px 0px 0px 0px;
	list-style: none;
}
.news-gallery ul li {
	float: left;
	width: 24%;
	margin: 0% 1.33333333333333% 0% 0%;
	padding: 0%;
	background-color: #fff;
}
.content-box--news-grid ul.news-gallery {
	clear: both;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
.content-box--news-grid ul.news-gallery li {
	float: left;
	border: none;
	margin: 0% 2% 2% 0%;
	padding: 0px 0% 0px 0px;
	width: 49%;
	font-size: 1em;
}
.content-box--news-grid ul.news-gallery li:nth-child(2n+2) {
	margin-right: 0px;
}
.content-box--news-grid ul.news-gallery li a img {
	width: 100%;
}
.content-box--news-grid ul.news-gallery li p {
	padding: 5px 5px 5px 5px;
	line-height: 1.5;
	background-color: #fff;
	font-size: 1em;
}
.content-box--news-grid ul.news-gallery li a {
	line-height: 1.7rem;
	font-size: 1.3rem;
	width: 100%;
	display: block;
}
.content-box--news-grid ul.news-gallery li span {
	font-size: 0.7em;
	padding-left: 6px;
	clear: both;
}
@media (min-width: 800px) {
	.content-box--news-grid ul.news-gallery {
		padding: 0px 0px 0px 10px;
		margin-left: 0;
	}
	.content-box--news-grid ul.news-gallery li {
		float: left;
		border: none;
		margin: 0% 2% 2% 0%;
		padding: 0px 0% 0px 0px;
		width: 32%;
	}
	.content-box--news-grid ul.news-gallery li:nth-child(2n+2) {
		margin-right: 2%;
	}
	.content-box--news-grid ul.news-gallery li:nth-child(3n+3) {
		margin-right: 0px;
	}
	.content-box--news-grid ul.news-gallery li:nth-child(3n+1) {
		clear: left;
	}
}
/* end moved outside 800*/
@media (min-width: 800px) {
	.content-box--news-grid ul.news-gallery li:nth-of-type(n+4) {
		width: 32%;
	}
	.content-box--news-grid ul.news-gallery li:nth-of-type(n+4) img {
		display: inline-block;
	}
}
/*.news-gallery {
  background-color: none !important; }*/
@media (min-width: 900px) {
	.news-gallery ul li {
		width: 24%;
	}
}
.news-gallery ul li img {
	width: 100%;
}
.news-gallery ul li a {
	font-size: 0.8rem;
	padding: 3% 3% 0% 3%;
	width: 100%;
}
.news-gallery ul li span {
	font-size: 0.8rem;
	float: left !important;
	padding: 3% 3% 5% 3%;
}
/*end news gallery alogside main news*/
.content-box span.update-class {
	font-size: 0.8em;
	padding-left: 3px;
	clear: both;
}
#lead-news-story {
	position: relative;
	display: table;
	background-size: cover;
	display: block;
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
}
.lead-news-story-title {
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%;
	position: absolute;
	bottom: 0px;
}
.lead-news-story-title h1 {
	padding: 15px 5px 5px 15px;
	font-size: 2.5rem;
	color: #232323;
}
#lead-news-story .lead-news-story-title h2 {
	padding: 0px 5px 15px 15px;
	background: none !important;
	color: #232323;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	font-size: 1.4rem;
	font-weight: 400;
}
.content-box.lead-news-story-tile h2 {
	color: #232323;
}
@media (min-width:600px) {
	.lead-news-story-title.modifiedtitle {
		position: static;
		background-color: #dddcdc;
	}
}
@media (min-width:1100px) {
	.lead-news-story-title.modifiedtitle {
		position: absolute;
		background-color: rgba(255, 255, 255, 0.8);
	}
}
@media (min-width: 800px) {
	.contentContainer div.row {
		padding: 0px 20px;
		background-color: #fff !important;
	}
	.contentContainer .row {
		position: relative;
		box-shadow: none;
	}
}
@media (min-width: 800px) {
	.contentContainer .row {
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	}
}
.contentContainer .row:before, .contentContainer .row:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 10px;
	bottom: 10px;
	left: 0;
	right: 0;
	-moz-border-radius: 100px / 10px;
	border-radius: 100px / 10px;
}
@media (min-width: 800px) {
	.contentContainer .row:before, .contentContainer .row:after {
		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	}
}
.contentContainer .row:after {
	right: 10px;
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-moz-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	-o-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg);
}
.clearfix {
	clear: both;
}
/* Changing Susy default global settings */
/* Makes border-box properties */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.main-container-left {
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
}
@media (min-width: 800px) {
	.main-container-left {
		width: 57.62712%;
		float: left;
		margin-right: 1.69492%;
	}
}
.main-container-right {
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
}
@media (min-width: 800px) {
	.main-container-right {
		width: 40.67797%;
		float: left;
		margin-right: 1.69492%;
	}
}
.main-news-container-left {
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
}
@media (min-width: 800px) {
	.main-news-container-left {
		width: 66.10169%;
		float: left;
		margin-right: 1.69492%;
	}
}
.main-news-container-right {
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
}
@media (min-width: 800px) {
	.main-news-container-right {
		width: 32.20339%;
		float: left;
		margin-right: 1.69492%;
	}
}
.footerContainer {
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.content-box {
	background: #fff;
	/* -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 5px 5px;*/
	margin-bottom: 1%;
	box-shadow: 0px 0px 0px #D6D7D8;
}
.content-box h2 {
	padding: 15px 10px 15px 16px;
	font-weight: 400;
	color: #ffffff;
	font-size: 2rem;
}
.content-box:not(.embed) ul {
	padding: 10px 10px 0 10px;
	margin-left: 0;
	margin-bottom: 0;
}
.content-box:not(.embed) ul li {
	padding: 7px 5px 7px 0px;
	margin: 0px 7px;
	border-bottom: 1px solid #EAEAEA;
	list-style-type: none;
	background: none !important;
	font-size: 1em;
	padding-left: 0px !important;
}
.content-box ul li:last-child {
	border-bottom: none;
}
.content-box ul li a:hover {
	text-decoration: underline;
}
.content-box__small {
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
	background-color: #fff;
}
@media (min-width: 800px) {
	.content-box__small {
		width: 49.15254%;
		float: left;
		margin-right: 1.69492%;
		margin-right: 0.8%;
	}
}
@media (min-width: 900px) {
	.content-box__small {
		width: 32.20339%;
		float: left;
		margin-right: 1.69492%;
	}
}
.content-box__medium {
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
}
@media (min-width: 800px) {
	.content-box__medium {
		width: 49.15254%;
		float: left;
		margin-right: 1.69492%;
	}
}
.content-box__full {
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 10px;
}
@media (min-width: 800px) {
	.content-box__full {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0;
		background: #fff;
	}
}
.task-items {
	clear: both;
	-moz-column-width: 11.5em;
	/* Firefox */
	-webkit-column-width: 11.5em;
	/* webkit, Safari, Chrome */
	column-width: 11.5em;
	padding: 15px 10px 5px 15px;
}
/*remove standard list and bullet formatting from ul*/
.task-items ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* correct webkit/chrome uneven margin on the first column*/
.task-items ul li:first-child {
	margin-top: 0px;
}
.task-items ul li {
	display: inline-block;
	color: #171e42;
	padding-right: 0px !important;
	border: none !important;
	background-image: none !important;
	padding-left: 0px !important;
}
.task-items ul li a {
	font-size: 1.4rem;
	font-weight: 600;
	padding: 0px;
	margin: 0px;
	text-decoration: underline;
	line-height: 1.7rem;
}
.task-items ul li a:hover {
	color: #660099;
}
.task-items ul li p {
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.4rem;
	padding-top: 5px;
	padding-left: 0px;
}
.content-box--staff-systems h2, .content-box--top-10-forms h2, .content-box--top-10-policies h2 {
	background-color: #232323;
}
.content-box--hr-essentials h2, .content-box--hr-news h2 {
	background-color: #8253A3;
}
.content-box--marketplace h2, .content-box--staff-discounts h2 {
	background-color: #FF005A;
}
.content-box--staff-systems, .content-box--top-10-forms, .content-box--top-10-policies, .content-box--marketplace, .content-box--staff-discounts {
	position: relative;
}
.content-box--marketplace h2 {
	padding-left: 50px;
}
.content-box--staff-systems h2, .content-box--top-10-forms h2, .content-box--top-10-policies h2, .content-box--staff-discounts h2 {
	padding-left: 45px;
}
.content-box--staff-systems h2::before, .content-box--top-10-forms h2::before, .content-box--top-10-policies h2::before {
	content: " ";
	position: absolute;
	left: 15px;
	top: 17px;
	height: 20px;
	width: 20px;
}
.content-box--marketplace h2::before, .content-box--staff-discounts h2::before {
	content: " ";
	position: absolute;
	left: 15px;
	top: 17px;
	height: 20px;
	width: 30px;
}
.content-box--staff-systems h2::before {
	background: url("../images/icons/panel-icon_systems.svg") no-repeat;
}
.content-box--top-10-forms h2::before, .content-box--top-10-policies h2::before {
	background: url("../images/icons/panel-icon_docs.svg") no-repeat;
}
.content-box--marketplace h2::before {
	background: url("../images/icons/panel-icon_marketplace.svg") no-repeat;
}
.content-box--staff-discounts h2::before {
	background: url("../images/icons/panel-icon_tag.svg") no-repeat;
}
.staff-searchbox {
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
	clear: both;
}
.staff-searchbox form input {
	width: 100%;
	margin-bottom: 15px;
	font-size: 1.8rem;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 2px solid #232323;
	padding: 12px 15px 10px 50px;
	background: #fff url("https://assets.manchester.ac.uk/staffnet/images/search-icon-grey.png") no-repeat scroll 12px 12px;
}
.staff-searchbox .clearIcon {
	margin: 10px 5px 0px 0px;
}
.staff-searchbox input[type="text"]:focus {
	border: 2px solid #6b2c91;
}
.essential-icons {
	margin: 15px 0 30px;
	padding: 0px 0px 25px 0px;
	border-top: 1px solid #EAEAEA;
	border-bottom: 5px solid #232323;
	background-color: #232323;
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.essential-icons li {
	width: 47%;
	float: left;
	border: none !important;
	padding: 0px !important;
	margin: 2px !important;
	text-align: center;
	list-style-type: none;
}
@media screen and (min-width: 480px) {
	.essential-icons li {
		width: 31%;
	}
}
@media screen and (min-width: 1000px) {
	.essential-icons li {
		width: 15.5%;
	}
}
@media screen and (min-width: 1237px) {
	.essential-icons li {
		width: 16%;
	}
}
.essential-icons li a {
	padding-top: 10px;
	font-size: 1.2rem;
	font-weight: 600;
	text-decoration: none;
	color: #fff;
}
.essential-icons li a:hover span {
	background-position: 0px -5px;
}
.essential-icons span {
	/* width: 60px;
    height: 40px;*/
	display: block;
	background-repeat: no-repeat;
	margin: 0px auto;
	/* padding-top: 30px;*/
	margin-bottom: 5px;
	width: 80px;
	height: 60px;
	/*background-position: 0px 0px;
    background-size: 100%;
    -webkit-transition-duration: 0.6s;
    /* Safari */
	/*transition-duration: 0.6s;*/
}
.essential-icons span img {
	width: 80px;
	height: 80px;
	-webkit-transition-duration: 0.6s;
	/* Safari */
	transition-duration: 0.6s;
	position: relative;
	bottom: 0px;
}
.essential-icons li a:hover span img {
	bottom: 5px;
}
.container_wrapper {
	display: block;
	margin-bottom: 10px;
}
@media (min-width: 800px) {
	.container_wrapper {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0;
		display: wrap;
		align-items: stretch;
	}
}
@media (min-width: 900px) {
	.container_wrapper {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0;
		display: flex;
		align-items: stretch;
	}
}
.content-box--staff-systems {
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
	background-color: #fff;
}
@media (min-width: 800px) {
	.content-box--staff-systems {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0;
		margin-right: 0.8%;
	}
}
@media (min-width: 900px) {
	.content-box--staff-systems {
		width: 32.20339%;
		float: left;
		margin-right: 1.69492%;
	}
}
.content-box--top-10-forms {
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
	background-color: #fff;
}
@media (min-width: 800px) {
	.content-box--top-10-forms {
		width: 49.15254%;
		float: left;
		margin-right: 1.69492%;
	}
}
@media (min-width: 900px) {
	.content-box--top-10-forms {
		width: 32.20339%;
		float: left;
		margin-right: 1.69492%;
	}
}
.content-box--staff-systems ul li {
	padding: 10px 0px;
}
.content-box--staff-systems ul li a {
	text-decoration: none;
}
.content-box--staff-systems ul li a:hover {
	color: #660099;
}
.content-box--top-10-forms ul li a, .content-box--top-10-policies ul li a {
	font-size: 1.2rem;
	line-height: 0.8rem;
	text-decoration: none;
}
.content-box--top-10-forms ul li a:hover, .content-box--top-10-policies ul li a:hover {
	color: #660099;
}
.content-box--top-10-forms ul li:last-child a, .content-box--top-10-policies ul li:last-child a {
	font-size: 1.4rem;
	line-height: 0.8rem;
	text-decoration: none;
	margin-top: 10px;
}
.content-box--top-10-forms ul li:last-child a:hover, .content-box--top-10-policies ul li:last-child a:hover {
	color: #660099;
}
.content-box--marketplace ul li, .content-box--staff-discounts ul li {
	padding: 10px 0px;
	font-size: 1.3rem;
}
.content-box--marketplace ul li a, .content-box--staff-discounts ul li a {
	text-decoration: none;
}
.content-box--internal-campaign {
	background-color: transparent;
	box-shadow: none;
}
.content-box--internal-campaign img {
	width: 100%;
}
@media (min-width: 600px) {
	.content-box--internal-campaign img {
		width: 48%;
	}
}
@media (min-width: 900px) {
	.content-box--internal-campaign img {
		width: 18%;
	}
}
.content-box--news {
	margin-bottom: 15px;
	display: block;
	float: left;
}
.content-box--hp-news li:after, .content-box--hp-announcements li:after, .content-box--hp-events li:after {
	content: "";
	display: block;
	clear: both;
}
.content-box--hp-news a, .content-box--hp-announcements a, .content-box--hp-events a {
	float: left;
	width: 70%;
	line-height: 1.4rem;
	padding: 5px 0px 5px 0px;
	font-size: 1.2rem;
	text-decoration: none;
}
.content-box--hp-news a:hover, .content-box--hp-announcements a:hover, .content-box--hp-events a:hover {
	color: #660099;
}
.content-box--hp-news .update-date, .content-box--hp-announcements .update-date, .content-box--hp-events .update-date {
	float: right;
	padding-top: 11px;
	font-size: 1.2rem;
}
.main-news-container {
	background-color: transparent!important;
}
ul.news-sub-gallery {
	clear: both;
	background-color: transparent;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
ul.news-sub-gallery li {
	background-color: #fff;
	float: left;
	width: 49%;
	border: none;
	padding: 0% 0% 0px 0%;
}
ul.news-sub-gallery li:nth-child(odd) {
	margin: 1.5% 2% 0% 0%;
}
ul.news-sub-gallery li:nth-child(even) {
	margin: 1.5% 0% 0% 0%;
}
ul.news-sub-gallery li p {
	padding: 5px 5px 10px 5px;
	line-height: 1.7rem;
	font-size: 1.6rem;
	background-color: #fff;
}
ul.news-sub-gallery li a {
	width: 100%;
	display: block;
}
ul.news-sub-gallery li a img {
	width: 100%;
}
ul.news-sub-gallery li a span {
	font-size: 1.2rem;
	clear: both;
	width: 100%;
	display: block;
	padding-top: 5px;
}
@media (min-width: 800px) {
	ul.news-sub-gallery li {
		margin: 1.5% 3% 0% 0px !important;
		width: 47%;
	}
	ul.news-sub-gallery li:nth-child(4n) {
		margin-right: 0% !important;
	}
	ul.news-sub-gallery li p {
		line-height: 1.5rem;
		font-size: 1.3rem;
	}
}
.last-box {
	float: left;
}
@media (min-width: 800px) {
	.last-box {
		float: right;
		margin-right: 0;
		margin-right: 0px !important;
	}
}
@media (min-width: 900px) {
	.last-box {
		margin-right: 0;
		margin-right: 0px !important;
		float: right;
	}
}
.content-box--news h2, .content-box--announcements h2, .content-box--events h2, .content-box--twitter h2 {
	background-color: #001A2A;
}
.content-box--news li:after, .content-box--announcements li:after, .content-box--events li:after, .content-box--twitter li:after {
	content: "";
	display: block;
	clear: both;
}
.content-box--news a, .content-box--announcements a, .content-box--events a, .content-box--twitter a {
	float: left;
	width: 100%;
	line-height: 1.7rem;
	font-size: 1.6rem;
	padding: 5px 0px 0px 0px;
	text-decoration: none;
}
@media (min-width: 800px) {
	.content-box--news a, .content-box--announcements a, .content-box--events a, .content-box--twitter a {
		font-size: 1.2rem;
		width: 100%;
		padding: 0;
	}
}
.content-box--news .update-date, .content-box--announcements .update-date, .content-box--events .update-date, .content-box--twitter .update-date {
	float: left;
	padding-top: 10px;
	font-size: 1.2rem;
	padding-bottom: 5px;
}
@media (min-width: 800px) {
	.content-box--news .update-date, .content-box--announcements .update-date, .content-box--events .update-date, .content-box--twitter .update-date {
		float: right;
	}
}
.content-box--news {
	padding: 0px 0px 0px 0px;
	margin-right: 0px;
}
.content-box--twitter h2 {
	background-color: #1A93DD;
}
#navigation {
	padding: 7px 0px 0px 0px;
	background-color: #000033;
	height: 45px;
	border-bottom: 3px #7b22aa solid;
}
.primaryNav ul.megaMenu {
	width: 86%;
	margin: 0 auto;
	max-width: 1140px;
	padding: 0px 0px 0px 0px;
}
.primaryNav ul.megaMenu li.menuItem {
	background: none !important;
}
.primaryNav ul.megaMenu li.menuItem.homeItem {
	padding-right: 5px;
}
.primaryNav ul.megaMenu li.menuItem a.megaLink {
	-webkit-transition-duration: 0.4s;
	/* Safari */
	position: relative;
	transition: all 0.8s ease 0s;
	top: 0;
	/* start out at position 0 */
	border-bottom: 6px rgba(123, 34, 170, 0) solid;
	margin: 7px 10px 0px 14px !important;
	padding: 0px 0px 8px 0px !important;
}
.primaryNav ul.megaMenu li.menuItem a.megaLink:hover {
	border-bottom: 4px #7b22aa solid;
}
.primaryNav ul.megaMenu li.menuItem a.home {
	background: url("https://assets.manchester.ac.uk/corporate/images/design/icon-home-25px-ffffff.png") no-repeat !important;
	background-size: 25px 25px;
	background-position: 0px 3px !important;
	margin-top: 0;
	/*margin-top: 2px;*/
	height: 27px !important;
}
.primaryNav ul.megaMenu li.menuItem a:hover.home {
	-webkit-transition-duration: 0.6s;
	/* Safari */
	transition-duration: 0.6s;
	background-position: 0px 0px !important;
}
.megaContent {
	background-color: #660099 !important;
	box-shadow: -1px 10px 5px 0px rgba(57, 58, 60, 0.1) !important;
}
.mainLogo {
	height: 60px !important;
}
.primaryNavContainer {
	width: 100%;
	background: #fff;
}
#directorateNavigation {
	width: 90%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0;
	background: white;
}
.main-directorate-container-left {
	/* width: 100%;*/
	float: left;
	margin-left: 0;
	margin-right: 0;
	margin-right: 1.69492%;
}
.main-directorate-container-right {
	/*width: 100%;*/
	float: left;
	margin-left: 0;
	/* width: 57.62712%;*/
	margin-right: 1.69492%;
}
.content-box--directorate-header {
	position: relative;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	display: block;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	border-radius: 0px;
}
.directorate-header-intro h1 {
	font-size: 2em;
}
.directorate-header-intro p {
	font-size: 1.2em;
}
.directorate-header-intro p a {
	text-decoration: underline;
}
@media (min-width: 800px) {
	.directorate-header-intro h1 {
		font-size: 2.5em;
	}
	.directorate-header-intro p {
		font-size: 1.5em;
	}
}
@media (min-width: 1000px) {
	.directorate-header-intro {
		position: absolute;
		top: 10px;
		height: 100%;
		padding: 35px 25px 25px 15px;
		width: 80%;
		z-index: 1;
	}
	.directorate-header-intro h1 {
		background-color: rgba(255, 255, 255, 0.9);
		padding: 15px 10px 10px 20px;
		width: 70%;
	}
	.directorate-header-intro p {
		background-color: rgba(255, 255, 255, 0.9);
		padding: 10px 10px 20px 20px;
		line-height: 1.8rem;
		width: 70%;
	}
}
.directorateStaffSearch p a {
	text-decoration: underline;
}
.colourPromo #directory-search {
	max-width: none;
}
.colourPromo.purple .staff-searchbox input[type="text"]:focus {
	border: 2px solid #ffd300;
}
@media (min-width: 600px) {
	.directorateStaffSearch #directory-search {
		max-width: 343px;
	}
}
@media (min-width: 1300px) {
	.directorateStaffSearch #directory-search {
		max-width: 30.8%
	}
}
.content-box--directorate-news {
	min-height: 360px;
}
/***Events from COLUMBA***/
.eventbox {
	border-bottom: 1px dotted #ccc;
	padding-top: 5px;
	margin-bottom: 10px;
}
.eventbox a {
	text-decoration: none;
}
.eventbox a:hover h3 {
	text-decoration: underline;
}
.eventimage {
	float: left;
	position: relative;
}
.eventtext {
	margin-left: 120px;
	padding-left: 20px;
}
.events-list li a:hover h2 {
	text-decoration: underline;
}
.searchresults-navigation .pagination .currentpage {
	padding-top: 0;
}
/***END Events from COLUMBA***/
/**reduces padding on top of promo box image heading**/
figcaption.botLeft {
	padding-top: 10px;
}
/**END padding on top of promo box image heading**/
.newsimage-custom img {
	margin-top: 10px;
	float: right;
	width: 100%;
}
@media (min-width: 600px) {
	.newsimage-custom img {
		width: 50%;
	}
}
@media (min-width: 800px) {
	.newsimage-custom img {
		width: 60%;
		max-width: 400px;
	}
}
/**FAQ code**/
dl.faq button {
	margin: 0;
	padding: 0;
	margin-top: 1em;
	font-family: Open Sans;
	border: none;
	font-weight: 400;
	background-color: transparent;
}
dl.faq dd {
	margin: 0;
	padding: 0;
}
dl.faq dd p, dl.faq dd ul, dl.faq dd ol {
	padding-left: 30px;
}
dl.faq dd p, dl.faq dd li {
	font-size: 1em;
}
dl.faq .desc {
	margin: 0;
	display: none;
}
dl.faq button:focus {
	outline: none !important;
}
dl.faq button:hover {
	text-decoration: underline;
}
dl.faq button:active {}
dl.faq button[aria-expanded="false"]:before {
	content: url('https://assets.manchester.ac.uk/corporate/images/design/faq-expand.png');
	padding-right: 0.35em;
}
dl.faq button[aria-expanded="true"]:before {
	content: url('https://assets.manchester.ac.uk/corporate/images/design/faq-collapse.png');
	padding-right: 0.35em;
}
/**END FAQ code**/
.embed-container {
	position: relative;
	margin-bottom: 1em;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	width: 100%;
	height: 100%;
}
#announcement {
	margin: 0 auto 10px;
	border: 2px #4e8300 solid;
	background: #fff;
	font-size: 1.230769em;
	color: #fff;
}
header #announcement {
	width: 90%;
	max-width: 1140px;
}
#announcement.boxred, #announcement.BoxRed {
	border-color: #e60041;
}
#announcement-title {
	font-weight: 600;
	font-size: 1.125em;
	padding: 8px 10px;
}
#announcement.boxgreen #announcement-title, #announcement.BoxGreen #announcement-title {
	background: #4e8300;
}
#announcement.boxred #announcement-title, #announcement.BoxRed #announcement-title {
	background: #e60041;
}
#announcement-message {
	padding: 8px 10px;
}
#announcement-message ul {
	margin: 0 0 0 15px;
}
#announcement-message p, #announcement-message li {
	font-size: 1em;
}
#announcement-message li {
	padding: 0 0 5px 5px;
}
#announcement-message p:last-child {
	padding-bottom: 0;
}
#announcement-message a {
	text-decoration: underline;
}
details {
	margin-top: 10px;
	border: 1px solid #ccc;
	border-width: 1px 0;
}
details + details {
	margin-top: 0;
	border-top-width: 0;
}
details[open] {
	padding-bottom: 10px;
}
details + *:not(details) {
	margin-top: 25px;
}
details summary {
	padding: 10px 10px 10px 45px;
	cursor: pointer;
	border-width: 1px 0;
	font-size: 2.3rem;
	font-weight: 300;
	list-style: none;
	background: url('https://assets.manchester.ac.uk/corporate/images/design/accordion-expand.png') #f5f5f5 no-repeat 14px 50%;
}
details summary::-webkit-details-marker {
	display: none;
}
details summary:focus-visible {
	outline: 2px solid #000;
	border-radius: 5px;
}
details[open] > summary {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	background-image: url('https://assets.manchester.ac.uk/corporate/images/design/accordion-collapse.png');
}
#document-control-box {
	margin-top: 30px;
}
#document-control-box caption {
	position: unset;
	width: unset;
	height: unset;
	font-size: 1.6rem;
	text-align: left;
	font-weight: 700;
	border: 1px solid #ccc;
	border-bottom-width: 0;
	padding: 6px;
}
#document-control-box th {
	border-color: #ccc;
	background-color: #fff;
	font-weight: 600;
	color: #343536;
}
#document-control-box td {
	background-color: #fff;
}

.news-grid {
	display: grid;
	gap: 15px;
	margin: 15px 0 0;
	padding: 0 !important;

	@media (min-width: 500px) {
		grid-template-columns: 1fr 1fr;
	}

	@media (min-width: 800px) {
		grid-template-columns: 1fr;
	}

	@media (min-width: 1200px) {
		grid-template-columns: 1fr 1fr;
	}
}

.news-grid li {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

.news-grid li img {
	width: 100% !important;
}

.news-read-more {
	margin: 10px 0;
	padding: 0 !important;
}

.news-read-more a {
	text-decoration: underline;
	color: #8253A3;
	font-size: 1.3rem;
}

.content-box--promo {
	background-color: #f8f4f4;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 35% auto;
	container-type: inline-size;
	container-name: promobox;
}

.content-box--promo + .content-box--promo {
	margin-top: 20px;
}

.content-box--promo a {
	display: flex;
	text-decoration: none;
}

.content-box--promo .text-container {
	padding: 10px;
}

.content-box--promo .image-container {
	display: none;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
}

.content-box--promo .image-container.image-bottom {
	background-position: left bottom;
}

@container promobox (width >= 300px) {
	.content-box--promo .text-container {
		flex: 1 1 auto;
	}

	.content-box--promo .image-container {
		display: block;
		flex: 0 0 clamp(100px, 20%, 160px);
	}
}

.content-box--promo .image-container img {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
	object-position: left bottom;
}

.content-box--promo h2 {
	font-size: 2.2rem;
	font-weight: 300;
	color: #6b2c92;
	padding: 0;
	margin: 0;
}

.content-box--promo p {
	font-size: 1.5rem;
	padding: 0 !important;
	margin: 10px 0 0;
}

.content-box--promo a .readmore {
	color: #6b2c91;
	text-decoration: underline;
}

.content-box--promo a:hover,
.content-box--promo a:hover p:not(.readmore),
.content-box--promo a:hover h2 {
	text-decoration: none;
}