/* Table of Content
==================================================
#Site Styles
#Documentationti
#Page Styles
#Media Queries
*/

/* #Site Styles
================================================== */
a.invisible-text{
    color: transparent!important;
}
h1.invisible-heading{
    position: absolute;
    color: transparent;
    text-shadow: none;
}
.container {
	margin: 0 auto;
	max-width: 1200px;
	width: 90%;
}
.container-medium {
	margin: 0 auto;
	max-width: 950px;
	width: 90%;
}
.container-small {
	margin: 0 auto;
	max-width: 650px;
	width: 90%;
}

.container-margin {
	margin-bottom: 40px
}
.content {
	position: relative;
	width: 100%;
	margin-top: 3em;
	margin-bottom: 3em;
	overflow: hidden;
}
ul {
	padding: 0;
}
.clearfloat {
	clear: both;
}
.fa-ul {
	margin-left: 0;
}
.order-first{
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}
.break-large-40 {
    margin: 40px 0;
}
.text-white{
    color: white;
}
.big-text{
    font-size: 200%!important;
    line-height: 1.3!important;
}
p.buttonlink {
	background: #867537;
	display: inline-block;
	margin: 5px 5px 10px 0;
	color: #fff;
	border-radius: 3px;
}
p.buttonlink a {
	color: #fff!important;
	font-weight: bold;
	padding: 10px 20px;
	text-decoration: none;
	display: block;
}
p.buttonlink a:hover {
	background: #ccc;
}
a.skip-main {
	left: -999px;
	position: absolute;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: -999;
}
a.skip-main:focus,
a.skip-main:active {
	color: #fff;
	background-color: #000;
	left: auto;
	top: auto;
	width: 30%;
	height: auto;
	overflow: auto;
	margin: 10px 35%;
	padding: 5px;
	border-radius: 15px;
	border: 4px solid yellow;
	text-align: center;
	font-size: 1.2em;
	z-index: 999999;
    
}

a.white{
    color: white;
}
a.underline{
    text-decoration: underline!important; 
}
/* #Page Styles
================================================== */
.email-word{
    word-break: break-word;
}
.quote {
	margin: 0;
	padding: 10px 0;
	position: relative;
	border-top: 1px solid #ebebeb;
}
.quote .quoteimage{
	border-radius: 50%!important;
	width: 140px;
	height: 140px;
	margin: 15px auto;
	border: 8px solid rgba(250,250,250,0.4);
}
.quote blockquote {
	border-left: 5px solid #867537;
	margin: 0 10px;
	padding: 10px;
	quotes: "\201C""\201D""\2018""\2019";
}
.quote blockquote:before {
	color: #867537;
	content: '\201c';
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
.quote blockquote p {
	display: inline;
}
.quote blockquote p:after {
	color: #867537;
	content: close-quote;
	font-size: 4.5em;
	line-height: 0.1em;
	vertical-align: -0.5em;
}
.quote p.author {
	margin-top: 30px;
	padding-bottom: 10px;
	padding-right: 10px;
	text-align: right;
	font-weight: bold;
	color: #867537;    
	border-bottom: 1px solid #ebebeb;
}

.quote-block{
    padding: 20px;
    background: white;
    margin: 10px 0;
}

.quote-block .quote-text{
    font-style: italic; 
}

.quote-block .quote-autor{
    font-weight: bold; 
    text-align: right;
}

.quote-block .quote-autor img{
    max-width: 100px;
}
#countdown {
	margin-bottom: 0;
}
.countdownLive {
	margin: 0 auto;
	background: #0082b4;
	padding: 20px 10px;
	text-align: center;
	width: 50%;
	font-weight: bold;
	text-shadow: none;
}
.countdownLive i {
	margin-right: 20px;
	text-align: center;
}
.countdownNumber {
	float: left;
	font-size: 280%;
	font-weight: bold;
	line-height: 70%;
	width: 23%;
	text-align: center;
	background: rgba(0, 0, 0, 0.4);
	margin: 0 1px;
	padding-top: 10px;
}
.countdownNumber span {
	display: block;
	font-size: 30%;
	text-transform: uppercase;
	color: #867537;
}
.circle_bg {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 4px solid #ccc;
	float: left;
	margin-right: 20px;
	margin-bottom: 40px;
	background: #fff;
}
.circle_bg_grey {
	background: #ebebeb;
}
.circle_bg_orange {
	background: #867537;
	border-color: #333;
}
.circle_bg_inner {
	line-height: 80px;
	text-align: center;
	width: 80px;
	font-size: 4rem;
	font-weight: bold;
	color: #666;
}
.circle_bg_inner:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: red;
  top: 25px;
  left: -50%;
  z-index: -10;
  transition: all ease-in-out .3s;
}
.circle_bg_orange .circle_bg_inner {
	color: #fff;
}
ul.inlinelist li {
	display: inline-block;
	float: left;
	margin-right: 1em;
}
ul.borderlist li {
	padding-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
}
ul.borderlist li:last-of-type {
	border-bottom: 0;
}
ul.noicon li {
	background: none !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
}
.arrow li { position: relative;
	color: #333;
	padding-left: 15px;
	margin-left: 15px;
}

.arrow li:before {
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	left: 0px;
	color: #867537;
	padding-right: 10px;
    font-size: 1.2rem;
}
ol li {
	padding-left: 0 !important;
	padding-right: 30px;
}

ol li:before { 
	content: none !important
}

.icons-list li {
	min-height: 55px;
}

.icons-list li i{
	float: left;
	margin-right: 20px;
	transition: none;
	font-size: 35px;
    width: 40px;
}
ul.icons li a {
	color: #333;
}

.list-numbered1 {
	margin: 40px 0;
	padding: 0;
	width: 50%;
}
ul.check li:before {
	content: "\f058";
	font-weight: 900;
	font-size: 1.6rem;
} 
ul.check li {
	padding-left: 30px;
}
ul.check.go li:before {
	color: #068941!important;
}
ul.cross li:before {
	content: "\f057";
	font-weight: 900;
	font-size: 1.6rem;
} 
ul.cross li {
	padding-left: 30px;
}
ul.cross.warning li:before {
	color: #d50d0e!important;
}
@media (max-width: 768px) {
	.list-numbered1 {
		width: 100%;
	}
	.list-right {
		margin-top: 0;
	}
	.list-left {
		margin-bottom: 0;
	}
}
.list-numbered1 li {
	line-height: 20px;
	min-height: 50px;
	display: block;
}
.list-numbered1 li span {
	width: 80%;
	display: inline-block;
}

.list-numbered1 .number{
    display: inline-block;
    padding: 20px;
    width: 60px;
    box-sizing: border-box;
    margin-right: 10px;
    text-align: center;
    vertical-align: top;
}

.blocked-list .row_cell{
    padding: 20px 20px;
    margin: 0 10px;
}

.blocked-list .row_cell p{
    margin: 0
}

.blocked-list .row_cell p img{
    width: 20px;
    vertical-align: baseline;
}

.warning {
	color: #d50d0e!important;
}
.warning a {
	color: #d50d0e!important;
	text-decoration: underline!important;
}
.go {
	color: #068941!important;
}
.go a {
	color: #068941!important;
	text-decoration: underline!important;
}

/*p.warning{
	background: #f4f4f4;
	padding: 20px 10px;
}*/
.sidebar {
	margin-top: 50px;
}
.sidebar .sidebarbox {
	position: relative;
}

.sidebar .sidebarbox p{
	font-size:1.4rem;
    line-height: 1.8rem;
}
.sidebar .sidebarbox a {
	display: block;
	color: #333;
	font-weight: bold;
	background: #fff;
}
.sidebar .sidebarbox a:hover {
	background: #fff;
}
.sidebar .sidebarbox img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.sidebar .postboxcontent {
	background: #ebebeb;
	border-left: 5px solid #867537;
	padding: 15px 15px 5px 15px;
}

.sidebar .postboxcontent a{
	word-break: break-all;
}
.sidebar .postbox img {
	display: none;
}
.sidebar img.newsletter {
	width: 100%;
}
.sidebar .text_center {
	text-align: center;
}
.sidebar h3 {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 10px;
}
.sidebar h3 a {
	color: #333;
}
.sidebar p a {
	color: #333;
	font-weight: bold;
	word-break: break-word;
}
.sidebar p a.button {
	color: #fff;
}
.sidebar .postboxcontent h3 {
	background: none;
	display: block;
	margin: 0 0 3px 0;
	padding: 5px 0;
	border-bottom: 1px solid #ebebeb;
	color: #666;
    font-size: 1.8rem;
}
.sidebar .postboxcontent h3 a {
	color: #666;
	display: block;
}
.sidebar .postboxcontent ul,
.sidebar .postboxcontent p,
.sidebar .postboxcontent a {
	color: #666
}
.sidebar .postboxcontent li {
	margin-bottom: 3px;
}
.sidebar .postboxcontent p {
	margin-top: 10px;
	margin-bottom: 10px;
}
.sidebar .postboxcontent p a {
	display: block;
	color: #867537;
}

.sidebar .postboxcontent p a.btn.btn-main  {
	color: #fff;
}

.sidebar .postboxcontent p a:hover {
	background: transparent!important;
	color: #867537;
	text-decoration: underline;
}
.sidebar .postboxcontent p a:after {
	color: #867537;
}
.sidebar ol {
	list-style-type: none;
	list-style-type: decimal !ie;
	/*IE 7- hack*/
	margin: 0 0 40px 42px;
	padding: 0;
	counter-reset: li-counter;
}
.sidebar ol > li {
	position: relative;
	margin-bottom: 15px;
	padding: 0 0 0 20px;
	min-height: 50px;
}
.sidebar ol > li a:before {
	position: absolute;
	top: 0;
	left: -0.8em;
	width: 0.94em;
	height: 0.94em;
	padding: 5px;
	font-size: 3em;
	font-weight: bold;
	line-height: 0.94;
	text-align: center;
	color: #666;
	background-color: #ebebeb;
	content: counter(li-counter);
	counter-increment: li-counter;
}
.sidebar ol li a {
	color: #666;
	display: block;
	margin-left: 30px;
}
.sidebar .events li {
	padding: 10px 0;
	border-bottom: 1px solid #ebebeb;
	margin: 0;
	background: transparent!important;
	font-size: 1.4rem;
}
.sidebar .events li a:hover {
	text-decoration: underline;
}
.sidebar .events li:before {
	content: "\f133";
	font-family: "Font Awesome 6 Pro";
	display: block;
	float: left;
	color: #666;
	padding-right: 10px;
}
.sidebar .events li a {
	color: #867537;
	font-weight: bold;
	display: block;
}
.sidebar .events li a .eventtitle {
	color: #666;
	font-weight: normal;
	padding-left: 25px;
	display: list-item;
}
.sidebar .events li:last-of-type {
	border-bottom: 0px solid #ebebeb;
}
.sidebar .boxout {
	width: 100%;
	padding-bottom: 20px;
}
.sidebar .boxouthead {
	margin-bottom: 20px;
}
.sidebarboxsolid {
	padding: 20px;
	margin-bottom: 20px;
	background: #ebebeb;
}
.sidebarboxsolid hr {
	border-color: #fff;
}
.sidebar h3.event:before {
	font-family: "Font Awesome 6 Pro";
	padding-right: 10px;
	font-size: 140%;
	content: "\f133";
	color: #867537;
}
.sidebar h3.help:before {
	font-family: "Font Awesome 6 Pro";
	padding-right: 10px;
	font-size: 140%;
	content: "\f059";
	color: #867537;
}
.sidebar h3.time:before {
	font-family: "Font Awesome 6 Pro";
	padding-right: 10px;
	font-size: 140%;
	content: "\f017";
	color: #867537;
}
.sidebar h3.twitter:before {
	font-family: "Font Awesome 6 Brands";
	padding-right: 10px;
	font-size: 140%;
	content: "\e61b";
	color: #867537;
}
.sidebar h3.chat:before {
	font-family: "Font Awesome 6 Pro";
	padding-right: 10px;
	font-size: 140%;
	content: "\f086";
	color: #867537;
}
.sidebar ul.icons li {
	margin: 10px 5px;
}
.sidebar ul.icons li:before {
	content: "";
}
.sidebar ul.icons li img {
	border-bottom: 0;
}
.sidebar ul.icons li a {
	color: #333;
}
.coverimages {
	display: none
}
ol.progtrckr {
	margin: 0 !important;
	padding: 0 0 20px 0;
	list-style-type: none;
}
ol.progtrckr li {
	display: block;
	width: 100%;
	text-align: left;
	border: none;
	line-height: 2em;
	background: #f8f8f8;
	margin-bottom: 2px;
	padding: 0 5px;
}
ol.progtrckr li a {
	color: #333;
	text-decoration: none;
}
ol.progtrckr li.progtrckr-todo {
	color: #ccc;
}
ol.progtrckr li:after {
	content: "\00a0\00a0";
}
ol.progtrckr li:before {
	margin-right: 10px;
}
ol.progtrckr li.progtrckr-done:before {
	content: "\2713";
	color: #fff;
	background-color: #867537;
	height: 1.5em;
	width: 1.5em;
	line-height: 1.5em;
	border-radius: 1.2em;
	text-align: center;
	margin-left: 5px;
}
ol.progtrckr li.progtrckr-todo:before {
	content: "\2717";
	color: #ccc;
	font-size: 1.5em;
	text-align: center;
	bottom: -0.4em;
	margin: -3px 14px 0 5px;
	background: #f8f8f8;
}
.imgright {
	position: relative;
	margin: 5px 0 5px 15px;
}
.imgleft {
	position: relative;
	margin: 0.3em 1.5em 0.3em 0;
}
.imglogo {
	position: relative;
	margin: 0 10px 10px 0;
	padding: 10px 15px;
	background: #fff;
	/*box-shadow: 7px 7px 7px -5px rgba(0,0,0,0.1);*/
	float: left; 
}

.companies .imglogo{
	margin: 0;
	padding: 20px;
	float: none; 
	box-sizing: border-box;
}

.imglogo.nologoimage {
	width: 200px;
	height: 91px;
	display: block;
}
.imglogo.nologoimage p{
	padding-top: 20px;
	font-weight: bold;
	text-align:center;
}

.profileCurved {
	width: 200px!important;
	height: 200px!important;
	border-radius: 100px!important;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}
.profileCurvedCentered {
	margin: 0 auto;
}
.staffprofileCurved {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	display:none;
}

.staffprofileImage {
	position: relative;
	border: 10px solid #f9f9f9;
	min-width: 80px;
	min-height: 80px;
	max-width: 150px;
	max-height: 150px;
	top: -25px;
    z-index: 1;
}
ul.a-to-z-list {
	padding: 0px;
	margin: 0px;
}
ul.staffprofilelist li:before {
	content:none
}
ul.staffprofilelist li {
	padding: 3%;
	background: #f9f9f9 !important;
	margin: 0px;
	border-bottom: 1px solid #ebebeb;
	line-height: 2.2rem !important;
}

.staffprofilerecruitment{
	margin-top: 20px;
	border: 1px solid #ebebeb;
	margin-bottom: 20px;
}

.staffprofilerecruitment .staffprofilebottom{
    background: #f9f9f9;
    padding: 20px;
    min-height: 93px;
}

.staffprofilerecruitment ul.staffprofilelist li{
    background: #ffffff!important;
    padding: 8px 20px;
    border: none;
}

.staffprofilerecruitment ul.staffprofilelist li:before { 
	content:none;
}

.staffprofilerecruitment h3{
    padding: 20px 20px 0 20px;
}

.staffprofilerecruitment .staffprofileImage {
	position: relative;
	border: 5px solid #e0e0e0;
	min-width: inherit;
	min-height: inherit;
	max-width: inherit;
	max-height: inherit;
	top: -5px ;
    width: 245px;
}

.staffprofileFlex	{
	max-height: 200px;
}

img.staffprofileImageFlex	{
	width: 20%;
	height: 30%;
	max-width: 100px;
}
.container-small.profile-container h3 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
}
.profile-container .row { 
	border: 1px solid #ebebeb;
	background: #f9f9f9;
	margin-top: 30px;
}
.profile-container .row_cell {
	background: #f9f9f9;
}
.profile-container .row img {
	border: 5px solid #fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.profile-container .row_cell:hover i {
	transform: none;
}

.profile-container .quote blockquote{
	color: #444;
}

@media (min-width:450px) and (max-width: 992px) {
    .staffprofilerecruitment .staffprofileImage {
        width: 150px;
    }
	.companies .imglogo{
		width: 32%;
	}
}

@media (max-width: 449px) {
    .staffprofilerecruitment .staffprofileImage {
        float: none;
        margin: 0;
        width: 100%;
        border: none;
        top: 0;
    }
	.companies .imglogo{
		width: 49%;
	}
}

@media (min-width: 1200px) {
	.companies .imglogo{
		width: 19%;
	}
}

@media (min-width:993px) and (max-width: 1199px) {
	.companies .imglogo{
		width: 24%;
	}
}

@media (max-width: 887px) {
	.imgright, .imgleft {
		display: block;
		margin-bottom: 20px;
	}
}

@media (min-width: 888px) {
	.imgright {
		float: right;
	}
	.imgleft {
		float: left;
	}
}

.social-content{
    text-align: center;
}

.social-content li{
    text-align: center;
    display: inline-block;
    width: 48px;
    height: 48px;
    background-color: #867537;
    margin-right: 3px;
    margin-bottom: 5px;
}

.social-content li:hover{
     background-color: #333;
}

.social-content li a{
    cursor: pointer;
    border-radius: 3px;
    font-size: 30px;
    color: #ffffff!important;
    text-align: center;
    line-height: 48px;
    
}

.tag {
	background: #867537;
	color: #fff!important;
	padding: 5px 7px;
	margin: 0 5px 15px 0;
	font-weight: bold;
	font-size: 90%;
	display: inline-block!important;
}

/* 13 - Header 
--------------------------------------------------*/

#alert-container {
	text-align: center;
	background: #f3f3f3;
	border-bottom: 1px solid #ebebeb;
	margin: -10px 0 10px 0;
	padding: 10px;
}
#alert-container a {
	color: #867537;
	text-decoration: none;
}
#alert-container a.button {
	color: #fff;
	text-decoration: none;
	background: #0caa4b;
}
#alert-container a.button:before {
	content: "\f00c";
	font-family: "Font Awesome 6 Pro";
	float: left;
	padding-right: 10px;
	display: block;
}
header[role="banner"] {
	width: 100%;
	position: relative;
	padding: 0.5em 0;
	border-top: 3px solid #867537;
}
@media (max-width: 720px) {
	.header_wrapper {
		padding-bottom: 0!important;
	}
	/*header[role="banner"] { padding-bottom: 0!important; }*/
}
.header_wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.header_wrapper .inner {
	max-width: 1200px;
	width: 100%;
	position: relative;
	margin: 0 auto;
}
.inner h1 {
	float: left;
	width: 50%;
	text-align: left;
}
[role='main'] {
	margin: 5% auto;
}
.logo {
	display: block;
	overflow: auto;
	width: 170px;
	float: left;
}
.logo h1 {
	margin: 10px;
	/*background: url('/Images/sections/common/template/TeessideUniversity2b.png') no-repeat;*/
	background: url('/Images/sections/common/template/TeessideUniversity2b_black.png') no-repeat;
	height: 58px;
	width: 150px;
	text-align: center;
	z-index: -10000;
	background-size: 150px 58px;
}
.logo h1 a {
	width: 100%;
	height: 100%;
	text-indent: -9999em;
	display: block;
	position: relative;
	z-index: 10000;
}
.logo p {
	margin: 10px;
	/*background: url('/Images/sections/common/template/TeessideUniversity2b.png') no-repeat;*/
	background: url('/Images/sections/common/template/TeessideUniversity2b_black.png') no-repeat;
	height: 58px;
	width: 150px;
	text-align: center;
	z-index: -10000;
	background-size: 150px 58px;
}
.logo p a {
	width: 100%;
	height: 100%;
	text-indent: -9999em;
	display: block;
	position: relative;
	z-index: 10000;
}
.logoTUBS {
	display: block;
	overflow: auto;
	width: 170px;
	float: left;
}
.logoTUBS p {
	margin: 10px;
	background: url('/Images/sections/common/template/TeessideUniversityInternationalBusinessSchool.png') no-repeat;
	height: 58px;
	width: 150px;
	text-align: center;
	z-index: -10000;
}
.logoTUBS p a {
	width: 100%;
	height: 100%;
	text-indent: -9999em;
	display: block;
	position: relative;
	z-index: 10000;
}
.logoSport {
	display: block;
	overflow: auto;
	width: 170px;
	float: left;
}
.logoSport p {
	margin: 10px;
	background: url('/Images/sections/common/template/TeessideSport.png') no-repeat;
	height: 58px;
	width: 150px;
	text-align: center;
	z-index: -10000;
	background-size: 150px 58px;
}
.logoSport p a {
	width: 100%;
	height: 100%;
	text-indent: -9999em;
	display: block;
	position: relative;
	z-index: 10000;
}
.logoOnlineLearning {
	display: block;
	overflow: auto;
	width: 272px;
	float: left;
}	
.logoOnlineLearning p {
	margin: 10px;
	background: url('/Images/sections/common/template/teessideuniversity_online_black.png') no-repeat;
	height: 58px;
	width: 252px;
	text-align: center;
	z-index: -10000;
	background-size: 252px 58px;
}
.logoOnlineLearning p a {
	width: 100%;
	height: 100%;
	text-indent: -9999em;
	display: block;
	position: relative;
	z-index: 10000;
}
#headerlinks {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 5px;
	margin-top: -10px;
	color: #666;
	background: #ebebeb;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	display: none;
}

@media only screen and (min-width: 941px){
	#headerlinks {
    	right: 155px;
 
	}
}

 @media only screen and (min-width: 719px) and (max-width: 941px){
	#headerlinks {
    	right: 40px;
 
	}
}

@media (max-width: 300px) {
	.logo {
		width: 110px;
	}
	.logo h1 {
		margin-top: 20px;
		width: 90px;
		background-size: 90px auto;
	}
}

#headerlinks ul {
	margin-top: 10px;
	padding: 0
}
#headerlinks li {
	float: left;
	padding: 0 10px;
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #999;
	margin: -2px 0 7px 0;
    font-size: 1.2rem;
}
#headerlinks li.last {
	border-right: 0px solid #fff;
}
#headerlinks li img {
	margin: -3px 5px 0 0;
	float: left;
}
#headerlinks li a {
	color: #333;
	text-decoration: none;
}
#headerlinks li a:hover {
	text-decoration: underline;
}
#headerlinks li.pay a:after {
	color: #333;
	content: "\f07a";
	font-family: "Font Awesome 6 Pro";
	float: left;
	padding-right: 5px;
	display: block;
}
[role='navigation'] {
	margin: 0;
	width: 100%;
	background-color: #666;
	float: right;
}
@media (max-width: 719px) {
    [role='navigation'] {
        display:none;
    }
	header[role="banner"] {
		background: white;
	}
}
.flexNav-touch[role='navigation'],
.flexNav-no-touch[role='navigation'] {
	display: none;
}
.menu-button {
	position: absolute;
	right: 10px;
	top: 25px;
	display: block;
	background: transparent;
	color: #333;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #867537;
	padding: 7px 11px;
}
[role='navigation'] ul {
	margin: 0;
}
[role='navigation'] li {
	position: relative;
	list-style: none;
	display: block;
    background-color: #000;
	width: 100%;
	font-weight: bold;
	margin: 0;
}
[role='navigation'] li a {
	/*margin-right:20%;*/
	display: block;
	color: #fff;
	border-bottom: 1px solid #333;
	text-decoration: none;
}
[role='navigation'] .top-level a {
	position: relative;
	display: block;
	padding: 1em;
	z-index: 2;
}
[role="navigation"] ul.mobile li {
	width: 50%;
	float: left;
	background: #666;
}
[role="navigation"] ul.mobile li a {
	background: #666;
	border-bottom: 1px solid #fff;
}
[role="navigation"] ul.mobile li:last-of-type a {
	border-bottom: 0px solid #fff;
}
[role='navigation'] img {
	display: none;
}
[role="navigation"] li a:after {
	color: #fff;
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	float: right;
	padding-left: 30px;
}
[role="navigation"] ul li .submenu {
	display: none;
	opacity: 0;
	visibility: hidden;
}
[role="navigation"] li a.study.active {
	border-left: 3px solid #867537;
	color: #867537;
}
[role="navigation"] li a.study.active:after {
	color: #867537;
	content: "\f078";
}
[role="navigation"] li a.research.active {
	border-left: 3px solid #867537;
	color: #867537;
}
[role="navigation"] li a.research.active:after {
	color: #867537;
	content: "\f078";
}
[role="navigation"] li a.about.active {
	border-left: 3px solid #999;
	color: #999;
}
[role="navigation"] li a.about.active:after {
	color: #999;
	content: "\f078";
}
[role="navigation"] li a.alumni.active {
	border-left: 3px solid #999;
	color: #999;
}
[role="navigation"] li a.alumni.active:after {
	color: #999;
	content: "\f078";
}
/** hidden search field **/

#searchbar {
	display: none;
	width: 100%;
	margin: 10px auto -10px auto;
	z-index: 9999;
	background: #ebebeb;
	padding: 20px 0 10px 0;
}
#searchbar form {
	border: 1px solid #ccc;
	background: #fff url("/images/sections/common/template/input_bg.gif") repeat-x;
	width: 98%;
	margin: 0 auto;
}
#googlesearch {
	width: 73%;
	border: 0;
	outline: none;
	padding: 14px 10px;
	font-weight: bold;
	color: #666;
	background: #fff url("/images/sections/common/template/input_bg.gif") repeat-x;
	float: left;
}

#searchbar .select-style { 
	float: left;
	border-right: 1px solid #ccc;
	width: 140px;
	overflow: hidden;
	background: #867537;
}
#searchbar .select-style:hover { 
	background: #867537;
}
#searchbar .select-style {
	position:relative
}
#searchbar .select-style:after {
	content:"\f078";   
	font-family: "Font Awesome 6 Pro";
	font-size: 11px;
	color:#fff;
	right:10px; top:12px;
	padding:0 0 2px;
	position:absolute;
	pointer-events:none; 
	font-weight: bold; 
}
#searchbar .select-style:before {
	content:'';
	right:4px; top:0px;
	width:23px; height:18px;
	position:absolute;
	pointer-events:none;
	display:block;
}

#searchbar .select-style select {
	padding: 10px 8px;
	width: 130%;
	border: none;
	box-shadow: none;
	background: transparent;
	background-image: none;
	-webkit-appearance: none; 
	font-weight: bold;  
	cursor: pointer; 
	color: #fff;
}

#searchbar .select-style select:focus {
	outline: none;
}

#searchsubmit {
	display: block;
	float: right;
	background: none;
	color: #867537;
	border: 0;
	outline: none;
	cursor: pointer;
}
[role="navigation"] .searchlist {
	display: none;
}
nav.cmn-tile-nav {
	display: none;
}
nav.cmn-tile-nav.open {
	display: block;
}
nav.cmn-tile-nav ul {
	list-style: none;
}
nav.cmn-tile-nav li {
	display: block;
	/*overflow: hidden; */
}
nav.cmn-tile-nav a {
	display: block;
	padding: 0;
}
#sectionmenu {
	background: #666;
	padding: 2px 10px;
}
@media only screen and (max-width: 1265px) {
	/*#sectionmenu {
		margin-left: -20px!important;
	}*/
}
@media only screen and (max-width: 720px) {
	#sectionmenu > ul {
		padding-left: 10px;
		font-weight: bold;
	}
	#sectionmenu > ul > li {
		margin-bottom: 10px;
	}
	#sectionmenu > ul > li > a {
		padding-bottom: 5px;
	}
	#sectionmenu > ul > li > ul {
		padding-left: 20px;
		font-weight: 100;
	}
	#sectionmenu ul a.sectiontitle {
		border-bottom: 1px solid #cccccc38;
		padding-bottom: 10px;
		text-transform: uppercase;
	}
}
#sectionmenu a {
	color: #fff;
	padding: 0 10px;
    text-decoration: none;
}
#sectionmenu a:after {
	color: #fff;
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	float: right;
	display: block;
	font-size: 80%;
	width: 2px;
}
#sectionmenu a.select {
	font-weight: bold;
}
#sectionmenu a.select:after {
	content: "\f078";
	color: #867537;
}
#sectionmenu ul a.sectiontitle {
	color: #fff !important;
	font-size: 100%;
	font-weight: bold;
    
}
#sectionmenu ul a.sectiontitle:after {
	content: "";
}
#sectionmenu > ul > li > ul > li a {
	padding: 6px 10px 6px 0;
	border-bottom: 1px solid #666;
	margin-left: -10px;
}
a.nav-toggle {
	display: block;
	margin-top: -25px;
	padding: 12px 15px 10px 15px;
	background-color: #000;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	border-left: 3px solid #867537;
}
a.nav-toggle:hover {
	background-color: #000;
	color: #867537;
}
a.nav-toggle:after {
	color: #fff;
	content: "\f078";
	font-family: "Font Awesome 6 Pro";
	float: right;
}
a.nav-toggle:hover:after {
	color: #867537;
}
/*-------------------------------------------------------*\
	#MOBILE SEARCH DS
\*-------------------------------------------------------*/

.menu-button {
	border: none;
}
.search_toggle {
	margin-top: 25px;
	margin-right: 80px;
	padding-top: 7px;
	color: #333;
}
.search_toggle_mobile {
	color: #333!important;
}
@media (max-width: 768px) {
	#googlesearch {
		width: 40%;
		padding: 0 0 0 5px;
		background: none;
		font-size: 100%;
		line-height: 44px;
		float: none;
	}
	#searchbar {
		padding: 0;
		margin: 0;
		background: #f6f6f6;
		margin-bottom: 10px;
	}
	#searchbar form {
		width: 100%;
	}
	#searchsubmit {
		width: 10%;
		height: 44px;
		background: #867537;
		color: #fff;
		font-size: 1.6rem;
	}
	#searchsubmit:hover {
		color: #867537;
		background: #cccccc;
	}
}
@media (max-width: 300px) {
	.search_toggle {
		margin-right: 55px;
	}
}
@media (min-width: 720px) {
	.search_toggle_mobile {
		display: none!important;
	}
}
.search_toggle_mobile {
	float: right;
}
/* #Forms
================================================== */

form {
	clear: both;
	overflow: hidden;
	padding: 1px;
	margin: 0 0 15px 0;
	font-size: 90%;
}
form > div > fieldset > div > div {
	margin: 0 0 5px 0;
}
form > div > label,
legend {
	width: 100%;
	float: none;
	margin: 0 0 5px 0;
}
form > div > div,
form > div > fieldset > div
{
	width: 100%;
	float: none;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
	padding: 0;
}
form > div > label.checkbox {
	padding: 0 !important;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=date],
input[type=time],
input[type=tel],
textarea,
select {
	width: 95%;
	border: 1px solid #ccc;
	color: #333;
	padding: 13px 5px;
	background: #fff url("/images/sections/common/template/input_bg.gif") repeat-x;
	margin-top: 5px;
}
@media screen and (max-width: 900px) {
    input[type=text],
    input[type=email],
    input[type=url],
    input[type=password],
    input[type=date],
    input[type=time],
    input[type=tel],
    textarea,
    select {
	   width: 100%!important;
       box-sizing: border-box;
    }
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=time]:focus,
textarea:focus {
	outline: 0;
	border-color: #867537;
}
input[type=submit]:hover,
a.button:hover {
	background: #ccc;
}
input[type="checkbox"] {
	margin-bottom: 10px;
	padding-top: 80px;
}
input[type=date] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding-bottom: 5px;
}
select {
	background: #FFF url('/images/commonimages/icons/downarrow.png') no-repeat 90%;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	padding: 13px 50px 13px 10px;
	border: 1px solid #ccc;
	color: #333;
}
.form-header.orange {
	background: #867537;
}
.form-header h1,
.form-header p {
	color: #fff;
}
.form-header h1 {
	border-bottom-color: #fff !important;
}

.form_center	{
	width: 100%;
	display: block;
	margin-left: 1%;
	margin-right: 1%;
	max-width: 100%;
	border: 1px #eee solid;
	text-align: center;
}

.pagetext.form_wrapper hr{
	display: none;
}
.pagetext.form_wrapper h1{
	color: white!important;
}
.pagetext.form_wrapper .v_l_grey {
    background: #fff;
}
.pagetext.form_wrapper .form-header.orange {
    margin-top: -20px;
}
.pagetext.form_wrapper {
    padding: 0;
}

@media only screen and (min-width: 45em){
     
	.pagetext.form_wrapper .form-header.orange {
        padding-top: 145px;
        margin-top: -93px;
    }
	.pagetext.form_wrapper.form_menu .form-header.orange {
        padding-top: 65px;
    }
	.pagetext.form_wrapper.form_menu .section_wrapper .breadcrumb {
		margin-top: 70px;
	}
	.pagetext.form_wrapper .section_wrapper .breadcrumb {
		margin-top: 153px;
	}
	.pagetext.form_wrapper .section_wrapper .breadcrumb li, .pagetext.form_wrapper .section_wrapper .breadcrumb li a{
		color: white!important;
	}
}

@media only screen and (max-width: 44.99em){
	.pagetext.form_wrapper {
        margin-top: 0;
    }
}

@media only screen and (max-width: 29.99em){
	.pagetext.form_wrapper {
        margin-top: 22px;
    }
}

/* Search Home
================================================== */

.hp-search{
    background: #867537;
    padding: 20px!important;
    color: #fff;
}
.hp-search.search-second{
    background: #333333;
    padding: 10px !important;
}

.hp-search.search-second input[type="submit"] {
    background: #867537;
}
.hp-search .course-label{
    font-size: 24px;
    margin-right: 40px;
}

.hp-search input[type=text], .hp-search select, .hp-search input[type="submit"] {
    margin-bottom: 0;
    height: 65px;
    box-sizing: border-box;
    margin-right: -4px;
    border: 1px solid white;
}

.hp-search input[type=text] {
    border-radius: 5px 0 0 5px;
    width: 44%;
    border-right: 1px solid #ebebeb;
}

.hp-search input[type="submit"]{
    border-radius: 0 5px 5px 0;
    background: black;
    margin-top: -3px;
}

.hp-search label.submit{
    position: absolute;
    top: 5px;
    left: 19px;
    font-size: 25px;
}

.hp-search .form-block{
    display: inline-block;
    position: relative;
}

@media only screen and (min-width: 1250px){
    .hp-search input[type=text] {
        width: 58%;
    }
}

@media only screen and (min-width: 992px){
    .hp-search .course-label {
        vertical-align: middle;
    }
    .hp-search input[type=text] {
        padding-left:20px;
        padding-right: 20px;
        box-sizing: border-box;
        font-size: 32px !important;
    }
    .hp-search select{
       font-size: 20px; 
    }
    .hp-search input[type=text], .hp-search select, .hp-search input[type="submit"]{
        vertical-align: middle;
    }
    .hp-search .form-block {
        vertical-align: middle;
        margin-top: 7px;
    }
}

@media screen and (min-width: 550px) and (max-width: 900px) {
    .hp-search .course-label{
        display: block;
    }
    .hp-search input[type=text] {
        width: 58%!important;
    }
    .hp-search select {
        width: 30%!important;
    }
}

@media screen and (max-width: 549px) {
    .hp-search select {
        width: 80%!important;
    }
    .hp-search label.submit{
        top: 11px;
        left: 50%;
        margin-left: -10%
    }
    .hp-search .form-block{
        width: 20%;
    }
    .hp-search input[type=text], .hp-search select, .hp-search input[type="submit"] {
        height: 50px;
    }
}

/* 2 cards with image
================================================== */

.cards_image .row_cell{
    padding: 20px;
}
.cards_image .row_cell img{
    margin-bottom: 10px;
}
.cards_image p{
    margin-bottom: 0;
}

@media screen and (min-width: 1050px){
    .cards_image .row_cell img, .cards_image .row_cell .body-card{
        width: 45%;
        display: inline-block;
        vertical-align: top;
        margin: 1%;
    }
}

@media screen and (min-width: 450px) and (max-width: 718px){
    .cards_image .row_cell img, .cards_image .row_cell .body-card{
        width: 45%;
        display: inline-block;
        vertical-align: top;
        margin: 1%;
    }
}

/* 14 - Index cases boxes
================================================== */

.hpindexcases .content-overlay{
    background:  linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
    height: 145px;
}

.hpindexcases h3{
    color: white;
    font-size: 200%;
    margin-bottom: 10px;
}

@media screen and (min-width: 720px){
    .hpindexcases p.news-para{
        min-height: 53px;
        line-height: 1.2;
    }
}

/* 14 - #Main Content
================================================== */

section {
	margin: 0;
}
.section_wrapper {
	max-width: 1240px;
	width: 100%;
	position: relative;
	margin: 0 auto;
}
a.containerlink {
	display: block;
	text-decoration: none;
}
a.zoomlink {
	cursor: url(/images/commonimages/icons/zoomin.cur), default !important;
    display: inline-block!important;
}
.hide {
	display: none
}
/*.pagecontent h2 { margin-bottom:5px; color:#333;} */

.section_wrapper p a, .pagecontent ul li a, .spotlight a{
    text-decoration: underline;
    color: #0c4790;
    font-weight: bold;
}

.section_wrapper p a:hover, .pagecontent ul li a:hover, .spotlight a:hover{
    text-decoration: none;
    opacity: 0.8;
}
.pagecontent h2 a, .pagecontent h3 a {
	color: #333;
}

.pagecontent h2 a:hover, .pagecontent h3 a:hover {
	color: #867537;
}
.pagecontent .vertical-center {
	display: table;
	width: 100%;
	height: 100%;
	margin: 0;
}
.pagecontent .vertical-center a {
	display: table-cell;
	vertical-align: middle;
}
.pagetextimg {
	border-bottom: 5px solid #867537;
	margin-bottom: 20px;
    width: 100%;
}
.pagetextimgcaption {
	background: #ebebeb;
	margin-top: -20px;
	padding: 5px 10px 5px 10px;
	margin-bottom: 20px;
	font-size: 90%;
}
.pagecontent i.fa-icon {
	padding-right: 10px;
}
.pagecontent i.orange {
	color: #867537;
	background: transparent;
}
.pagecontent i.red {
	color: #d11f3a;
	background: transparent;
}
.pagecontent i.green {
	color: #00ab55;
	background: transparent;
}
.pagecontent-large li {
	line-height: 2.8rem
}
.pagecontent-large .columns.news li,
.pagecontent-large .columns.events li,
.pagecontent-large .columns.news p,
.pagecontent-large .columns.events p {
	line-height: 18px;
	font-size: 1.4rem;
}
.pagecontent-large .arrow li {
	background-position: 0 10px;
}
.pagecontent-large hr.break-large-40 {
	margin: 40px 0;
}
.pagecontentbox {
	background: #ebebeb;
	margin-bottom: 10px;
}
.pagecontentbox img {
	margin-bottom: 10px
}
.pagecontentbox a p {
	color: #333;
}
@media screen and (min-width: 45em) {
	.sixteen.parttime {
		display: flex;
	}
	.sixteen.parttime .four {
		background: #ebebeb;
	}
}
.postbox {
	position: relative;
	margin-bottom: 10px;
}
.postbox h3 {
	background: #00abed;
	color: #fff;
	display: inline-block;
	padding: 5px 10px;
	margin: 5px 0;
}
.postbox p {
	color: #fff;
}
@media screen and (max-width: 44.9em) {
	.postbox img {
		width: 100%;
	}
}
.postbox .imgleft {
	float: left;
}
.postbox a {
	color: #fff;
}
.postbox p {
	margin-bottom: 20px;
	margin-top: 15px;
}
.postbox p a {
	font-weight: bold;
	margin: 0;
}
.postbox p a:hover {
	background: #867537;
}
.postboxcontentcta {
	background: #00abed;
	float: right;
	padding-top: 5px;
}
.postboxcontentcta p a {
	background: none;
	color: #fff !important;
}
.postboxcontentcta p a:after {
	content: "";
	padding-left: 0px;
}
.secondary .postboxcontent {
	background: #867537;
}
.secondary .postboxcontent h3 {
	background: #b55e12;
}
.secondary.postbox p a {
	color: #867537;
}
.secondary.postbox p a:after {
	color: #867537;
}
.secondary.postboxcontentcta {
	background: #867537;
}
.tertiary .postboxcontent {
	background: #b55e12;
}
.tertiary .postboxcontent h3 {
	background: #867537;
}
.tertiary.postbox p a {
	color: #b55e12;
}
.tertiary.postbox p a:after {
	color: #b55e12;
}
.tertiary.postboxcontentcta {
	background: #867537;
}
.quaternary .postboxcontent {
	background: #00abed;
}
.quaternary .postboxcontent h3 {
	background: #0082b4;
}
.quaternary.postbox p a {
	color: #00abed;
}
.quaternary.postbox p a:after {
	color: #00abed;
}
.quaternary .postboxcontentcta {
	background: #0082b4;
}
.quinary .postboxcontent {
	background: #ebebeb;
}
.quinary .postboxcontent h3 {
	background: #0082b4;
}
.quinary.postbox p {
	color: #666
}
.quinary.postbox p a {
	padding: 10px;
	background: #0082b4;
	color: #fff;
}
.quinary.postbox p a:hover {
	text-decoration: none!important;
}
.quinary.postbox li a {
	color: #0082b4!important;
}
.quinary.postbox li a:hover {
	color: #867537!important;
}
.quinary .postboxcontentcta {
	background: #0082b4;
}
.coursesearch {
	margin-top: 30px;
}
.coursesearch h2 {
	text-align: center;
	color: #867537;
	margin-bottom: 10px;
}
.coursesearch h2 a {
	color: #867537;
}
.coursesearch form {
	padding-left: 10px;
}
.mainfact {
	position: relative;
	width: 80%;
	margin: 20px auto;
	padding-top: 25px;
	text-align: center;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.mainfact h2 {
	color: #867537;
	font-size: 110%;
	margin-bottom: 5px;
}
.mainfact p {
	color: #999;
}
.boxout {
	background: #ebebeb;
	margin-bottom: 1em;
	padding-bottom: 5px;
}
.boxout img {
	display: none;
}
.boxouthead {
	font: bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
	color: #fff;
	background: #867537;
}
.boxout p {
	margin: 5px 20px;
}
.boxout.boxoutvideo p {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 10px;
}
.boxout ul {
	padding: 0.2em 10px 0 0;
}
.boxout img.fileicon {
	margin: -2px 5px 5px 0;
	float: left;
	display: block;
	clear: both;
}
.boxout hr {
	border-color: #fff;
	margin: 20px;
}
.boxout form #searchtext {
    width: 96% !important;
    margin: 0 2%;
    box-sizing: border-box;
}
.boxout form #search{
	width: 96% !important;
    margin: 5px 2%;
}
.texthighlight {
	position: relative;
	padding: 10px;
	margin: 10px 0;
	background: #ebebeb
}
.texthighlight h2 {
	color: #0c6ebd;
}
.texthighlight hr {
	border-top: 1px solid #867537;
}
.texthighlightorange {
	position: relative;
	padding: 20px;
	margin: 10px 0;
	background: #867537;
}
.texthighlightorange h2,
.texthighlightorange h3,
.texthighlightorange a,
.texthighlightorange li,
.texthighlightorange p {
	color: #fff!important;
}
.texthighlightorange a.btn:hover {
	color: #333333!important;
}
.texthighlightorange li:before {
	color: #fff;
}
.texthighlightorange hr {
	border-top: 1px solid #fff;
}

hr.orange {
	border-color: #867537!important;
}

.texthighlightblack {
	position: relative;
	padding: 20px;
	margin: 10px 0;
	background: #333;
}
.texthighlightblack h2,
.texthighlightblack a,
.texthighlightblack li,
.texthighlightblack p {
	color: #fff;
}
.texthighlightblack li:before {
	color: #fff;
}
.texthighlightblack hr {
	border-top: 1px solid #fff;
}
.texthighlightimage {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-top: 5px solid #867537;
	color: #fff;
	padding: 100px 0;
	margin: 20px -20px -20px -20px;
}

.texthighlightimage h2,
.texthighlightimage a,
.texthighlightimage li,
.texthighlightimage p {
	color: #fff;
}
/*Postgrad*/

.postgrad-texthighlight h2 {
	color: #666;
}
.postgrad-texthighlight {
	background: #ebebeb;
}
.postgrad-texthighlight hr {
	border-top: 1px solid #ebebeb;
}
.factbox {
	margin-bottom: 5px;
	min-height: 100px;
	_height: 100px;
	position: relative;
}
.factbox img {
	display: none;
}
.factbox p {
	padding: 10px 15px;
	display: block;
	min-height: 80px;
	_height: 80px;
	background: #ebebeb;
	font-weight: bold;
}
.factbox .head {
	color: #0082b4;
	font-size: 120%;
}
.factbox .footer {
	font-weight: normal;
}
.pagecontent table.data, .pagecontent table.data-table {
	border: 1px solid #cccccc;
}
.data thead,
.data th,
.data-table thead,
.data-table th{
	background: #867537;
	color: #fff;
	padding: 6px 6px 6px 10px;
	text-align: left;
	border-right: 1px solid #cccccc;
}

.data th a, .data-table th a {
	color: #fff;
}

.data td, .data-table td {
	padding: 6px 6px 6px 10px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	text-align: left;
}
.data tr, .data-table tr{
	background: #fff;
}
/*.data tr:hover { color:#000;}*/

.data .highlight, .data-table .highlight {
	background: #ebebeb;
}
.data tr:nth-child(even), .data-table tr:nth-child(even) {
    background-color: #ebebeb;
}
.pagetext caption.data {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 0.2em 0 0.5em 0;
	color: #666;
	font-weight: bold;
}
.pagetext caption.heading {
	text-align: left;
	margin: 0;
	font-weight: bold;
	padding-bottom: 10px;
	color: #333
}
.data tfoot, .data-table tfoot {
	background: #ebebeb;
}
.data tfoot td, .data-table tfoot td {
	text-align: right;
	padding-right: 12px;
}
.data th.second, .data-table th.second {
	background: rgba(134, 117, 55, 0.2);
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #333;
}
.data .total, .data-table .total {
	background: #fff;
	border-top: 4px solid #867537;
	color: #333;
}
.data .total-dark, .data-table .total-dark {
	background: #333;
	border-top: 4px solid #867537;
	color: #fff;
}
.profile {
	position: relative;
	float: left;
    margin:0 1% 10px 0; 
    height: 180px;
    overflow:hidden;
}
.profile a{
	color: white!important;
    text-decoration: none!important;
}
.profile:hover .profiletext{
	height: 100%;
}
.profiletext {
	position: absolute;
	display: inline;
	padding: 5px 10px;
	bottom: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.7);
    width: 100%; 
	height: 30px;
    box-sizing: border-box;
	transition: .5s ease;
}
.profiletext p {
	color: #fff;
	margin: 0;
}
.profiletext a {
	color: #fff;
	font-weight: bold;
}
.profiletext a.link:after {
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	float: left;
	padding-right: 12px;
	display: block;
}

#extratext{
	padding-top: 20px;
}
#extratext a{
	display: block; 
    width: 100%; 
    height: 100%; 
    font-weight: 100;
}
#extratext a:hover{
	text-decoration: none;
}

.profilestudent {
	width: 100%;
	margin: 5px 0;
	background: url('../images/sections/fulltime/template/profilestudent_bottom.gif') no-repeat bottom right;
	padding-bottom: 20px;
}
.profilestudent h2 {
	background: #867537 url('../images/sections/fulltime/template/profilestudent_top.gif') no-repeat 0 0;
	color: #fff;
	padding: 20px 5px 2px 5px;
	margin-bottom: 5px;
}
.profilestudent p {
	padding: 0 5px;
}
.profilestudent .quotename a {
	color: #867537;
	font-weight: bold;
}
.profilestudent .quotename a:after {
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	float: left;
	padding-right: 12px;
	display: block;
}

@media screen and (max-width: 499px) {
	.profile {
        width: 100%; 
        margin: 0 0 10px 0
    }
}
@media (min-width: 500px) and (max-width: 1169px) {
    .profile {
        width: 49%; 
    }
}

@media screen and (min-width: 1170px) {
	.profile {
        width: 32.3%; 
    }
}
.videoembedbox {
	margin-bottom: 10px;
	position: relative;
	background: #ebebeb;
}
.videoembedbox p {
	line-height: 2rem!important;
	padding: 10px 0 10px 10px;
	margin: 0;
}
.videoembedbox h3 {
	padding-left: 10px;
	margin-bottom: 0;
	padding-top: 20px;
	font-size: 112.50%;
}
.videoembedbox .footer {
	font-weight: normal;
}
.videoWrapper {
	position: relative;
	padding-top: 56.25%;
	/* 16:9 */
	overflow: hidden;
	margin-bottom: 10px;
}

.borderWrapper .videoWrapper {
    border: 10px solid #fff;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}
.videoWrapperdetails {
	background: #ebebeb; 
	padding:20px 15px 5px 15px; 
	margin-top: -10px; 
	border-bottom: 3px solid #867537
}
.campustour iframe {
	height: 500px;
}
.imggallerypage {
	position: relative;
	/*float: left;*/
	padding: 2px;	
}
.inlinecontainer {
	padding: 0 0 40px 0;
	width: 100%;
	max-width: 600px;
	/* text-align: justify; */
	border-radius: 3px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.inlinecontainer .fancybox-close-small {
	top: 15px;
}
.inlinecontainer .content-header {
	border-bottom: 1px solid #ebebeb;
	padding: 20px 20px 0 20px;
}
.inlinecontainer .content-scroll {
	max-height: calc(100vh - 200px);
	overflow: auto;
	padding: 40px 20px 0 20px;
}
.searchresults li {
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 10px;
	color: #666;
}
.searchresults a span {
	color: #666;
}
/* Site search
***********************/

.gsc-control-cse {
	padding: 0 !important;
}
.gsc-control-cse table tbody tr:hover td,
.gsc-control-cse table tbody tr:hover th {
	background: #ffffff !important;
}
.gsc-control-cse table {
	margin: 0 !important;
	padding: 0 !important;
}
.gsc-completion-container {
	margin-top: 20px !important;
}
.gsc-completion-container span {
	display: block;
	padding: 5px;
	border-bottom: 1px solid #ebebeb;
}
/* Homepage
***********************/

.hpsection {
	padding: 40px 20px;
	margin: 0;
}

.hpsection.dark {
	background: #333;
}

@media screen and (max-width: 719px) {
	.hpsection {
		padding: 20px;
	}
}
.hpsection.hpalternative, .lightgreybox {
	background: #ebebeb;
}
.hpsection.hpsolidcolor {
	background: #867537;
	color: #fff;
}
.hpsection.hpsolidcolor.dark {
	background: #333;
	color: #fff;
}
.hpsection.fullwidth {
	padding: 40px 0;
}
.hpsection.imagebg {
	border-top: 10px solid #867537;
	border-bottom: 10px solid #867537;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover; 
}
.hpsection p {
	text-align: center;
}
.hpsection h2 a {
	color: #867537;
}
.hpsection .left {
	text-align: left !important;
}

.hpsection .hp-img-block-text-left, .hpsection .hp-img-block-text-right{
	background: rgba(250,250,250,0.95);
	padding: 20px;
} 

.hpsection .hp-img-block-text-left p, .hpsection .hp-img-block-text-right p{
	text-align: left;
}


@media only screen and (min-width:45em){
	
	.hpsection .hp-img-block-text-left, .hpsection .hp-img-block-text-right{
		width: 50%;
		padding: 40px;
	}
	
	.hpsection .hp-img-block-text-right{
		float: right;
	}

	.hpsection .hp-img-block-text-left{
		float: left;
	}
	span.hyperlink {
    	position: absolute;
    	top: -120px;
	}
	
	.hpsection.hphyperlink  {
    	position: relative;
	}
}

.hpboxes {
	background: #ebebeb;
}
.hpboxes .item {
	padding: 10px 0;
	margin-bottom: 10px;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.hpboxes .item img {
	border-top: 5px solid #867537;
}
.hpboxes .item h2,
.hpboxes .item h3 {
	border-bottom: 1px solid #ebebeb;
	margin: 20px;
	padding-bottom: 10px;
}
.hpboxes .item p {
	padding: 0 20px;
}
.hpannouncement {
	text-align: center;
	background: #f3f3f3;
	border-bottom: 1px solid #ebebeb;
	margin: 0;
}
.hpannouncement i {
	color: #CCC;
	font-size: 600%;
	padding-bottom: 10px;
}
.hpannouncement h2 {
	margin-top: 5px;
}
.hpannouncement .orange {
	color: #867537;
}
.hpannouncement .grey {
	color: #444;
}
.hpannouncement .red {
	color: #FF0000;
}
.hpstudy {
	background: #fff;
}
.hpstudy .one {
	display: none;
}
.hpstudy p {
	text-align: left;
}
.hpstudy img {
	float: left;
	margin: 10px 20px 0 0;
}
.hpstudy li a {
	padding-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
	color: #333;
	display: list-item!important;
	font-weight: bold;
}
.hpstudy li:last-child a {
	border-bottom: 0px dashed #fff;
}
.hpstudy li a:hover {
	color: #867537
}
.hpstudy li a:before {
	color: #867537;
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	float: right;
	padding-left: 20px;
}
.hpstudy .five li a {
	border-bottom: 0px solid #ebebeb;
}
.hpstudy h3 {
	text-align: center;
	color: #999;
	font-size: 120%
}
.hpstudy form {
	text-align: center;
}
.hpstudy .gobutton {
	margin-top: 10px;
}
.hpopendays {
	background: #867537;
	margin: 0;
	padding-bottom: 20px!important;
	color: #fff;
	padding-top: 20px;
}
.hpopendays h2,
.hpopendays h3,
.hpopendays a,
.hpopendays p {
	color: #fff;
}
.hpopendays .columns {
	text-align: center;
	border-bottom: 1px dashed #fff;
}
.hpopendays .columns:last-child {
	border-bottom: 0px dashed #fff;
}
.hpopendays .columns p {
	padding-top: 15px;
}
.hpopendays .columns span {
	font-size: 140%;
	font-weight: bold;
}
.hpopendays .columns a {
	display: block;
}
.hpopendays h3:before {
	font-family: "Font Awesome 6 Pro";
	display: block;
	font-size: 140%;
}
.hpopendays h3.event:before {
	content: "\f133";
}
.hpopendays h3.help:before {
	content: "\f059";
}
.hpopendays h3.time:before {
	content: "\f017";
}
.hpopendays h3.twitter:before {
	font-family: "Font Awesome 6 Brands";
	content: "\e61b";
}
.hpopendays h3.chat:before {
	content: "\f086";
}
.hpnewsevents {
	background: #ebebeb;
	padding-bottom: 0 !important;
	margin-bottom: -50px;
}
.hpnewsevents h2,
.hpnewsevents h2 a {
	color: #333;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
.hpnewsevents h3,
.hpnewsevents h3 a {
	color: #333;
	padding-top: 10px;
	font-size: 110%;
}
.hpnewsevents p {
	text-align: left;
}
.hpnewsevents li {
	padding: 10px 0;
	border-bottom: 1px solid #ebebeb;
	margin: 0 20px;
}
.hpnewsevents li:before {
	content: "\f133";
	font-family: "Font Awesome 6 Pro";
	display: block;
	float: left;
	color: #666;
	padding-right: 10px;
}
.hpnewsevents li:last-child {
	border-bottom: 0px solid #fff;
}
.hpnewsevents li a {
	color: #867537;
	font-weight: bold;
	display: block;
    text-decoration: none;
}
.hpnewsevents li a .eventtitle {
	color: #333;
	font-weight: normal;
	padding-left: 22px;
	display: list-item;
}

.hpnewsevents li a:hover .eventtitle, .hpnewsevents li a:hover {
	text-decoration: underline #666;
}
.hpnewsevents .events {
	background: #fff;
	padding-bottom: 10px;
	border-top: 5px solid #867537;
}
.hpnewsevents .events h3 {
	margin: 10px 0 10px 10px;
}
.hpnewsevents .events li.news:before {
	content: "\f054";
}
.hpnewsevents .videoWrapper {
	margin-bottom: 10px;
}
.hpopenday .row_cell i{
    font-size: 100%;
}
.hpnews {
	background: #fff;
	padding-top: 20px;
}
.hpnews h3 a {
	color: #867537;
	font-size: 1.6rem;
	display: block;
	margin: 10px 0 10px 0;
}
.hpnews img {
	display: none;
}
.hpnewsevents img,
.hpnews img {
	border-bottom: 5px solid #867537;
}
.hpnews h3 a {
	border-left: 3px solid #867537;
	min-height: 40px;
	color: #333;
	padding: 0 0 0 10px!important;
}
.hpnewsevents .business img,
.hpnews .business img {
	border-bottom: 5px solid #867537;
}
.hpnews .business h3 a {
	border-left: 3px solid #867537;
}
.hpnewsevents .research img,
.hpnews .research img {
	border-bottom: 5px solid #8d941e;
}
.hpnews .research h3 a {
	border-left: 3px solid #8d941e;
}
.hpnews p span,
.hpnewsevents p span,
.hpnews p.date,
.hpnewsevents p.date{
	display: none;
}
.hpcentercells .row{
    justify-content: center;
}
@media screen and (min-width: 720px) {
	.hpnews .row_cell, .hpthreecells .row_cell {
        max-width: 31.6%;
        box-sizing: border-box;
    }
    .hpfourcells .row_cell {
        max-width: 23%;
        box-sizing: border-box;
    }
}
.hpabout {
	border-top: 10px solid #867537;
	border-bottom: 10px solid #867537;
	background: #ffffff url('../images/frontpage/template/about.jpg') no-repeat 0 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
}

.top-banner.dfg-page {
    background: url("/images/sections/about/inclusivity/dfg-banner.jpg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-banner.dfg-page  h1, .top-banner.dfg-page  h2, .top-banner.dfg-page  p{
	color: black;
	text-shadow: none;
	line-height: 100%;
}

.top-banner.dfg-page .innerdiv-left{
    background: white;
    padding: 20px 10px;
}

.hpabout h2,
.hpabout h3,
.hpabout a,
.hpabout h2 a,
.hpabout p,
.hpabout li {
	color: #fff;
}
.hpabout li a, .hpabout p a {
	text-decoration: underline;
    color: white;
}
.hpabout iframe {
	margin-bottom: 50px;
}
.hpabout .fa-ul {
	margin-left: 19px;
}
.hpaudience .four {
	position: relative;
	/*margin-bottom: 15px;*/
}
.hpaudience img {
	display: none;
}
.row.iconblock {
	margin: 3px 0;
}
.hpsection .bordertop {
	border-top: 3px solid #666;
	width: 64px;
	margin: auto;
	margin-top: 40px;
}
.borderbottom {
	height: 5px;
	width: 100%;
	background: #867537;
}
.row_cell {
	margin: 30px 0;
	padding: 40px 20px;
	background: #fff;
	position: relative;
	transition: 0.2s ease-in;
}
.row_cell_about {
	position: relative;
	transition: 0.2s ease-in;
}
.row_cell_about:hover {
	transform: scale(1.02);
	transition: 0.2s ease-in;
	box-shadow: 3px 4px 20px rgba(0, 0, 0, 0.15);
}
#news .row_cell_about:hover a {
	text-decoration: underline;
	color: #666;
}
@media screen and (max-width: 719px) {
	.row_cell {
		margin: 15px 0;
		padding: 15px 20px;
	}
}

.row_cell.nopadding {
	padding:0;
	background: #fff;
	margin-top: 3px;
	margin-bottom: 3px;
}

.row_cell.noleftpadding {
    padding-left: 0!important;
}

.row_cell.noleftmargin {
    margin-left: 0!important;
}

.row_cell.lowpadding {
	padding:10px 20px;
}

.row_cell.noverticalpadding {
	padding-top: 0;
	padding-bottom: 0;
	background: #fff;
	margin-top: 3px;
	margin-bottom: 3px;
}

.row.nomargin > .row_cell, .row.nomargin, .row.no-margin {
	margin: 0!important;
}

.row_cell.nopadding h2{
	display: block;
	height: 100%;
	margin: 0;
	font-size: 2rem;
}

.row_cell.nopadding h2 a, .row_cell.nopadding h3 a{
	padding: 40px 20px;
	height: 100%;
	box-sizing: border-box;
}

.row_cell_description {
    font-size: 1.6rem;
    font-weight: 400;
    margin-top: 20px;
    display: block;
}

.row_cell.nopadding h3.trigger a{
	padding: 0;
	height: auto;
	display: contents;
}

.row_cell.nopaddingall {
	padding: 0;
	background: #fff;
	margin-top: 3px;
	margin-bottom: 3px;
}

#pagelinks .row_cell {padding: 20px 0 10px 20px;  width: 95%; margin:  10px;}
#pagelinks .row_cell {background-color: #666;  border-radius: 8px;}
#pagelinks .row_cell h3 { text-align: left; font-size: 1.6rem;} 
#pagelinks .row_cell h3:before {content: "\f054";font-family: "Font Awesome 6 Pro";float: right;padding-left: 20px; padding-right: 10px;}

.row_cell.nopaddingall.lefthovercard h2{
	padding:0px 10px 10px 10px !important;
	
}

.row_cell.nopaddingall.lefthovercard p{
	padding:0px 10px 10px 15px !important;
	
}

.row_cell.nopaddingall.lefthovercard p.btn.btn-main{
	padding:5px 10px 5px 10px !important;
	text-align: left !important;
	float:left;
	margin-top:10px;
	margin-left:15px;

}
.row_cell.verticalcenter{
	justify-content: center;
}

.lefthovercard .leftdescription{
text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
}

.row_cell.nopaddingall.lefthovercard p.btn.btn-main i{


margin-left:10px;
text-align: end;
}


.lefthovercard p.btn.btn-main:after {
    color: #fff;
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    padding-left: 10px;
    font-weight: 900;

}
/*------------------------------------------

LEFTHOVERCARD media queries

-------------------------------------------*/
@media only screen and (max-width:1000px) {
	
	.lefthovercard .intropara{
		display:none;	
	}
	
}

@media only screen and (max-width: 720px) {
	.lefthovercard .intropara{
		display:inherit;
		
	}
	
.row_cell.lefthovercard:hover{
		margin-top:10px;
		transform:none;
		transition-property: none;
	}
	
	.row_cell.lefthovercard{
		margin-top:10px;
		z-index: 0;
	}
	
.lefthovercard .image{
	display:block;
	position:relative;
	width: 100%; 
	height: 200px; 
	object-fit: cover;
	z-index:1;
	}
	
.lefthovercard .image{
	cursor: pointer;
	}
	
.lefthovercard .overlay2{
	position:relative !important;
	display:block;
	transform: none;
	}
		
.lefthovercard .leftdescription{
	padding-top:20px;
	padding-bottom:20px;
	position: relative;
	display: block;
	background-color:#fff !important;
	transform: none;
	color:#444;	
}
	

.row_cell.nopaddingall.lefthovercard p{
	color:#333;
	transform: none;
}
	
.row_cell.nopaddingall.lefthovercard  h2{
	color:#333;
	margin-top:10px !important;
	transform:none;
}

.row_cell.nopaddingall.lefthovercard p.btn.btn-main{
	width:auto;
	background: none;
	border:none;
	color:#867537;
	padding:0px !important;
	margin-top:0px;

}
		
.row_cell.nopaddingall.lefthovercard p.btn.btn-main:after{
	color:#867537;
}

}

/*------------------------------------------

End of LEFTHOVERCARD media queries

-------------------------------------------*/

.row_cell.perfect-height {
	display: block;
}

.row_cell.image {
	padding: 0;
}

.row_cell{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .row_cell{
        display: block;
     }
}

.row_cell .card-body{
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: vertical!important; 
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
	padding-bottom: 10px;
}
.row_cell .card-body p.bottombtn{
    padding-top: 20px;
    /*padding-bottom: 20px;*/
}

.row_cell .card-body .bottombtn{
    margin-top: auto!important; 
}

.row_cell.image h2,
.row_cell.image h3,
.row_cell.image h4,
.row_cell.image p, 
.row_cell.image ul li{
	padding: 0 20px;
}
.row_cell.image .btn{
    margin-bottom: 0;
}
@media screen and (min-width: 720px) {
    .row_cell.image .btn{
        margin: 0 20px 10px 20px;
    }
    
    .row_cell.image p .btn{
        margin-left: 0;
    }
}
.row_cell.image img {
	max-width: 100%;
	margin-bottom: 20px;
	width: 100%;
}
.row_cell.image img.fullimage {
	margin-bottom: 0;
}
.row_cell.image img.icon {
	width: inherit !important;
	margin: 0;
}
.row_cell.image:hover img {
	opacity: 0.8;
}
.row_cell.image.nohover:hover img {
	opacity: 1.0;
}
.row_cell.image .videoWrapper {
	margin-bottom: 20px;
}
.row_cell.imageonly {
	padding: 0;
	margin-right: -20px;
	margin-top: 0;
	margin-bottom: 0;
}
.row_cell.imageonly img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.row_cell.row_cellhover:hover {
	-moz-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	transition: all .4s ease-in;
	background: #ccc;
}
.row_cell.row_cellhover:after {
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	top: 5px;
	right: 10px;
	content: "\f101";
	color: #867537;
}
.row_cell.row_cellhover:hover:after {
	color: #fff;
}
.row_cell h2 {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 100%;
	color: #333;
}
.row_cell h2 a,
.row_cell a p {
	color: #333;
}
.row_cell h2,
.row_cell p {
	text-align: left;
}
.row_cell h2.text_center,
.row_cell p.text_center,
.row_cell h3.text_center,
.row_cell h4.text_center,
.row_cell i.text_center {
	text-align: center;
}
.row_cell h2.row_title {
	font-size: 200%
}
.row_cell a {
	color: #333;
	display: block;
    text-decoration: none;
}

.row_cell .trigger a {
	display: initial;
}
.row_cell a.blue {
	color: #0c4790 !important;
} 
.row_cell:hover a.blue{
	color: #0c4790 !important;
} 
.row_cell a.orange {
	color: #867537 !important;
} 
.row_cell:hover a.orange{
	color: #867537 !important;
} 
.row_cell a.white {
	color: #fff !important;
} 
.row_cell:hover a.white{
	color: #fff !important;
} 
.row_cell p a,
.row_cell li a {
	display: inline;
}
.row_cell hr.alignbottom {
	margin-top: auto; 
	padding-bottom: 10px;
}
.row_cell p a.btn {
	display: block;
}
.row_cell .trigger_basic a {
	display: inline;
}
.row_cell a:hover {
	text-decoration: none;
	cursor: pointer;
}
/*.row_cell:not(.nochange-bg):hover a:not(.btn) {
	color: #000;
}*/
.row_cell:hover.orange a:not(.btn) {
	color: #fff!important;
}
.row_cell .number {
	text-transform: uppercase;
	font-size: 60px;
	line-height: 64px;
	margin-bottom: 10px;
	transition: 0.2s ease-in;
	width: inherit;
	max-width: inherit;
	float: none;
	height: inherit;
}

.row_cell .number.number-medium {
	font-size: 30px;
	line-height: 34px;
}

.row_cell .icontype{
    font-size: 40px;
	line-height: 44px;
	margin-bottom: 10px;
}
.row_cell .largetext {
	font-size: 25px;
	line-height: 29px;
}

.row_cell .mediumtext{
	font-size: 20px;
	line-height: 24px;
}
.row_cell .number span {
	display: block;
	font-size: 20px;
	line-height: 24px;
}
.row_cell .colourBlock i{
	background: #867537;
	padding:55px 0;
	font-size: 50px;
}
.row_cell .whiteBlock i{
	background: #fff;
	padding:55px 0;
	font-size: 50px;
}
.row_cell .whiteBlock h2{
	background: #fff;
	padding:55px 0;
}
.row_cell i {
	display: block;
	font-size: 150%;
	margin-bottom: 20px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.row_cell .btn i {
	display: inline-block;
	font-size: initial;
	margin-bottom: initial;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.row_cell p i {
	display: inline;
	padding-right: 10px;
}
.row_cell p .btn i {
	margin-right: 0;
}
.row_cell i.fa-big {
	font-size: 250%;
}
.row_cell i.inline {
	display: inline;
	padding-right: 10px;
}
.row_cell i.orange,
.row_cell .number.orange,
.row_cell .orangetext {
	color: #867537;
	background: none!important;
}
.row_cell i.white,
.row_cell .number.white {
	color: #fff;
}
.row_cell i.facebook {
	color: #376ab6
}
.row_cell i.whatsapp {
	color: #24e47a
}
.row_cell i.fileicon {
	display: inline;
	margin-bottom: 0;
}
.row_cell:hover {
	transform: scale(1.02);
	transition: 0.2s ease-in;
	box-shadow: 3px 4px 20px rgba(0, 0, 0, 0.15);
}
.row_cell:hover i {
	/*-moz-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
	-o-transform: translate(0 -5px);
	-webkit-transform: translate(0, -5px);
	transform: translate(0, -5px);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;*/
}

.row_cell:hover .btn i {
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.row_cell_reponsive {
	width: 100%;
}
.row_cell_reponsive img {
	width: 100%;
}
.row_cell.nohover:hover {
	transform: scale(1.0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	transition: 0.2s ease-in;
	/*background-color: transparent !important;*//*if we add this line many sections of the website with colour will dissapear with is hover */
}

.row_cell.notransition:hover i {
	transition: none;
	transform: none;
}
.row_cell.border {
	border: 1px solid #ebebeb;
}
.row_cell.borderwhite {
	border: 1px solid #fff;
}
.row_cell.borderorange {
	border: 1px solid #867537;
}
.row_cell.borderdarkgrey {
	border: 1px solid #333;
}
.row_cell.border.warning {
	border: 1px solid #FF0000!important;
}
.row_cell.border-bottom {
	border-bottom: 8px solid #867537;
}
.row_cell.white {
	background: #fff;
}
.row_cell.white p,
.row_cell.white h3{
	color: #444 !important;
}
.row_cell.white a.btn.btn-main {
	color: #fff;
}
.row_cell.white a.btn.btn-main:hover {
	color: #867537;
}

.row_cell.lightgrey, .row_cell:hover.lightgrey {
	background: #ebebeb!important;
}

.row_cell.lightgrey a {
	color: #333;
}
.row_cell.lightgrey a.btn.btn-main {
	color: #fff;
}

.row_cell.lightgrey a.btn.btn-main:hover {
	color: #333;
}
.row_cell.row_cellhover:hover.lightgrey {
	background: #ccc;
	color: #000;
}
.row_cell.row_cellhover:hover.lightgrey a {
	color: #000;
}
.row_cell.lightgrey:after {
	color: #fff;
}
.row_cell.grey {
	background: #ccc;
}
.row_cell.grey.nopadding:hover {
	background: #ccc;
}
.row_cell.row_cellhover:hover.grey {
	background: #ebebeb;
}
.row_cell.darkgrey {
	background: #333;
}
.row_cell.darkgrey a,
.row_cell.darkgrey p,
.row_cell.darkgrey h2,
.row_cell.darkgrey h3,
.row_cell.darkgrey li,
.arrow .row_cell.orange li:before {
	color: #fff;
}
.row_cell.row_cellhover:hover.darkgrey {
	background: #867537;
}
.row_cell.row_cellhover:hover.darkgrey a, .row_cell:hover.darkgrey h2 a {
	color: #fff!important;
}
.row_cell.darkgrey:after {
	color: #fff;
}
.row_cell.orange {
	background: #867537;
}
.hpsection.hpsolidcolor .bordertop {
	border-color: #fff;
}
.row_cell.orange a,
.row_cell.orange p,
.row_cell.orange h2,
.row_cell.orange h3,
.row_cell.orange h4,
.row_cell.orange li,
.arrow .row_cell.orange li:before,
.row_cell.orange .arrow li:before,
.row_cell.orange .quote blockquote:before,
.row_cell.orange .quote blockquote p:after{
	color: #fff!important;
}
.row_cell.orange .quote blockquote {
    border-left: 5px solid #ffffff;
}
.row_cell.row_cellhover:hover.orange {
	background: #333;
}
.row_cell.row_cellhover:hover.orange a {
	color: #fff;
}
.row_cell.row_cellhover.orange:after {
	color: #fff;
}
.row_cell.lightorange {
	background: #f6ca9f;
}
.row_cell.lightorange a {
	color: #333;
}
.row_cell.row_cellhover:hover.lightorange {
	background: #867537;
	color: #fff;
}
.row_cell.row_cellhover:hover.lightorange a {
	color: #fff;
}
.row_cell.row_cellhover.lightorange:after {
	color: #fff;
}
.row_cell.black {
	background: #000;
}

.row_cell.black.transparent-b {
	background: rgba(0,0,0,0.5);
}
.row_cell.black a,
.row_cell.black p,
.row_cell.black h2,
.row_cell.black h3,
.row_cell.black li {
	color: #fff;
}
.row_cell.row_cellhover:hover.black {
	background: #867537;
	color: #fff;
}
.row_cell.row_cellhover:hover.black a {
	color: #fff;
}
.row_cell.row_cellhover.black:after {
	color: #fff;
}
.row_cell.transparent {
	background: none;
}
.row_cell ul.menulink,
.row_cell .menulink li {
	margin: 0;
    padding: 0!important;
}
.row_cell .menulink li a {
	padding: 12px 20px;
	border-bottom: 1px solid #ebebeb;
	color: #333;
	font-weight: bold;
	display: block;
}
.row_cell .menulink li a:before {
	color: #867537;
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	float: right;
	padding-left: 10px;
}
.row_cell .menulink li a:hover {
	background: #867537;
	color: #fff;
}
.row_cell .menulink li a:hover:before {
	color: #fff;
}
.row_cell .menulink.solid li a:before {
	color: #fff;
}
.row_cell .menulink.solid li:last-child a {
	border-bottom: none;
}
.row_cell .menulink.solid li a {
	border-bottom: 1px solid #fff;
	color: #fff;
}
.row_cell .menulink.solid li a:hover {
	background: #ebebeb;
	color: #333;
}
.row_cell .menulink.solid li a:hover:before {
	color: #333;
}
.row_cell .menulink.orange {
	background: #867537;
}
.row_cell .menulink.black {
	background: #000;
}
.row_cell .menulink.bottom {
	margin-bottom: -40px;
}
.row_cell p.text_white,
.row_cell li.text_white,
.row_cell h2.text_white,
.row_cell h3.text_white{
	color: #fff!important;
}
.row_cell p.text_normal,
.row_cell li.text_normal,
.row_cell h2.text_normal,
.row_cell h3.text_normal{
	color: #333!important;
}
.row_cell .image {
	max-width: 100%;
	margin: 0;
	display: block;
}
.row_cell .image:after {
	clear: both;
}
.row_cell .overlay, .row_cell .overlay2 {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
	color: #fff;
	display: block;
}
.row_cell .overlay h2,
.row_cell .overlay h3,
.row_cell .overlay2 h2,
.row_cell .overlay2 h3 {
	color: #fff;
	margin: 3px 6px;
	text-align: center;
    font-size: 2rem;
	line-height: 110%;
}
.row_cell .overlay p,
.row_cell .overlay2 p{
	font-size: 100%;
	color: #fff;
	text-align: center;
	padding: 0 5px;
    margin: 0;
}
.row_cell .overlay span,
.row_cell .overlay2 span{
	color: #867537;
	font-weight: bold;
}
.row_cell .overlay .description,
.row_cell .overlay2 .description{
	text-align: center;
	position: absolute;
	left: 0;
	width: 100%;
	margin: 0;
	top: 50%;
	transform: translateY(-50%);
}
.row_cell:hover .overlay {
	background-color: rgba(0, 0, 0, 0);
}
.row_cell:hover .overlay h2,
.row_cell:hover .overlay h3,
.row_cell:hover .overlay p {
	display: none;
}
.row_cell .overlay2 h2,
.row_cell .overlay2 h3 {
	-webkit-transition: .3s ease;
	transition: .3s ease;
}
.row_cell .overlay2 p.link {
	padding-top: 10px;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	opacity: 0;
	position: relative;
}
.row_cell:hover .overlay2 h2,
.row_cell:hover .overlay2 h3{
	margin-top: -20px;
}
.row_cell:hover .overlay2 {
	border-bottom: 5px solid #867537;
}
.row_cell:hover .overlay2 p.link {
	opacity: 1;
}
.row_cell .overlay2 p.link:after {
	color: #867537;
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	padding-left: 10px;
	font-weight: 900;
}
/*.row_cell:not(.nochange-bg):hover.nopadding {
	background: #fff;
}*/
.row_cell:hover.nopadding.orange {
	background: #867537;
}

/* New home border cards
***********************/
.border-cells .row_cell{
    padding: 20px 0;
}

.border-cells .row_cell .card-body{
    border-left: 3px solid #867537;
    padding: 0 20px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.border-cells .row_cell .card-body p.top-icon{
    text-align: right;
    margin: 0;
    padding: 0;
}

.border-cells .row_cell .card-body p.top-icon i{
    color: #999999
}

.border-cells .row_cell .card-body h2 span{
    color: #867537;
}

.border-cells .row_cell .card-body h2{
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 2.4rem;
}

.border-cells .row_cell .card-body p.ref{
    text-align: right;
    margin-top: auto;
    margin-bottom: 0;
    padding: 0;
}

@media only screen and (min-width: 1000px) {
    .border-cells .row_cell{
        margin: 5px 35px;
    }    
}

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

    .border-cells .row_cell .card-body h2 span{
        display: block;
        margin-bottom: 10px;
        font-size: 3.2rem;
        line-height: 3.2rem;
    }
}

@media only screen and (min-width: 720px) and (max-width:900px) {
    .border-cells .row_cell .card-body h2 {
        font-size: 2rem;
        line-height: 2rem;
    }
    .border-cells .row_cell .card-body h2 span{
        display: block;
        margin-bottom: 10px;
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
}

@media only screen and (max-width: 719px) {
    .border-cells .row_cell .card-body p.top-icon i {
        font-size: 100%;
    }
    .border-cells .row_cell .card-body h2 br{
        display: none;
    }
}

/* full width cards
***********************/

.fullwidth .row_cell a{
	 overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

.fullwidth .row_cell a img{
	  transition: transform .9s ease;
}

.fullwidth .row_cell:hover a img{
	  transform: scale(1.2);
}
span.thinTitle {
	font-weight: 500;
	font-size: 18px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
}
.item__overlay-index {
	background: #000;
	background: rgba(0, 0, 0, 0.8);
	text-align: left;
	position: absolute;
	padding: 20px;
	bottom: 0;
	z-index: 500;
}

@media (max-width: 768px) {
	.item__overlay-index {
		padding: 10px;
	}
	.item__overlay-index h3 {
		font-size: 1.6rem;
	}
}
.item__overlay-index_heading {
	margin-bottom: 0!important;
	color: #fff;
}


/* Dashboard
***********************/

.headerimage {
	background: #fff;
	margin-top: 95px;
	margin-bottom: -50px;
}
.headerimage .item {
	position: relative;
	width: 100%;
	max-width: 1200px;
	padding: 0;
	margin: 0 auto;
}
.dashboard {
	background: #fff;
	border: 1px solid #ebebeb;
	margin-bottom: 10px;
	padding: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative;
}
.dashboardbox h2,
.dashboardbox h2 a {
	padding-top: 5px;
	color: #867537;
    font-size: 2.4rem;
}
.dashboardbox h2:after {
	color: #ccc;
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	float: right;
	padding-left: 20px;
	font-weight: 900;
}
.dashboardbox li:before {
	color: #ccc;
	content: "\f111";
	font-family: "Font Awesome 6 Pro";
	padding-right: 10px;
	font-size: 90%;
	font-weight: 900;
	position: absolute;
	left: 0px;
}
.dashboardbox li {
	padding-left: 25px;
	position: relative;
}
.dashboardbox li a {
	color: #333;
}
.dashboardbox li:last-child {
	border-bottom: 0px solid #fff;
}
.dashboardbox .inline li:before {
	content: normal;
}
.dashboardbox .inline img {
	border: 0 !important;
}
.dashboardbox .events li {
	padding: 10px 0 10px 25px;
	border-bottom: 1px solid #ebebeb;
}
.dashboardbox .events li:before {
	content: "\f133";
	font-family: "Font Awesome 6 Pro";
	display: block;
	float: left;
	color: #666;
	font-weight: 400;
}
.dashboardbox .events li a {
	color: #867537;
	font-weight: bold;
	display: block;
}
.dashboardbox .events li a .eventtitle {
	color: #666;
	font-weight: normal;
	display: list-item;
}
.dashboardbox .sidebarbox {
	position: relative;
}
.dashboardbox .sidebarbox a {
	display: block;
	color: #666;
	font-weight: bold;
}
.dashboardbox .sidebarbox img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.dashboardbox .staffheaderlogo {
	position: relative;
	padding-top: 26px;
	padding-bottom: 15px;
	border-bottom: 2px solid #867537;
	float: left;
	width: 50%;
}
.dashboardbox .staffheaderlogo img {
	margin-left: 10px;
}
.dashboardbox .staffheadertitle {
	position: relative;
	background: #867537;
	float: right;
	height: 158px;
	width: 50%
}
.dashboardbox .staffheadertitle h1 {
	color: #fff;
	border: 0;
	position: absolute;
	bottom: 15px;
	display: inline;
	margin: 0;
	border-bottom: 2px solid #fff;
	padding: 0 20px 8px 10px;
	font-size: 100%;
	letter-spacing: -1px;
	text-transform: uppercase;
}
.dashboard.alternative {
	background: #867537;
}
.dashboardbox.alternative h2,
.dashboardbox.alternative h2 a,
.dashboardbox.alternative li {
	color: #fff;
}
.dashboardbox.alternative h2:after {
	color: #fff;
}
.dashboardbox.alternative li:before {
	color: #fff;
}
.dashboardbox.alternative li a {
	color: #fff;
}
.circleIcon {
	background: #867537;
	text-align: center;
	float: left;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	margin-right: 10px;
	/*space between*/
	margin-top: 10px;
}
.circleIcon i {
	font-size: 20px;
	line-height: 36px;
	color: #fff;
}
.circleIconSmall {
	background: #867537;
	text-align: center;
	float: left;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	margin-right: 10px;
	/*space between*/
}
.circleIconSmall i {
	font-size: 12px;
	line-height: 24px;
	color: #fff;
}
/* #Open day laniding page styles
================================================== */

#openday .hpimagecontent {
	margin-bottom: 50px;
	border-bottom: 10px solid #867537;
	padding: 0 0 60px 0;
}
#openday .hpimagecontent p,
#openday .hpimagecontent h1,
#openday .hpimagecontent h2,
#openday .hpimagecontent h3,
#openday .hpimagecontent li {
	color: #fff;
	text-align: left;
	;
	font-weight: bold;
}
#openday .hpimagecontent h1 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 180%;
	line-height: 110%;
	margin-bottom: 20px;
	padding-top: 15px;
}
#openday .hpimagecontent h1 span {
	font-weight: bold;
	display: block;
	font-size: 155%;
}
#openday .hpimagecontent h2 {
	text-transform: uppercase;
	font-size: 170%;
}
#openday .hpimagecontent h2 span,
#openday .hpimagecontent h3 span{
	font-weight: normal;
}
#openday .hpimagecontent h3 {
	text-transform: uppercase;
	font-size: 150%;
}
#openday .hpimagecontent p,
#openday .hpimagecontent li {
	font-size: 110%;
}
#openday .hpimagecontent p.desktop {
	display: none
}
#openday .hpimagecontent.image1 {
	background: url('../images/sections/whats_on/opendays_bg.png') no-repeat 0 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
}
#openday .hpimagecontent.image2 {
	background: url('../images/sections/whats_on/opendays_bg2.jpg') no-repeat 0 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
}
#openday .hpimagecontent.gradient1, .texthighlightimage.gradient1 {
	background: rgb(30,85,166); 
	background: linear-gradient(120deg, rgba(30,85,166,1) 10%, rgba(36,155,189,1) 35%, rgba(48,186,145,1) 100%);
}
#openday .hpimagecontent.gradient2, .texthighlightimage.gradient2 {
	background: rgb(227,77,149); 
	background: linear-gradient(120deg, rgba(227,77,149,1) 10%, rgba(243,118,64,1) 42%, rgba(241,88,70,1) 100%);
}
#openday .hpimagecontent.gradient3, .texthighlightimage.gradient3 {
	background: rgb(227,77,149); 
	background: linear-gradient(120deg, rgba(227,2,123,1) 10%, rgba(202,60,108,1) 42%, rgba(122,70,147,1) 100%);
}
#openday .hpimagecontent.pg, .texthighlightimage.pg {
	background: rgb(0,163,202); 
}
#openday .hpimagecontent li:before {
	font-family: "Font Awesome 6 Pro";
	color: #fff;
	padding-right: 10px;
	content: "\f054";
	font-size: 150%;
}
#openday .hpimagecontent li.location:before {
	content: "\f3c5";
	padding-right: 15px;
	padding-left: 3px;
}
#openday .hpimagecontent li.time:before {
	content: "\f017";
	font-weight: 400;
}
#openday .opendaycontainer {
	padding: 0 20px;
}
#openday .opendaycontainer2 {
	padding: 0px 20px 0 20px;
}
#openday .eight.line {
	border-right: 1px solid #fff;
}
#openday .hpopendays i {
	font-size: 30px;
	margin: 20px 0;
}

#openday .opendayreasons h3 {
	background: #867537;
	color: #fff;
	padding: 10px 15px;
	;
	margin-bottom: 0;
}
#openday .opendayreasons ul {
	margin: 0;
	position: relative;
}
#openday .opendayreasons li {
	padding: 15px 15px 15px 65px;
	background: #dadada;
	margin-bottom: 0;
	border-bottom: 1px solid #fff;
}
#openday .opendayreasons li:first-child {
	background: #ebebeb
}
#openday .opendayreasons li:nth-child(2n+3) {
	background: #ebebeb
}
#openday .opendayreasons li:before {
	font-family: "Font Awesome 6 Pro";
	color: #666;
	font-size: 200%;
	padding-left: 15px;
	content: "\f054";
	position: absolute;
	left: 0px;
}
#openday .opendayreasons li.talk:before {
	content: "\f075";
}
#openday .opendayreasons li.money:before {
	content: "\f154";
}
#openday .opendayreasons li.student:before {
	content: "\f0c0";
}
#openday .opendayreasons li.university:before {
	content: "\f19c";
	padding-top: 5px;
}
#openday .opendayreasons li.accomodation:before {
	content: "\f015";
}
#openday .opendayreasons li.clubs:before {
	content: "\f2bb";
	padding-top: 5px;
}
#openday .opendayreasons li.info:before {
	content: "\f129";
	padding-top: 5px;
}
#openday .hpimagecontent .section_wrapper {
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4))
}
#openday .hpimagecontent .icon {
	display: none;
}
#openday .morehelp {
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: -150px;
	margin: 0 auto;
}
#openday .circleIcon {
	background: #867537;
	text-align: center;
	float: none !important;
	width: 72px;
	height: 72px;
	border-radius: 100%;
	margin-left: auto;
	margin-right: auto;
	border: 3px solid #fff;
	/*space between*/
}
#openday .circleIcon i {
	font-size: 40px;
	line-height: 72px;
	color: #fff;
}
.bounce {
	display: inline-block;
	position: relative;
	-moz-animation: bounce 1.2s infinite linear;
	-o-animation: bounce 1.2s infinite linear;
	-webkit-animation: bounce 1.2s infinite linear;
	animation: bounce 1.2s infinite linear;
	colr: 000;
}
@-webkit-keyframes bounce {
	0% {
		top: 0;
	}
	50% {
		top: -0.2em;
	}
	70% {
		top: -0.3em;
	}
	100% {
		top: 0;
	}
}
@-moz-keyframes bounce {
	0% {
		top: 0;
	}
	50% {
		top: -0.2em;
	}
	70% {
		top: -0.3em;
	}
	100% {
		top: 0;
	}
}
@-o-keyframes bounce {
	0% {
		top: 0;
	}
	50% {
		top: -0.2em;
	}
	70% {
		top: -0.3em;
	}
	100% {
		top: 0;
	}
}
@-ms-keyframes bounce {
	0% {
		top: 0;
	}
	50% {
		top: -0.2em;
	}
	70% {
		top: -0.3em;
	}
	100% {
		top: 0;
	}
}
@keyframes bounce {
	0% {
		top: 0;
	}
	50% {
		top: -0.2em;
	}
	70% {
		top: -0.3em;
	}
	100% {
		top: 0;
	}
}
/* #News styles
================================================== */

#news .hpimagecontent {
	margin-bottom: -10px;
	border-bottom: 10px solid #867537;
	padding-top: 100px;
}
#news .hpimagecontent p,
#news .hpimagecontent h1 {
	color: #fff;
	text-align: center;
}
#news .newslist p,
#news .hpimagecontent h2 {
	text-align: left;
	padding: 0 10px;
}
#news .hpimagecontent h2 {
	padding-top: 10px;
	font-size: 140%;
}
#news .newslist {
	background: #fff;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
#news .sidebarbox {
	background: #fff;
	margin-bottom: 10px;
}
#news .sidebarbox a:hover {
	color: #666;
}
#news .sidebarbox h3 {
	padding: 10px 10px 0 10px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 100%;
	height: 76px;
}
#news .sidebarbox p {
	color: #666;
	padding: 0 10px;
}
#news .sidebarbox img {
	float: left;
	margin-right: 10px;
}
#news .hpboxes h3 a {
	color: #666;
}
#news .hpboxes p {
	text-align: left;
}
#news .hpboxes ul {
	margin: 10px 10px 30px 10px;
}
#news #socialmedia ul {
	border-top: 1px solid #ebebeb;
	padding-top: 30px;
	position: relative;
}
#news #socialmedia li {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
#news #socialmedia li a {
	color: #333;
}
#news #socialmedia li a:before {
	font-family: "Font Awesome 6 Brands";
	color: #666;
	padding-right: 10px;
	font-size: 250%;
	content: "\f054";
	vertical-align: bottom;
}
#news #socialmedia li a:hover,
#news #socialmedia li a:hover:before {
	text-decoration: none;
	color: #867537 !important;
}
#news #socialmedia li.facebook a:before {
	content: "\f082";
}
#news #socialmedia li.twitter a:before {
	content: "\e61a";
}
#news #socialmedia li.instagram a:before {
	content: "\f16d";
}
#news #socialmedia li.snapchat a:before {
	content: "\f2ad";
}
#news #socialmedia li.pinterest a:before {
	content: "\f0d2";
}
#news #socialmedia li.linkedin a:before {
	content: "\f08c";
}
#news #socialmedia li.youtube a:before {
	content: "\f167";
}
#news h3 i {
	margin: 0 10px;
	font-size: 120%;
	background: #666;
	color: #fff;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	padding: 10px;
}

#news .hpimagecontent.image1 {background: linear-gradient(
      rgba(0, 0, 0, 0.5), 
      rgba(0, 0, 0, 0.5)
    ), url('../images/sections/news/media_centre.jpg') no-repeat 0 0; 
	-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center; }
#news .videoembedbox h3,
#news .videoembedbox p {
	text-align: left;
	padding-top: 10px;
}
.news h1 {
	border: 0;
}
.news h2 {
	color: #867537;
}
.news.research h1,
.news.research h2 {
	color: #8d941e;
}
.news.business h1,
.news.business h2 {
	color: #000;
}
.news.research .pagetextimg {
	border-color: #8d941e;
}
.news.business .pagetextimg {
	border-color: #000;
}
.news .boxouthead {
	background: none;
	border-top: 5px solid #867537;
	color: #666;
}
.news.research .boxouthead {
	border-color: #8d941e;
}
.news.business .boxouthead {
	border-color: #000;
}
.news .sharetools .addthis_sharing_toolbox {
	float: left;
}
.news .sharetools {
	position: relative;
	background: #ebebeb;
	padding: 10px 10px 3px 10px;
	margin-bottom: 20px;
}
@media (max-width: 768px) {
    .sharetools .clearfix{
        height: 0;
    }
}
@media (min-width: 769px) {
    .sharetools .twitter p{
        text-align: right;
    }
}
.news .sharetools p {
	margin: 0 0 10px 0;
}

.news .sharetools a {
	display: inline-block;
}
.news .sharetools p a {
	color: #333;
}
.hpnewsevents article p span a,
.hpnews article p span a,
.news a.tab {
	background: #867537;
	color: #fff;
	padding: 4px 8px;
	font-weight: bold;
	font-size:1.4rem;
}
.hpnewsevents article p span a:hover,
.hpnews article p span a:hover,
.news a.tab:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
.hpnewsevents .business p span a,
.hpnews .business p span a,
.news.business a.tab {
	background: #867537;
}
.hpnewsevents .business p span a:hover,
.hpnews .business p span a:hover,
.news.business a.tab:hover {
	background: #ccc;
	color: #000;
	text-decoration: none;
}
.news .texthighlight {
	border-bottom: 5px solid #867537;
}
.news.research .texthighlight {
	border-color: #8d941e;
}
.news.business .texthighlight {
	border-color: #000;
}
.news ul.tags li {
	background: #ebebeb;
	color: #666;
	padding: 5px 7px;
	margin: 0 5px 15px 0;
	font-weight: bold;
	font-size: 90%;
}

.news ul.tags li:before {
    display: none;
}
.news ul.tags li a {
	color: #666;
}
.news .videoWrapper {
	margin-bottom: 20px;
}
.news.business .quote blockquote {
	border-color: #000;
}
.news.business .quote blockquote:before {
	color: #000;
}
.news.business .quote p.author {
	color: #000;
}
.news.business p.buttonlink {
	background: #000;
}
.news .sidebarbox img,
.news .dashboardbox img,
#news .sidebarbox img {
	border-bottom: 5px solid #867537;
}
.news .sidebarbox.research img,
.news .dashboardbox.research img,
#news .sidebarbox.research img {
	border-color: #8d941e;
}
.news .sidebarbox.business img,
.news .dashboardbox.research img,
#news .sidebarbox.business img {
	border-color: #867537;
}
/*.newslist .pagetextimg {
	margin: 8px 0;
}*/
.newslist h2 a,
.newslist h3 a,
.newslist li a {
	border-left: 3px solid #867537;
	padding-left: 10px;
	display: block;
    text-decoration: none;
}
.newslist li {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 5px;
	display: block;
}
.newslist li:last-of-type {
	border-bottom: 0;
}
.newslist h3 {
	margin-top: 0;
}
.newslist .business h2 a,
.newslist .business h3 a,
.newslist li.business a,
.newslist li.corporate a{
	border-left: 3px solid #867537;
    text-decoration: none;
    color: #333;
}

.newslist .business h2 a:hover,
.newslist .business h3 a:hover,
.newslist li.business a:hover,
.newslist li.corporate a:hover{
	color: #867537;
}
.news.sidebar a{
    text-decoration: none;
}
.news.sidebar a:hover{
    color: #867537;
}
.newslist .research h2 a,
.newslist .research h3 a,
.newslist li.research a {
	border-left: 3px solid #8d941e;
}
.newslist p span:before {
	content: "\f017";
	font-family: "Font Awesome 6 Pro";
	display: block;
	float: left;
	padding-right: 5px;
}
.newslist .search {
	background: #ebebeb;
	padding: 10px;
	margin-bottom: 10px;
}
.news .newsCta li {
	list-style-type: none;
	background: none;
	padding-left: 0;
	margin-left: 5px;
}

.news .newsCta li a {
	color: #867537;
	font-weight: bold;
	display: block;
}
.news .ctaEvent li:before {
	content: "";
	font-family: "Font Awesome 6 Pro";
	display: block;
	float: left;
	color: #666;
	padding-right: 10px;
}
.news .ctaCourse li:before {
	content: "";
	font-family: "Font Awesome 6 Pro";
	display: block;
	float: left;
	color: #666;
	padding-right: 10px;
}
.news .newsCta .buttonlink {
	float: right;
}
.news.research .newsCta li a {
	color: #8d941e;
}
.news.business .newsCta li a {
	color: #000;
}

.conversation-other p{
	font-size: 90%!important;
}
	
.conversation-other p i{
    padding-right: 3px!important;
    font-size: 85%;
}
	
.conversation-other h3{
	font-size: 1.8rem!important;
	margin-bottom: 0.6rem!important;
}
/*-------------------------------------------------------*\
	#SECTION: NEWS(ds)
\*-------------------------------------------------------*/

.image-news-landscape {
	float: right;
	margin-left: 15px;
}
@media (max-width: 768px) {
	.image-news-landscape {
		display: block;
	}
}

/* #Student Futures
================================================== */

@media screen and (min-width: 45em) {
	#studentfutures .top-banner .titlepage {
		float: left;
		width: 50%;
		text-align: left;
		padding-top: 15px;
	}
	#studentfutures .top-banner .studentfututesbit {
		float: right;
		width: 50%;
		max-width: 350px;
	}
	
	#studentfutures .student-futures-cards .card-text,
	#studentfutures .student-futures-cards .card-image{
		width:50%; 
		float:left; 
	}
	
	#studentfutures .student-futures-cards .card-image.push-right{ 
		float:right; 
	}
	
	#studentfutures .student-futures-cards .card-text{
		padding: 30px 20px 0 50px; 
	}
}

@media screen and (min-width: 45em) and (max-width: 65em) {
	#studentfutures .student-futures-cards .card-image img{
		height: 100%;
		object-fit: cover;		
	}
}
@media screen and (max-width: 44.9em) {
	#studentfutures .top-banner .titlepage {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	#studentfutures .top-banner .studentfututesbit {
		width: 300px;
		margin: 0 auto;
	}
	#studentfutures .top-banner {
		height: 750px;
	}
	
	#studentfutures .student-futures-cards .card-text{
		padding: 20px 30px; 
	}
}
#studentfutures .top-banner .titlepage img {
	width: 120px;
	display: inline-block;
	vertical-align: middle;
}
#studentfutures .top-banner .titlepage h2 {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 20px;
}
#studentfutures .top-banner ul.breadcrumb,
#studentfutures .top-banner ul.breadcrumb a {
	color: #fff;
	font-weight: bold;
	font-size: 100%;
	margin-top: 0;
}
#studentfutures .top-banner ul.breadcrumb {
	margin-left: 30px;
}
#studentfutures .top-banner ul.breadcrumb li:before {
	font-family: "Font Awesome 6 Pro";
	padding-right: 10px;
	content: "\f054";
	color: #867537;
}
#studentfutures .top-banner h2 {
	color: #fff;
}
#studentfutures .pageheader {
	padding-top: 30px;
	border-bottom: 15px solid #867537;
}
#studentfutures .pageheader img.icon {
	width: 25%;
	float: left;
	padding: 0 20px;
	margin-bottom: 20px;
}
#studentfutures .pageheader h1,
#studentfutures .top-banner h1 {
	margin: 0;
}
#studentfutures .pageheader h2,
#studentfutures .top-banner h2 {
	text-align: left;
	margin-top: 40px;
	margin-left: 20px;
}
#studentfutures .pageheader p {
	width: 100%;
	text-align: left;
}
#studentfutures .pageheader ul.cta li {
	width: 100%
}
#studentfutures .pageheader ul.cta li a.button {
	display: block;
	text-align: left;
}
#studentfutures ul.cta li {
	margin-bottom: 0;
}
#studentfutures ul.cta li a {
	padding-left: 15px;
	width: 100%;
	box-sizing: border-box;
}
#studentfutures ul.cta li a:before {
	font-family: "Font Awesome 6 Pro";
	padding-right: 10px;
	content: "\f054";
}
#studentfutures ul.cta li.target a:before {
	content: "\f274";
}
#studentfutures ul.cta li.events a:before {
	content: "\f736";
}
#studentfutures ul.cta li.jobs a:before {
	content: "\f03a";
}
#studentfutures ul.cta li.contact a:before {
	content: "\f0e0";
}
#studentfutures ul.cta li.search a:before {
	content: "\f002";
}
#studentfutures .hpopendays,
.hpopendays.contactus {
	padding-bottom: 10px;
}
#studentfutures .hpopendays .columns,
.hpopendays.contactus .columns {
	border: none;
}
#studentfutures .hpopendays p,
#studentfutures .hpopendays ul,
.hpopendays.contactus ul,
.hpopendays.contactus p {
	text-align: left;
}
#studentfutures .arrow-down {
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid #867537;
}
#studentfutures #contact h2 {
	margin-top: 30px;
}
#studentfutures #contact a,
.contactus #contact a {
	display: block;
}
#studentfutures ul,
.contactus ul {
	position: relative;
}

#studentfutures .hpsolidcolor .row_cell,
#studentfutures .hpopendays .row_cell{
    padding: 0 20px;
}
#studentfutures .hpsolidcolor li,
#studentfutures .hpopendays li,
.contactus li {
	padding: 10px;
    text-align: center;
    margin: 20px 0;
}
#studentfutures .hpsolidcolor li a,
#studentfutures .hpopendays li a,
.hpopendays.contactus a {
	color: #fff;
    display: block;
}
#studentfutures .hpsolidcolor li a:before,
#studentfutures .hpopendays li a:before,
.contactus li a:before {
	font-family: "Font Awesome 6 Brands";
	color: #fff;
    font-size: 220%;
    content: "\f054";
    display: block;
    text-align: center;
    margin-bottom: 15px;
}
#studentfutures li.telephone a:before,
.contactus li.telephone a:before {
	font-family: "Font Awesome 6 Pro";
	color: #fff;
    font-size: 220%;
    content: "\f095";
    display: block;
    text-align: center;
    margin-bottom: 15px;
}
#studentfutures li.facebook a:before, li.facebook a:before {
	content: "\f09a";
}
#studentfutures li.twitter a:before, li.twitter a:before {
	content: "\e61b";
}
#studentfutures li.instagram a:before, li.instagram a:before {
	content: "\f16d";
}
#studentfutures li.snapchat a:before, li.snapchat a:before {
	content: "\f2ac";
}
#studentfutures li.email a:before, li.email a:before {
	font-family: "Font Awesome 6 Pro";
	content: "\f0e0";
}
#studentfutures li.telephone a:before, li.telephone a:before {
	font-family: "Font Awesome 6 Pro";
	content: "\f095";
}
#studentfutures li.website a:before, li.website a:before {
	font-family: "Font Awesome 6 Pro";
	content: "\f0c1";
}
#studentfutures .hpsection.sficon img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	text-align: center;
}
#studentfutures .hpsection.sficon img:hover {
	width: 55%;
}
#studentfutures .hpvideo {
	background: #f8f8f8;
}
#studentfutures .flex {
	background: #fff;
}
/*#studentfutures .hpvideo h2 { margin-bottom: 40px;}*/

#studentfutures .flex-content {
	padding-top: 20px;
}
#studentfutures .flex-content h2,
#studentfutures .flex-content h3,
#studentfutures .flex-content p,
#studentfutures .flex-content ul {
	text-align: left;
	padding-left: 20px;
}

#studentfutures .student-futures-card-group{
	background: white;
}
#studentfutures .student-futures-cards .card-text{
	box-sizing:border-box;
}

#studentfutures .student-futures-cards .card-text p,
#studentfutures .student-futures-cards .card-text h3 {
	text-align: left;
}
#studentfutures .student-futures-cards .card-text .btn {
	margin-bottom: 2px;
	margin-top: 2px;
}

#studentfutures .student-futures-cards .card-text li {
	margin-bottom: 2px;
}

@media (max-width: 45em) {
	#studentfutures .flex {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	#studentfutures .flex-image {
		order: 1;
		flex: 1 100%;
	}
	#studentfutures .flex-content {
		order: 2;
	}
}
.hpresources h3,
.hpresources p {
	text-align: left;
}
.hpresources h3 {
	margin-top: 10px;
}
#studentfutures .sidebar {
	background: #f8f8f8;
	border: none;
	border-radius: 10px;
}
#studentfutures .sidebar h2 {
	padding-top: 30px;
}
#studentfutures .sidebar ul.breadcrumb {
	margin-left: 10px;
}
#studentfutures .sidebar ul.breadcrumb li,
#studentfutures .sidebar ul.breadcrumb li a,
#studentfutures .sidebar ul.breadcrumb li:before {
	color: #666
}
#studentfutures .sidebar ul.breadcrumb li a {
	font-weight: bold;
}
#studentfutures .sidebar .five img {
	display: block;
	width: 20%;
	float: left;
	padding: 20px;
}
#studentfutures .sidebar a img {
	display: block;
	width: 70%;
}
/* #Jobs
================================================== */

#jobs .hpsection h2 {
	color: #867537;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 20px;
}
#jobs .hpcallout {
	background: rgba(0, 0, 0, .4);
	padding: 30px;
	border-bottom: 5px solid #867537;
}
#jobs .vacancies {
	background: #666;
	border-bottom: 5px solid #867537;
	border-top: 5px solid #867537;
}
#jobs .vacancies h2,
#jobs table caption {
	color: #fff;
}
#jobs .hpimagecontent {
	border-top: 10px solid #ebebeb;
	border-bottom: 5px solid #867537;
	background-color: rgba(141, 148, 30, 1);
}
#jobs .hpimagecontent a.buttonalt {
	background: #333;
	border: 1px solid #867537;
	color: #867537!important;
}
#jobs .hpimagecontent a.buttonalt2 {
	background: #999;
}
#jobs .hpimagecontent h2,
#jobs .hpimagecontent h3,
#jobs .hpimagecontent a,
#jobs .hpimagecontent h2 a,
#jobs .hpimagecontent p,
#jobs .hpimagecontent li {
	color: #fff !important;
	text-align: left;
}
#jobs .hpimagecontent h2 {
	border: 0;
	padding-bottom: 10px
}
#jobs .hpboxes h2 {
	color: #666;
	border-bottom: 1px solid #fff;
	text-align: center;
	padding-bottom: 20px;
}
#jobs .hpboxes p {
	text-align: center;
}
#jobs .hpboxes .item {
	padding-top: 0;
}
#jobs .hpboxes .item h3 {
	text-align: left;
}
#jobs .hpboxes .item h3 {
	font-size: 100%;
	padding-right: 40px;
}
#jobs .hpboxes .item h3.health {
	background: url("../images/sections/research/healthwellbeing/icon.png") no-repeat 100% 5px;
}
#jobs .hpboxes .item h3.resilient {
	background: url("../images/sections/research/resilientandsecuresocieties/icon.png") no-repeat 100% 5px;
}
#jobs .hpboxes .item h3.digital {
	background: url("../images/sections/research/digitalandcreativeeconomy/icon.png") no-repeat 100% 5px;
}
#jobs .hpboxes .item h3.sustainable {
	background: url("../images/sections/research/sustainableenvironments/icon.png") no-repeat 100% 5px;
}
#jobs .hpboxes .item h3.learning {
	background: url("../images/sections/research/learningforthe21stcentury/icon.png") no-repeat 100% 5px;
}
#jobs .hpboxes .item h3 a {
	color: #867537;
}
#jobs .hpboxes .item img {
	border-top: 0px solid #867537;
}
#jobs tr {
	border-bottom: 1px solid #fff;
}
#jobs td,
div#jobs th {
	vertical-align: middle;
}
#jobs table caption {
	margin-bottom: 10px;
}
#jobs .image2 h2 {
	text-align: center;
}
#jobs p.author {
	text-align: right;
	color: #867537 !important;
}
#jobs p.author span {
	color: #fff !important;
}
.jobList a:not(.btn):visited {
	color: #ffffff !important;
}
@media screen and (max-width: 600px) {
	#jobs table {
		border: 0;
	}
	#jobs table thead {
		display: none;
	}
	#jobs table tr {
		margin-bottom: 10px;
		margin-top: 10px;
		display: block;
		border-bottom: 2px solid #fff;
	}
	#jobs table td {
		display: block;
		text-align: left;
		border-bottom: 1px solid #fff;
	}
	#jobs table td.mobile {
		display: none;
	}
	#jobs table td:last-child {
		border-bottom: 0;
	}
	#jobs table td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
	}
}
/* #Course styles
================================================== */

.fostitle {
	padding-right: 110px;
}
.fosbox {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #ebebeb;
	font-weight: bold;
	border-top: 2px solid #867537;
}
.fosbox a {
	display: block;
	padding: 10px;
}
.fosbox a:after {
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	float: right;
	padding-left: 12px;
}
.intfosbox {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #ebebeb;
	font-weight: bold;
	border-left: 5px solid #867537;
}
.intfosbox a {
	display: block;
	padding: 10px;
	color: #333;
	margin-right: 5px;
}
.intfosbox a:after {
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	float: right;
	padding-left: 0px;
}
div#foscourselist {
	background: #f3f3f3;
	padding: 20px;
	margin: 10px 0;
	color: #fff
}
div#foscourselist h2 {
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
}
div#foscourselist h3 {
	color: #fff
}
div#foscourselist ul {
	color: #fff
}
div#foscourselist li {
	color: #fff;
	background: none;
	padding-left: 0;
	margin-left: 0;
}
div#foscourselist li:after {
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	float: left;
	padding-right: 12px;
}
div#foscourselist a {
	color: #fff;
	text-decoration: none;
}
div#foscourselist a:visited {
	color: #fff;
}
div#foscourselist a:hover {
	color: #fff;
	text-decoration: underline;
}
div#foscourselist2 {
	background: #ebebeb;
	padding: 20px 20px 10px 20px;
	margin: 20px 0;
}

div#foscourselist2 .btn{
	margin: 4px 0;
}
div#foscourselist2 li {
	background: none;
	padding-left: 0;
	margin-left: 0;
}
div#foscourselist2 a:not(.btn) {
	color: #867537;
	text-decoration: none;
}
div#foscourselist2 a:not(.btn):visited {
	color: #867537;
}
div#foscourselist2 a:hover {
	color: #867537;
	text-decoration: underline;
}
div#foscourselist2 a.button {
	color: #fff!important;
	background: #867537;
}
div#foscourselist2 tr {
	border-bottom: 1px solid #fff;
}
div#foscourselist2 tr:last-child {
	border-bottom: 1px solid #fff;
}
div#foscourselist2 td,
div#foscourselist2 th {
	vertical-align: middle;
}
div#foscourselist2 td.text_center,
div#foscourselist2 th.text_center {
	text-align: center;
}
@media screen and (max-width: 600px) {
	div#foscourselist2 table {
		border: 0;
	}
	div#foscourselist2 table thead {
		display: none;
	}
	div#foscourselist2 table tr {
		margin-bottom: 10px;
		display: block;
		border-bottom: 2px solid #fff;
	}
	div#foscourselist2 table td {
		display: block;
		text-align: left;
		border-bottom: 1px solid #fff;
	}
	div#foscourselist2 table td.mobile {
		display: none;
	}
	div#foscourselist2 table td:last-child {
		border-bottom: 0;
	}
	div#foscourselist2 table td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
	}
}
div#fosfactfile img {
	display: none;
}
div#fosfactfile h3 {
	background: #867537;
	display: inline-block;
	padding: 5px 15px;
	color: #fff;
}
div#fosfactfile li {
	background: none;
	padding-left: 0;
	margin-left: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #ee1a42;
}
.fosheader {
	display: none;
}
.courseaz li {
	float: left;
	background: none;
	color: #333333!important;
	padding: 0;
	margin: 0 3px 10px 2px;
	font-size: 120%;
}
.courseaz li a {
	color: #333333!important;
	background: #cccccc;
	font-weight: bold;
	display: block;
	padding: 5px 10px;
}
.courseaz li a:hover {
	background: #867537;
	color: #ffffff!important;
}
.courseaz li.select a {
	color: #ffffff!important;
	background: #867537;
}
/*INDEX OLD STYLES BY CM*/

/*CICLE ICON STYLES*/

.circle_icon {
	width: 150px;
	height: 150px;
	border: 3px solid #444;
	border-radius: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
}
.circle_icon_orange {
	background: #867537;
	border-color: #fff;
}

.circle_icon i {
	text-align: center;
	font-size: 50px;
	display: block;
	margin: 0 auto;
	margin-top: 50px;
}
.circle_icon_orange i {
	color:#fff;
}
.graphicBox {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	flex-wrap: wrap;
}
.circContainer {
	margin: 20px;
	max-width: 300px;
}
/*BUTTON STYLES*/

a.button.outline_dark {
	background: #fff;
	color: #333 !important;
	border: 2px solid #333;
	padding: 9px 28px 9px 28px;
}
a.button.outline_light {
	background: none;
	color: #fff;
	border: 2px solid #fff;
	padding: 9px 28px 9px 28px;
}
a.button.outline_orange {
	background: #fff;
	color: #867537 !important;
	border: 2px solid #867537;
	padding: 9px 28px 9px 28px;
}
a.button.dark {
	background: #333;
	color: #fff;
}
a.button.dark:hover {
	background: #202020;
	color: #fff;
}
a.button.white,
form .whitebutton {
	background: #fff;
	color: #867537 !important;
}
a.button.white:hover,
form .whitebutton:hover {
	background: #867537;
	color: #fff !important;
}
/* Timeline section */

.barBreak {
	width: 0px;
	border: 3px dashed #444;
	height: 50px;
	display: block;
	margin: 0 auto;
}
.barBreak.inactive {
	border-color: #999;
}
.boxText {
	position: relative;
	border: 3px solid #444;
	max-width: 500px;
	margin: 0 auto;
	display: block;
	padding: 20px;
	
}
.boxText.inactive { 
	background: #ebebeb;
	border-color: #999;
}
.boxText h2 span {
	display:block;
	font-size: 180%;
	color:#867537;
	padding-bottom: 15px;
}

.boxText.inactive h2,
.boxText.inactive h2 span,
.boxText.inactive p,
.boxText.inactive li{ 
	color: #666;
}
.boxText.active { 
	background: #867537;
	color:#867537;
}
.boxText.active h2,
.boxText.active h2 span,
.boxText.active p,
.boxText.active li,
.boxText.active li:before{ 
	color: #fff;
}
.boxText h2 {
	padding: 0px;
	margin-bottom: 20px;
}
.boxText p {
	padding: 0px;
	margin: 0px;
}
.boxText i {
	margin-bottom: 5px;
}
.arrow-down {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #444;
	margin: 0 auto;
	display: block;
	margin-bottom: 10px;
}
.arrow-down.inactive {
	border-top: 10px solid #999;
}
.text-center {
	text-align: center !important;
}
.text-left {
	text-align: left !important;
}
.text-orange {
	color: #867537 !important;
}
.barBreakOrange {
	width: 0px;
	border: dashed 3px #867537;
	height: 50px;
	display: block;
	margin: 0 auto;
}
.boxTextOrange {
	border: 2px solid #867537;
	max-width: 500px;
	margin: 0 auto;
	display: block;
	padding: 20px;
}
.boxTextOrange h2 {
	padding: 0px;
	margin-bottom: 20px;
}
.boxTextOrange p {
	padding: 0px;
	margin: 0px;
}
.boxTextOrange i {
	margin-bottom: 5px;
}
.arrow-downOrange {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #867537;
	margin: 0 auto;
	display: block;
	margin-bottom: 10px;
}
/*bottomBar STYLES*/

a.bottomBar {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center !important;
	background: #867537;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	transition: background-color 0.2s;
}
a.bottomBar:hover {
	background-color: #b85b12;
}
/*bottomBar STYLES*/

#twoBoxLeft {
	display: flex;
	flex-wrap: wrap;
}
#twoBoxLeft .splitBox {} .featureBox {
	Padding: 40px;
	color: #fff;
	order: 2;
}
.featureBox h2 {
	color: #fff !important;
}
.leftImage {
	order: 1;
}
@media only screen and (min-width: 720px) {
	#twoBoxLeft {
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: -webkit-flex;
		/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		margin-bottom: 20px;
	}
	.leftImage {
		width: 46.5%;
		order: 2;
	}
	.featureBox {
		width: 46.5%;
		order: 1;
	}
}
/* #Timeline
================================================== */
.timeline{
 	counter-reset: test 6;
	position: relative;
}
.timeline .item{
	float: left;
	width: 20%;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
.timeline .item:before{
	position: relative;
	counter-increment: test -1;
	content: counter(test);
	width: 80px;
	height: 80px;
	border: 4px solid #ccc;
	border-radius: 50%;
	display: block;
	text-align: center;
	line-height: 80px;
	margin: 0 auto 10px auto;
	background: #fff;
	font-size: 4rem;
	font-weight: bold;
	color: #666;
	transition: all ease-in-out .3s;
	z-index: 10;
}
.timeline .item:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #ccc;
	top: 40px;
	left: -50%;
	transition: all ease-in-out .3s;
}
.timeline .item:first-child:after{
	content: none;
}
.timeline .item.active-tl{
	color: #867537;
}
.timeline .item.active-tl:before{
	background: #867537;
	color: #fff;
}
.timeline .item.active-tl + .item:after{
	background: #ccc;
}			  
.timeline .item.inactive-tl:before{
	background: #ebebeb;
}	
.timeline .item.inactive-tl + .item:after{
	background: #867537;
}
			  
/* Small devices (portrait tablets and large phones ) */
@media only screen and (max-width:600px){
	.timeline .item:before{
	  width: 40px;
	  height: 40px;
	  line-height: 40px;
	  font-size: 2.5rem;
	}
	.timeline .item:after{
	  top: 20px;
	}
}

/* #Course styles NEW
================================================== */
.searchresult {
	background: #ebebeb; 
	padding: 0 20px 20px 20px;
}

.searchresult h2{
	padding-top: 30px;
}


@media (max-width: 719px) { 
	.searchresultitem .toggle_container_basic { 
		padding-right:20px;
	}
	#coursepage p.mobile_left { text-align: left!important;}
}
@media (min-width: 720px) { 
	.searchresultitem .toggle_container_basic { 
		padding-right:0;
	}
}
@media (max-width:600px){
	#coursepage .tabs-nav li {
		padding-left: 10px;
		padding-right: 30px;
		font-weight: bold;
	}
	#coursepage .tabs-nav li:before {
		left: 93%;
	}
	#coursepage .tabs-nav li:hover:before {
		color: #fff!important;
	}
	#coursepage .tab-inner .boxout.boxoutvideo .videoWrapperdetails {
		background: #666;
	}
	#coursepage .tab-inner .boxout.boxoutvideo .videoWrapperdetails h2,
	#coursepage .tab-inner .boxout.boxoutvideo .videoWrapperdetails h3,
	#coursepage .tab-inner .boxout.boxoutvideo .videoWrapperdetails p {
		color: #fff;
	}
}

.searchresultitem {
	border: 1px solid #ebebeb; 
	margin-bottom:20px; 
	padding-left: 20px; 
	border-radius: 6px; 
	border-left: 5px solid #867537; 
	box-shadow: 0 7px 7px -5px rgba(0,0,0,0.1); 
	background: #fff; 
}
.searchresultitem h3 {
	margin-right: 30px; 
	padding-bottom: 30px;
}
.searchresultitem h3 span { 
	font-weight: normal;
}
.searchresultitem span { 
	font-size: 90%;
}
.searchresultitem li { 
	border-bottom: 1px solid #fff; 
	padding-bottom: 5px; 
	font-size: 100%; 
	line-height: 2.2rem;
}
.searchresultitem .columns { 
	padding-top:20px; 
}
.searchresultitem .toggle_container_basic {  
	border-top: 1px solid #ebebeb;
}
.searchresultitem .btn {
	width: 95%; 
	display: inline-block !important;
}
#coursepage .coursetab{
	background: #867537; 
	color: #FFFFFF; 
	font-weight: bold; 
	padding: 8px 15px; 
	margin: 3px 0px; 
	display: inline-block; 
	font-size: 90%;
	transition: .2s ease-in-out;
	line-height: 1.5;
}
#coursepage .coursetab i {
	margin-right: 10px;
}
.workplacementcolour {
	color: #244999;
}
.workplacementbackground {
	background: #244999!important;
}
.foundationyearcolour {
	color: #40825B;
}
.foundationyearbackground {
	background: #40825B!important;
}
.integratedmasterscolour {
	color: #C63984;
}
.integratedmastersbackground {
	background: #C63984!important;
}
.accreditationcolour {
	color: #A16908;
}
.accreditationbackground {
	background: #A16908!important;
}

#coursepage .coursetab:hover {
	opacity: 0.8;
}
.kishorizontal {
	display: none;
}
.kisvertical {
	display: block;
}
div#courseinfo {
	display: none;
}
#coursepage p.text_center {
	text-align: center!important;
}
@media (max-width: 719px) { 
	#coursepage p.mobile_left { 
		text-align: left!important;
	}
	#coursepage .coursepageheadercontent .btn.btn-transparent.btn-banner {
		border-color: #867537;
		color: #867537;
	}
	#coursepage .coursepageheadercontent .btn.btn-transparent.btn-banner:before{
		color: #867537;
	}
}
.hpsection.nomargin {
	padding: 0;
	margin: 0;
}
#coursepage .coursepageheader {
	position: relative;
}
#coursepage .coursepageheader #imgfade {
	position: relative;
	width: 100%;
}
#coursepage .coursepageheader #imgfade img {
	position: absolute;
	z-index: 1;
	background-color: white;
	width: 100%;
	left: 0;
	top: 0;
	display: none
}
#coursepage .coursepageheader #imgfade img.active {
	z-index: 3
}
#coursepage .coursepageheader #imgfade img.base {
	z-index: -1;
	position: static;
	display: block
}
#coursepage .coursepageheader img {
	width: 100%;
	height: auto;
	max-height: 100%;
}
#coursepage .coursepageheadercontent {
	position: relative;
	padding: 10px;
}
#coursepage .coursepageheadercontent span {
	font-weight: normal; display: block;
}
#coursepage .coursepageheadercontent li,
#coursepage .coursepageheadercontent a {
	color: #fff;
	margin-bottom: 0;
}
#coursepage .coursepageheadercontent a:hover {
	color: #F57F1F;
}
#coursepage .coursepageheadercontent .cta a:before {
	font-family: "Font Awesome 6 Pro";
	color: #fff;
	content: "\f007";
	transition: .2s ease-in-out;
	padding-right: 15px;
}

#coursepage .coursepageheadercontent .cta li {
	text-align: center;
	margin-bottom: 10px;
}

#coursepage .coursepageheadercontent .cta li.apply a:before {
	content: "\f245";
}
#coursepage .coursepageheadercontent .cta li.enquire a:before {
	content: "\f05a";
}
#coursepage .coursepageheadercontent .cta li.openday a:before {
	content: "\f736";
}
#coursepage .coursepageheadercontent .cta li.prospectus a:before {
	content: "\f15c";
}
#coursepage .coursepageheadercontent .cta li.pdf a:before {
	content: "\f019";
}
#coursepage .courseinfo .formbox {
	position: relative;
}
#coursepage .courseinfo .formbox form {
	margin: 0;
}
#coursepage .courseinfo select { 
	background-image: none !important;
	width:100%; 
	font-size: 120%;
	text-align: center; text-align-last: left;
	background-color: #867537;
	color: white;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	margin: 0;
}
#coursepage .courseinfo .formbox::before {
	content: "\f13a";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	top: 0px;
	right: 0;
	width: 15%;
	height: 100%;
	text-align: center;
	font-size: 28px;
	line-height: 48px;
	color: rgba(255, 255, 255, 0.8);
	background-color: rgba(255, 255, 255, 0.1);
	pointer-events: none;
}

#coursepage .courseinfo .formbox:hover::before {
	  color: rgba(255, 255, 255, 0.6);
	  background-color: rgba(255, 255, 255, 0.2);
}
#coursepage .courseinfo .formbox select option {
	  text-align: left;
}
#coursepage .courseinfo .row_cell i { display:block;}
#coursepage .row.courseinfo { position: relative; margin-top: -20px; z-index: 1000; margin-bottom: -20px;}
#coursepage #coursedetails p,
#coursepage #kisdata p {
	text-align: left;
}
#coursepage .tab-inner h2 {
	font-size: 3.8rem;
	text-align: center;
	line-height: 100%;
	color: #333!important;
	margin-top: 20px;
	margin-bottom: 60px;
}	 
#coursepage .tabs-nav-wrap { 
	border-bottom: 0
}
#coursepage .tabs-nav li:hover:before {
	content: "\f078";
	color: white;
}
#coursepage .tabs-nav li.current {
	font-weight: bold;
}
#coursepage .tabs-nav li.current:before {
	content: "\f078";
	color: #fff;
}
#coursepage .hpopendays .columns {
	border: 0px !important;
}
#coursepage .clearing {
	background: rgb(227, 77, 149);
	background: linear-gradient(120deg, rgba(227, 77, 149, 1) 10%, rgba(243, 118, 64, 1) 42%, rgba(241, 88, 70, 1) 100%) !important;
}
#coursepage .hpopendays h2,
#coursepage .hpopendays p {
	text-align: left;
}
#coursepage .hpopendays h2 {
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
	margin-top: 50px;
}
#coursepage #notifications.columns {
	text-align: left;
}
#coursepage #notifications li {
	padding-left: 40px;
	padding-top: 5px;
	font-size: 120%;
	line-height: 110%;
	clear: both;
}
#coursepage #notifications li:before {
	font-family: "Font Awesome 6 Pro";
	color: #fff;
	font-size: 140%;
	content: "\f058";
	position: absolute;
	left: 0px;
}
#coursepage #notifications li.cross:before {
	content: "\f057";
}
#coursepage #notifications li.info:before {
	content: "\f05a";
}
#coursepage #notifications li.award:before {
	content: "\f559";
}
#coursepage #notifications li.award {
	font-weight: bold;
}
#coursepage #notifications li.award strong {
	font-size: 130%;
	text-transform: uppercase;
}
#coursepage #notifications li.award span {
	font-size: 70%;
	fomt-weight:normal!important;
}
#coursepage #notifications li.link:before {
	content: "\f0c1";
}
#coursepage #notifications li a {
	display: inline;
	text-decoration: underline;
}
div#interactivecontent {
	margin: 0 10px;
}
ul.accordianinteractive {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.accordianinteractive a {
	display: block;
	text-decoration: none;
	font-weight: bold;
}
ul.accordianinteractive ul {
	overflow: hidden;
}
ul.accordianinteractive li {
	margin: 0;
	padding: 0;
	clear: both;
}
ul.accordianinteractive li a {
	background: #f3f3f3;
	padding: 10px;
	margin: 4px 0;
	display: block;
}
ul.accordianinteractive li a:after {
	color: #666;
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	float: right;
	padding-right: 10px;
}
ul.accordianinteractive li a:hover:after {
	color: #fff;
	content: "\f078";
}
ul.accordianinteractive li.active>a:after {
	color: #fff;
	content: "\f078";
}
ul.accordianinteractive li.firstitem a:not(.btn) {
	background-color: #f8f8f8;
}
ul.accordianinteractive li.firstitem a:hover:after {
	color: #fff;
	content: "\f078";
}
ul.accordianinteractive li.firstitem.active>a {
	color: #fff;
}
ul.accordianinteractive li p {
	padding-top: 5px;
	font-weight: normal;
}
ul.accordianinteractive li ol {
	padding: 0 0 5px 25px;
}
ul.accordianinteractive li ol li {
	padding-top: 5px;
	color: #666;
}
ul.accordianinteractive li h2 {
	font-size: 130%
}
ul.accordianinteractive li h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 100%
}
ul.accordianinteractive li .columns a:not(.btn) {
	background: none;
	padding: 0;
	color: #fff;
	font-size: 100%;
}
ul.accordianinteractive li .columns a:after {
	content: "";
}
ul.accordianinteractive li .facilities h3 {
	display: none;
}
ul.accordianinteractive li .facilities .videoembedbox {
	background: none;
}
ul.accordianinteractive li .courseprofile {
	padding-bottom: 10px;
}
ul.accordianinteractive li .courseprofile h2 {
	text-transform: uppercase;
	letter-spacing: 1px;
}
ul.accordianinteractive li .courseprofile p {
	color: #666;
}
ul.accordianinteractive li .courseprofile a:not(.btn):hover {
	background: #fff !important;
}
ul.accordianinteractive li .courseprofileimg {
	position: relative;
	width: 320px;
	height: 290px;
	margin-top: -20px;
}
ul.accordianinteractive li .courseprofileimg img {
	position: absolute;
	clip: rect(20px, 300px, 270px, 0);
	/* clip: shape(top, right, bottom, left); NB 'rect' is the only available option */
}
ul.accordianinteractive li p.buttonlink a {
	color: #fff !important;
}
ul.accordianinteractive li .coursework img {
	margin: 0 5px 7px 0 !important;
	padding: 0 !important;
	border: 0px solid #fff !important;
}
ul.accordianinteractive li .fullcol.coursevideo iframe {
	float: left;
	padding-right: 10px;
}
ul.accordianinteractive li .news a:hover {
	background: #fff !important;
	color: inherit !important;
}
ul.accordianinteractive li .news img {
	display: block;
	margin-bottom: 5px;
}
ul.accordianinteractive li .sixteen.news img {
	float: left;
	padding-right: 10px;
}
ul.accordianinteractive li .quote blockquote {
	background: #f8f8f8;
	border-left: 10px solid #ccc;
	margin: 15px;
	font-size: 110%;
	font-style: normal;
}
ul.accordianinteractive li .quote blockquote:before {
	display: none;
}
#coursepage #interactivecontent p,
#coursepage #interactivecontent h2,
#coursepage #interactivecontent h3 {
	text-align: left;
}
#coursepage ul.accordianinteractive {
	background: #fff;
}
#coursepage ul.accordianinteractive li {
	border-top: 5px solid #ebebeb;
	border-bottom: 5px solid #ebebeb;
}
#coursepage ul.accordianinteractive li a:not(.btn) {
	background: #fff;
	color: #666;
	margin-bottom: -5px;
	text-transform: uppercase;
}
#coursepage ul.accordianinteractive li .columns {
	padding-top: 10px;
}
#coursepage ul.accordianinteractive li.active a:not(.btn) {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 20px;
	margin-bottom: 10px
}
#coursepage ul.accordianinteractive li.active>a:not(.btn),
#coursepage ul.accordianinteractive li a:not(.btn):hover {
	color: #867537;
}
#coursepage ul.accordianinteractive li.active>a:after {
	color: #867537;
	content: "\f078";
}
#coursepage ul.accordianinteractive li.firstitem a:hover:after,
#coursepage ul.accordianinteractive li a:hover:after {
	color: #867537;
	content: "\f078";
}
#coursepage ul.accordianinteractive li.firstitem.active>a {
	color: #867537;
}

.arrow ul.accordianinteractive li:before{
	display: none;
}
#coursepage ul.accordianinteractive li .columns a:not(.btn) {
	font-size: 100%;
	text-transform: none;
	display: inline;
}
#coursepage ul.accordianinteractive li .columns a:after {
	content: "";
	display: none;
}
#coursepage ul.accordianinteractive li h2 {
	margin-bottom: 10px;
	color: #666;
}
#coursepage ul.accordianinteractive li .interactivecontentcontainer {
	padding: 0 10px;
}
#coursepage ul.accordianinteractive li .five,
#coursepage ul.accordianinteractive li .eight {
	border-bottom: 1px solid #ebebeb;
}
#coursepage ul.accordianinteractive li .sixteen.coursevideo iframe {
	width: 95%;
}
#coursepage ul.accordianinteractive li .courseprofile h2 {
	text-transform: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
	letter-spacing: 0;
}
#coursepage ul.accordianinteractive li .courseprofile a.button {
	background: #867537;
	display: inline;
	padding: 11px 30px;
	color: #fff;
}
#coursepage ul.accordianinteractive li .courseprofile a.button:hover {
	background: #666!important;
}
#coursepage ul.accordianinteractive li .news a {
	color: #867537;
	border-bottom: 0;
}
#coursepage #courselinks h2 {
	color: #666;
	margin-top: 10px;
	margin-bottom: 10px;
}
#coursepage #courselinks li {
	color: #fff;
	padding: 5px 25px;
	background: #666 url('../images/sections/fulltime/template/arrow_white.png') no-repeat 10px 10px;
}
#coursepage #courselinks li a {
	color: #fff;
}
#coursepage #courselinks img {
	display: none;
}
#coursepage .hpimagecontent {
	margin-bottom: -10px;
}
#coursepage .hpimagecontent h2 {
	color: #fff;
}
#coursepage .hpimagecontent.image1 {
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/commonimages/prospectus/campus.jpg') no-repeat 0 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
}
#coursepage .hpimagecontent.image2 {
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/commonimages/prospectus/openday.jpg') no-repeat 0 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
}
#coursepage .hpimagecontent .item {
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px 0;
}
#coursepage .hpimagecontent .item p,
#coursepage .hpimagecontent .item h2,
#coursepage .hpimagecontent .item h3 {
	text-align: left;
	margin: 0 20px;
	color: #333;
	padding-bottom: 5px;
}
#coursepage .hpimagecontent .item h3 {
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: normal;
}
#coursepage .hpimagecontent hr {
	border-color: #ebebeb;
	margin: 10px 20px;
}
#coursepage .hpimagecontent .item p strong {
	color: #867537;
}
#coursepage .hpimagecontent .item p span {
	font-size: 160%;
	font-weight: bold;
}
#coursepage .hpimagecontent.image1 ul {
	margin: 10px 20px;
	border-top: 1px solid #ebebeb;
	padding-top: 10px;
}
#coursepage .hpimagecontent.image1 li {
	padding-left: 30px;
	position: relative;
}
#coursepage .hpimagecontent.image1 li:before {
	font-family: "Font Awesome 6 Pro";
	color: #867537;
	padding-right: 15px;
	font-size: 140%;
	padding-left: 2px;
	content: "\f054";
	position: absolute;
	left: 0;
}
#coursepage .hpimagecontent li.length:before {
	content: "\f017";
}
#coursepage .hpimagecontent li.ucas:before {
	content: "\f19c";
	padding-right: 11px;
}
#coursepage .hpimagecontent li.contact:before {
	content: "\f0c0";
	padding-right: 11px;
	padding-left: 0;
}
#coursepage .hpimagecontent li.study:before {
	content: "\f007";
}
#coursepage .hpimagecontent li.date:before {
	content: "\f274";
	padding-right: 12px;
}
#coursepage .hpimagecontent li.datestart:before {
	content: "\f271";
	padding-right: 11px;
}
#coursepage .hpimagecontent li.dateend:before {
	content: "\f273";
	padding-right: 12px;
}
#coursepage .hpimagecontent li.timetable:before {
	content: "\f0ce";
	padding-right: 12px;
}
#coursepage .hpimagecontent li.offer:before {
	content: "\f0a3";
	font-weight: 900;
}
#coursepage .hpimagecontent li.building:before {
	content: "\f1ad";
}
#coursepage .hpimagecontent li.phone:before {
	content: "\f095";
}
#coursepage .hpimagecontent li.cross:before {
	content: "\f057";
}
#coursepage .hpimagecontent li.email:before {
	content: "\f0e0";
}
#coursepage .hpimagecontent li.link:before {
	content: "\f08e";
}
#coursepage .hpimagecontent li.level:before {
	content: "\f5da";
}
#coursepage .hpopendays {
	margin-bottom: 10px;
}
#coursepage #whyteesside .icons {
	text-align: center;
}
#coursepage #whyteesside h3 a {
	margin: 0;
	color: #333;
}
#coursepage #whyteesside i {
	font-size: 40px;
	line-height: 72px;
}
#coursepage #whyteesside #contactdetails {
	background: #f4f4f4;
	padding: 20px 0;
}
#coursepage #whyteesside #contactdetails h3 {
	font-size: 110%;
	padding: 0 20px;
}
#coursepage #whyteesside #contactdetails ul {
	margin: 10px 20px;
	border-top: 1px solid #ebebeb;
	padding-top: 10px;
	position: relative;
}
#coursepage #whyteesside #contactdetails li {
	padding-left: 35px;
}
#coursepage #whyteesside #contactdetails li a,
#coursepage #whyteesside #contactdetails li span {
	color: #867537;
}
#coursepage #whyteesside #contactdetails li:before {
	font-family: "Font Awesome 6 Pro";
	color: #666;
	padding-right: 15px;
	font-size: 140%;
	padding-left: 2px;
	content: "\f054";
	position: absolute;
	left: 0px;
}
#coursepage #whyteesside #contactdetails li.email:before {
	content: "\f0e0";
}
#coursepage #whyteesside #contactdetails li.telephone:before {
	content: "\f095";
}
#coursepage #whyteesside #contactdetails li.international:before {
	content: "\f0ac";
}
#coursepage #whyteesside #contactdetails li a:before {content: " " !important;}
#coursepage #whyteesside #socialmedia {
	background: #666;
	padding: 20px 0;
}
#coursepage #whyteesside #socialmedia h3 {
	font-size: 110%;
	padding: 0 20px;
	color: #fff;
}
#coursepage #whyteesside #socialmedia ul {
	margin: 10px 20px;
	border-top: 1px solid #ebebeb;
	padding-top: 10px;
	position: relative;
}
#coursepage #whyteesside #socialmedia li {
	padding-left: 35px;
}
#coursepage #whyteesside #socialmedia li a {
	color: #fff;
}
#coursepage #whyteesside #socialmedia li:before {
	font-family: "Font Awesome 6 Brands";
	color: #fff;
	padding-right: 15px;
	font-size: 140%;
	padding-left: 2px;
	content: "\f054";
	position: absolute;
	left: 0px;
}
#coursepage #whyteesside #socialmedia li.facebook:before {
	content: "\f082";
}
#coursepage #whyteesside #socialmedia li.twitter:before {
	content: "\e61b";
}
#coursepage #whyteesside #socialmedia li.instagram:before {
	content: "\f16d";
}
#coursepage #whyteesside #socialmedia li.snapchat:before {
	content: "\f2ac";
}
#coursepage #whyteesside #socialmedia li a:before {content: " " !important;}

#coursepage #opendays.hpsection.events .row_cell a:not(.btn) {
	height: auto!important;
}

@media (max-width: 720px){
	#coursepage .coursepageheadercontent span {font-weight: normal; display: inline;}
	#coursepage .coursepageheadercontent span:before {content: ", "; margin-left: -8px;}
	#coursepage .row.courseinfo {margin-top: 0;}
	#coursepage .courseinfo .row_cell {padding: 10px; margin:  10px 0;}
	#coursepage .courseinfo .row_cell {border: 1px solid #ccc; border-radius: 8px;}
	#coursepage .courseinfo .row_cell:hover  {transform: scale(1.0);box-shadow: 0 0 0 rgba(0, 0, 0, 0);transition: 0.2s ease-in;}
	#coursepage .courseinfo .row_cell i { display: inline; font-size: 100%; text-align: left!important;}
	#coursepage .courseinfo .row_cell p { text-align: left; font-size: 1.5rem; text-align: left!important; margin-bottom: 0;} 
	#coursepage .courseinfo .formbox form {margin: 5px;}
	#coursepage .courseinfo select { font-size: 100%;}
	#coursepage .courseinfo .formbox::before {
	top: 7%;
	right: 0;
	width: 12%;
	height: 100%;}
}
/* 17 - #Footer Content
================================================== */

.footernav {
	padding: 35px 20px 20px 20px;
	margin: 0 auto;
	background: -webkit-linear-gradient(#ebebeb, #ffffff);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ebebeb, #ffffff);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ebebeb, #ffffff);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#ebebeb, #ffffff);
	/* Standard syntax */
}
.footernav a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
.section_wrapper .breadcrumb {
    margin-top: -10px;
    margin-left: 10px;
}

@media only screen and (max-width: 719px){
    .section_wrapper .breadcrumb {
        display: none;
    }
    .footernav .breadcrumb {
        display: block;
    }
	.footernav .footerlogo {
		display: block;
	}
}
@media only screen and (min-width: 720px){
.footernav .footerlogo {
	display: inline;
	float: right;
	padding-right:20px;
	}
}
.footernav .breadcrumb {
    margin-left: 0;
}


.breadcrumb {
	color: #666;
	font-size: 1.2rem;
}
.breadcrumb a, .breadcrumb li{
	color: #666!important;
}
.breadcrumb li {
	padding: 0px;
	margin: 0 8px 0 0;
    font-size: 1.2rem!important;
}

.breadcrumb li:before {
	display: none!important;
}
.breadcrumb a {
	font-weight: normal;
	margin-right: 5px;
    text-decoration: underline;
    color: #666;
}
#bottommenu {
	clear: both;
}
#bottommenu ul {
	margin: 5px 0 0 0;
	padding: 0;
}
#bottommenu li {
	margin: 5px 9px 5px 0;
	display: block;
	width: 100%;
	border-top: 1px solid #ccc;
	padding: 10px 0 3px 0;
}
#bottommenu li a {
	display: block;
}
footer[role="contentinfo"] {
	background: #000;
	position: relative;
	padding: 3em 20px;
}
footer h2 {
	color: #867537;
	font-weight: normal;
	border-bottom: 3px solid #333;
	padding-bottom: 5px;
}
footer h2 a {
	color: #867537 !important;
    text-decoration: none;
}
footer h3 {
	margin-bottom: 5px;
}
footer h4 {
	font-weight: normal;
    color: white;
    margin-bottom: 0;
}
footer h4.mbro i{
    color:#867537!important;
}

footer h4.london i{
    color:#107293!important;
}
footer a, footer a:visited, footer li {
	color: #fff;
	text-decoration: none!important;
}
footer p a {
	color: #fff!important;
}
footer[role="contentinfo"] a:hover {
	color: #867537 !important;
}
footer p {
	color: #fff;
	font-size: 1.4rem!important;
}
footer hr {
	border: solid #333;
	border-width: 1px 0 0;
	display: block;
}
footer ul {
	margin: 15px 0;
	color: #fff;
}
footer li {
	margin-bottom: 3px;
	font-size: 1.4rem!important;
}
footer ul.inline li {
	display: block;
	float: none;
	border-bottom: 1px solid #333;
	padding-bottom: 7px;
}
footer ul.inline li a {
	display: block;
}
footer ul.social li {
	float: right;
	margin-right: 5px;
}
footer ul.social li a {
	display: inline-block;
	width: 48px;
	height: 48px;
	cursor: pointer;
	background: white;
	border-radius: 50%;
	font-size: 20px;
	color: #1C2126;
	text-align: center;
	line-height: 48px;
	margin-right: 3px;
	margin-bottom: 5px;
}

footer ul.social li a:hover {
	background: #867537;
	color: #ffffff !important;
}

footer ul.social .fa, footer ul.social .fab, footer ul.social .fad, footer ul.social .fal, footer ul.social .far, footer ul.social .fas {
	line-height: inherit;
}
.cd-top {
	display: inline-block;
	height: 35px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	left: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	background: rgba(204, 204, 204, 0.8);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	color: #fff;
	text-align: center;
	padding-top: 5px;
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
	color: #fff;
}
.cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
	color: #fff;
}
.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .5;
}
.no-touch .cd-top:hover {
	background-color: #666;
	opacity: 1;
}
.ukmap{
    max-width: 356px; 
    margin: 0 auto; 
    position: relative;
}

.ukmap .location{
    position: absolute;  
    font-size:150%;
} 

.ukmap .location:hover{ 
    font-size:160%;
}

.ukmap .location.mbro{
    top: 46%; 
    right: 34%;
}

.ukmap .location.london{
    top: 77%; 
    right: 20%;
}

.ukmap .location.mbro i{
    color:#867537!important;
}

.ukmap .location.london I{
    color:#107293!important;
}

.tooltiploc {
  position: relative;
  display: inline-block;
}

.tooltiploc .tooltiploctext {
  visibility: hidden;
  width: 180px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 120%;
  font-size: 12px;
  left: 50%;
  margin-left: -90px;
  opacity: 0;
  line-height: 15px;
  transition: opacity 1s;
}

.tooltiploc.mbro .tooltiploctext{
    background: #867537!important;
}
    
.tooltiploc.london .tooltiploctext{
    background: #107293!important;
}

.tooltiploc:hover .tooltiploctext {
  visibility: visible;
  opacity: 1;
}
.bottom-menu {
    background: #867537!important; 
    padding:20px 0 30px;
}
.bottom-menu li{
    margin: 0 6px!important;
    font-size: 12px!important;
    color: white;
    float:right;
}
.bottom-menu li:first-child{
    margin-right:15px!important;
}
.bottom-menu li a{
    color: white;
    text-decoration: none;
    border-bottom: 1px solid white;
}
.bottom-menu li a:hover{
    opacity: 0.8;
}
.interest{
    background: #D7DCDE;
    padding: 10px 0 20px 0;
}
.interest .be-related-link-container{
    margin: 0;
}
.interest .be-label{
    color: black!important;
}
.interest .be-list a.be-related-link{
    color: black!important;
    font-size: 12px!important;
    text-decoration: none;
    border-bottom: 1px solid black;
}
.interest a.be-related-link:hover{
    opacity: 0.8;
    text-decoration: none!important;
}
.footer-logo{
    display:block; 
    margin:30px 0; 
    text-align: right;
}
@media only screen and (min-width: 768px) {
	.cd-top {
		left: 20px;
		bottom: 20px;
	}
	footer ul.inline li {
		margin-top: 0px;
		padding-bottom: 0px;
	}
}
@media only screen and (min-width: 1024px) {
	.cd-top {
		height: 45px;
		width: 60px;
		left: 30px;
		bottom: 30px;
		padding-top: 15px;
	}
}
@media screen and (max-width: 44.99em) {
    footer h4, footer p {
        text-align: center;
    }
    footer ul.social {
        text-align: center;
    }
    footer ul.social li {
        float: none;
        text-align: center;
        display:inline-block;
    }
    .footer-logo{ 
        text-align: center;
    }
    .bottom-menu ul, .interest ul, .be-ix-link-block .be-related-link-container .be-label {
        text-align: center;
    }

    .bottom-menu ul li, .interest ul li {
        text-align: center;
        display: block;
        float: none;
        line-height: 30px;
    }
}


/* 18 - #Media Queries
================================================== */

/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - desktop (default grid)
   1024-768    - tablet landscape
   768-480     - tablet 
   480-less    - phone landscape & smaller
--------------------------------------------*/

@media only screen and (min-width: 20em) {
	/* 320 =================================================== */
	.intro {
		padding: 20px 5px;
		background: #fff;
	}
	.pagecontent {
		padding: 20px;
		background: #f8f8f8;
	}
	.pagetextwrap {
		margin-top: -30px;
		margin-bottom: -44px;
		padding-left: 0;
		padding-right: 0;
	}
	.pagetextwrapnomenu {
		margin-top: 0px;
	}
	.pagetext {
		background: #fff;
		padding: 20px;
		margin-top: -10px;
		box-sizing: border-box;
	}
	.addthis_toolbox {
		display: none;
	}
	#top-headerlinks {
		display: none;
	}
}
@media only screen and (min-width: 30em) {
	/* 480 =================================================== */
	.intro {
		margin: 0 auto;
	}
	.pagecontent {
		margin: 0 auto;
	}
	.box {
		background: #fff;
		width: 92%;
	}
	#bottommenu li {
		margin: 0 25px 5px 0;
		width: auto;
		border: 0;
	}
	.pagetext {
		margin-top: -40px;
	}
	.pagetextwrap {
		margin-bottom: -44px;
	}
}
@media only screen and (min-width: 40em) {
	/* 640 =================================================== */
	.boxout {
		float: right;
		width: 33%;
		margin-left: 2%;
		clear: right;
	}
	.boxout.boxoutvideo{
		width: 350px !important; 
		padding: 0 !important;
	}
	.boxout img {
		display: block
	}
	.addthis_toolbox {
		float: left;
		display: block;
	}
	.postboximage {
		float: left;
		margin-right: 20px;
	}
	.pullfact ol {
		margin-right: 270px;
	}
	footer ul li,
	footer ul.inline li {
		float: left;
		border-bottom: 0 solid #333;
	}
	ol.progtrckr {
		padding-bottom: 50px;
	}
	ol.progtrckr li {
		display: inline-block;
		text-align: center;
		line-height: 3em;
		background: none;
	}
	ol.progtrckr li.progtrckr-done {
		border-bottom: 4px solid #867537;
	}
	ol.progtrckr li.progtrckr-todo {
		border-bottom: 4px solid #ccc;
	}
	ol.progtrckr[data-progtrckr-steps="2"] li {
		width: 49%;
	}
	ol.progtrckr[data-progtrckr-steps="3"] li {
		width: 32%;
	}
	ol.progtrckr[data-progtrckr-steps="4"] li {
		width: 23%;
	}
	ol.progtrckr[data-progtrckr-steps="5"] li {
		width: 19%;
	}
	ol.progtrckr[data-progtrckr-steps="6"] li {
		width: 16%;
	}
	ol.progtrckr[data-progtrckr-steps="7"] li {
		width: 14%;
	}
	ol.progtrckr[data-progtrckr-steps="8"] li {
		width: 12%;
	}
	ol.progtrckr[data-progtrckr-steps="9"] li {
		width: 11%;
	}
	ol.progtrckr li:before {
		position: relative;
		bottom: -2.5em;
		float: left;
		left: 50%;
		line-height: 1em;
	}
	ol.progtrckr li.progtrckr-todo:before {
		bottom: -1.6em;
		background: #f8f8f8;
		margin: 0;
	}
	form {
		margin: 0 0 10px 0;
	}
	form > div > label,
	legend {
		width: 25%;
		float: left;
		padding-right: 10px;
		padding-top: 13px;
		margin: 0 0 0 0;
		clear: both;
	}
	form > div > div,
	form > div > fieldset > div {
		width: 72%;
		float: right;
	}
	.coursesearch form > div > label,
	legend {
		text-align: right;
	}
	input[type=text],
	input[type=email],
	input[type=url],
	input[type=password],
	input[type=date],
	input[type=time],
	input[type=tel],
	textarea,
	select {
		width: 35%;
		margin-bottom: 5px;
	}
    .coursesearch input[type=text], .coursesearch select{
        width: 55%!important;
        box-sizing: border-box;
    }
    .coursesearch .btn{
        width: auto;
    }
	.news .sharetools .addthis_sharing_toolbox {
		float: right;
	}
	.news .sharetools a.tab {
		float: right;
	}
	.hpheroimagetext h1 {
		font-size: 250%;
	}
	.row.noflex {
		display: block;
	}
	.row.noflex .row_cell_reponsive {
		float: left;
		width: 49.5%;
	}
	.row.noflex .row_cell_reponsive:last-child {
		display: block;
	}
	.row.noflex .row_cell_reponsive:nth-child(even) {
		margin-right: 0;
	}
}
@media only screen and (min-width: 45em) {
	/* 720 =================================================== */
	header[role="banner"] {
		border-top: 0px solid #867537;
		padding: 0;
		overflow: hidden;
	}
	.header_wrapper {
		position: fixed;
		height: auto;
		z-index: 10000;
		background: #fff;
		padding: 10px 0;
		border-bottom: 1px solid #ebebeb;
	}
	#headerlinks, #top-headerlinks{
		display: block;
	}
	/*.searchbox {right:0px}*/
	.intro {
		background: #fff;
		border-top: 1px solid #fff;
		margin-top: 93px;
		padding-left: 20px;
	}
	.pagecontent {
		background: #f8f8f8;
		margin-top: 95px;
	}
	.pagetextwrap {
		margin-top: -55px;
		margin-bottom: -20px;
	}
	.pagetextwrapnomenu {
		margin-top: 35px;
	}
	.pagetext {
		padding: 50px 20px 20px 20px;
		margin-top: 0px;
		box-sizing: border-box;
	}
	.outer-div {
		padding: 0;
		text-align: center;
	}
	.inner-div {
		display: inline-block;
		padding: 0;
	}
	.flexNav-touch[role='navigation'],
	.flexNav-no-touch[role='navigation'] {
		display: block!important;
	}
	[role='navigation'] {
		position: absolute;
		top: 20px;
		right: 0;
		background: none;
		z-index: 0;
		margin: 0;
		width: 70%;
        display: block!important;
	}
	.menu-button {
		display: none;
	}
	[role="navigation"] .searchlist {
		display: block;
		float: right;
	}
	[role="navigation"] ul.mobile {
		display: none;
	}
	[role="navigation"] li a:after {
		display: none;
	}
	[role='navigation'] ul {
		float: left;
		margin: 18px 10px 0 0;
	}
	[role='navigation'] li {
		position: relative;
		list-style: none;
		float: left;
		display: block;
		color: #414142;
		width: auto;
		padding: 0px 5px;
		margin: 0 4px;
		background: #fff;
		font: bold 1.1em Arial, Helvetica, sans-serif;
		z-index: 1;
	}
	[role='navigation'] li.last {
		border-right: 0px;
	}
	[role="navigation"] .top-level a {
		background: none;
		color: #333;
		padding: 0 0 5px 0;
	}
    
    [role="navigation"] .top-level > a {
		font-size: 1.8rem;
	}
	[role="navigation"] .top-level a.study:hover {
		border-bottom: 3px solid #867537;
	}
	[role="navigation"] .top-level a.study.active {
		border-bottom: 3px solid #867537;
		color: #867537;
		border-left: 0;
	}
	[role="navigation"] .top-level a.business:hover {
		border-bottom: 3px solid #000;
	}
	[role="navigation"] .top-level a.business.active {
		border-bottom: 3px solid #000;
	}
	[role="navigation"] .top-level a.research:hover {
		border-bottom: 3px solid #867537;
	}
	[role="navigation"] .top-level a.research.active {
		border-bottom: 3px solid #867537;
		border-left: 0;
	}
	[role="navigation"] .top-level a.about:hover {
		border-bottom: 3px solid #867537;
	}
	[role="navigation"] .top-level a.about.active {
		border-bottom: 3px solid #867537;
		color: #867537;
		border-left: 0;
	}
	[role="navigation"] .top-level a.alumni:hover {
		border-bottom: 3px solid #867537;
	}
	[role="navigation"] .top-level a.alumni.active {
		border-bottom: 3px solid #867537;
		color: #867537;
		border-left: 0;
	}
	[role='navigation'] li a {
		border-left: none;
		border-bottom: none;
	}
	[role="navigation"] ul li .submenu {
		position: absolute;
		top: 23px;
		padding: 27px 0;
		display: none;
		opacity: 0;
		visibility: hidden;
	}
	[role="navigation"] ul li:hover .submenu {
		display: block;
		opacity: 1;
		visibility: visible;
	}
	/*[role="navigation"] ul li .pos1 {margin-left: -201px;}
[role="navigation"] ul li .pos2 {margin-left: -299px;}
[role="navigation"] ul li .pos3 {margin-left: -385px;}
[role="navigation"] ul li .pos4 {margin-left: -472px;}
[role="navigation"] ul li .pos5 {margin-left: -557px;}*/
	[role="navigation"] ul li ul {
		padding: 0 20px 20px 20px;
		background: rgba(255, 255, 255, .8);
		border: 1px solid #ebebeb;
		border-top: none;
		width: 610px;
		margin: 0;
	}
	[role="navigation"] ul li ul li {
		padding-top: 10px;
		background: #fff;
		float: none;
	}
	[role="navigation"] ul li ul li ul {
		margin: 0;
		padding: 5px 15px;
		border: 0px;
		float: left;
		width: 42%;
	}
	[role="navigation"] ul li ul li ul li {
		font-size: 1.5rem;
		line-height: 1.3em;
	}
	[role="navigation"] ul li ul li ul li a {
		display: inline;
		border-bottom: 1px solid #ebebeb;
	}
	[role="navigation"] ul li ul li ul li a:hover {
		color: #867537
	}
	[role="navigation"] ul li ul li ul li a:after {
		color: #867537;
		content: "\f054";
		font-family: "Font Awesome 6 Pro";
		float: right;
		padding-left: 30px;
		display: block;
	}
	[role="navigation"] ul li ul li ul li.search a:after {
		content: "\f002";
	}
	[role="navigation"] ul li ul li ul li.calendar a:after {
		content: "\f133";
	}
	[role="navigation"] ul li ul li ul li.news a:after {
		content: "\f15c";
	}
	[role="navigation"] ul li ul li ul li.contact a:after {
		content: "\f095";
	}
	[role="navigation"] ul li ul li ul li.uni a:after {
		content: "\f19c";
	}
	[role="navigation"] ul li ul li ul.cta {
		width: 35%;
	}
	[role="navigation"] ul li ul li ul.cta li a {
		background: #867537;
		color: #fff;
		padding: 10px;
	}
	[role="navigation"] ul li ul li ul.cta li a:hover {
		background: #CCC;
		color: #333;
	}
	[role="navigation"] ul li ul li ul.cta li a:hover:after {
		color: #333;
	}
	[role="navigation"] ul li ul li ul.cta li a:after {
		color: #fff;
	}
	[role="navigation"] ul li ul li ul.institutes {
		width: 45%;
	}
	a.nav-toggle {
		display: none;
	}
	nav.cmn-tile-nav {
		display: block;
	}
	#sectionmenu ul,
	#sectionmenu li,
	#sectionmenu span,
	#sectionmenu a {
		margin: 0;
		padding: 0;
		position: relative;
	}
	#sectionmenu {
		background: #ebebeb;
		padding: 10px 0;
		margin: -17px 0 0 0;
		position: fixed;
		z-index: 8000;
		max-width: 1224px;
		width: 100%;
		border-bottom: 1px solid #ccc;
        /*
        border-left: 1px solid white;
        border-right: 1px solid white;*/
	}
	#sectionmenu a, #sectionmenu ul li ul li a {
		display: inline;
		color: #333;
		margin: 0;
        padding: 0 14px 0 10px;
	}
    
    #sectionmenu ul > li > a, #sectionmenu ul > li > ul > li > a{
		font-size: 1.2rem;
	}
	#sectionmenu a:after {
		background: #867537;
        height: 12px;
        margin-top: 9px;
        width: 1px;
        content: " ";
        opacity: 0.5;
	}
	#sectionmenu ul a.sectiontitle {
		color: #333 !important;
	}
	#sectionmenu ul {
		list-style: none;
		position: relative;
		padding-right: 130px;
	}
	#sectionmenu > ul {
		text-align: right;
        padding-right: 0;
	}
	#sectionmenu > ul > li {
		display: inline-block;
		line-height: 2em;
	}
    #sectionmenu > ul > li:first-child {
        float: left;
        padding-left: 10px;
        font-weight: bold;
    }
	#sectionmenu > ul > li a.active:after {
		content: "\f078";
	}
	#sectionmenu > ul > li:hover > a:after {
		content: "\f078";
	}
	#sectionmenu > ul > li:hover > a.sectiontitle:after {
		content: "";
	}
    #sectionmenu li li a:after, #sectionmenu ul > li:first-child a:after, #sectionmenu ul > li:last-child a:after{
        display:none;
    }
    
    #sectionmenu > ul > li:hover > a:after, #sectionmenu a.select:after{
        content: " ";
    }
	#sectionmenu .has-sub {
		position: relative;
		margin-top: 3px;
        text-decoration: none;
	}
	#sectionmenu > ul > li > ul {
		margin-top: 24px;
		opacity: 0;
		visibility: hidden;
		padding: 15px 10px 10px 10px;
		background-color: #ebebeb;
		text-align: right;
		position: absolute;
		top: 0;
		right: 0;
		width: 220px;
		margin-left: 0;
        font-size: 1.4rem;
	}
	#sectionmenu > ul > li:hover > ul {
		opacity: 1;
		visibility: visible;
		z-index: 6000;
	}
	#sectionmenu > ul > li:hover > ul > li {
		font-size: 90%
	}
	#sectionmenu > ul > li:hover > ul > li a {
		padding: 8px;
		border-bottom: 1px solid #ccc;
		margin-left: 0;
	}
	#sectionmenu > ul > li:hover > ul > li a:hover:after {
		content: "\f078";
	}
	#sectionmenu > ul > li:hover > ul > li a {
		font-size: 100%;
		display: block;
	}
	#sectionmenu > ul > li:hover > ul > li a.select {
		font-weight: bold;
		color: #666;
	}
	#sectionmenu > ul > li:hover > ul > li a.select:after {
		content: "\f078";
	}
	#sectionmenu > ul > li:hover > ul > li:last-of-type a {
		border-bottom: 0;
	}
	[role='navigation'] ul {
		float: none;
		margin-right: 0px;
	}
	[role='navigation'] li {
		padding: 0px 5px;
		font: bold 1.2em Arial, Helvetica, sans-serif;
	}
	[role="navigation"] ul li .submenu {
		font: bold 0.9em Arial, Helvetica, sans-serif;
	}
	[role="navigation"] ul li .pos1 {
		margin-left: -221px;
	}
	[role="navigation"] ul li .pos2 {
		margin-left: -326px;
	}
	[role="navigation"] ul li .pos3 {
		margin-left: -419px;
	}
	[role="navigation"] ul li .pos4 {
		margin-left: -512px;
	}
	[role="navigation"] ul li .pos5 {
		margin-left: -603px;
	}
	[role="navigation"] ul li ul {
		width: 670px;
	}
	[role="navigation"] ul li ul li ul {
		width: 45%;
	}
	[role="navigation"] ul li ul li ul.cta {
		width: 40%;
	}
	[role="navigation"] ul li ul li ul.institutes {
		width: 45%;
	}
	.sidebar {
		border-left: 1px solid #ebebeb;
		padding: 10px;
		box-sizing: border-box;
	}
	.sidebar.four {
		width: 25%;
	}
	.sidebar img {
		display: block;
	}
	.coverimages {
		display: block
	}
	.imggallerypage {
		padding: 5px;	
	}
	.quote .quoteimage{
		margin: 5px 0 15px 15px;
		float: right;
	}
	.factbox img {
		display: block;
		margin-right: 9px;
		position: absolute;
		left: 0;
	}
	.factbox p {
		padding: 10px 15px;
		display: block;
		margin-left: 200px;
		min-height: 80px;
		_height: 80px;
		background: #ebebeb;
		font-weight: bold;
	}
	.fosbox {
		border-top: 5px solid #867537;
		margin-right: 20px;
	}
	.fosbox a {
		min-height: 80px;
		_height: 80px;
	}
	.fosbox a:after {
		content: "";
	}
	.profilestudent {
		width: 48%;
		float: left;
	}
	.profilestudent.first {
		border-right: 1px solid #ebebeb;
		padding-right: 15px;
		margin-right: 5px;
	}
	div#fosfactfile img {
		display: block;
	}
	.fostitle {
		padding-right: 0;
	}
	.tabContentText .boxout {
		display: block;
		background: #ebebeb;
		padding: 2px 10px 0 10px;
		width: 190px;
	}
	.tabContentText .boxout ul {
		background: #fff;
		padding-top: 5px;
		padding-bottom: 10px;
	}
	.tabContentText .boxout li {
		border-bottom: 1px solid #ebebeb;
		margin: 10px 5px;
		padding-bottom: 5px;
	}
	.tabContentText .boxout h3 {
		margin: 10px 0;
	}
	div#courseinfo {
		display: block;
	}
	.hpcarousel .section {
		position: absolute;
		display: inline;
		padding: 12px 15px 8px 15px;
		bottom: 0;
		right: 0;
		z-index: 600;
		background-color: #867537;
	}
	.hpcarousel .section a {
		color: #fff;
		font-weight: bold;
		font-size: 80%;
	}
	.hpcarousel p.hpcarouselintro {
		display: block;
	}
	.hpstudy .one {
		display: block;
	}
	.hpopendays {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.hpopendays .columns {
		margin-top: -15px;
		border-right: 1px dashed #fff;
		border-bottom: 0;
	}
	.hpopendays .columns:last-child {
		border-right: 0px dashed #fff;
	}
	.hpnewsevents {
		margin-bottom: 0px;
	}
	.hpnewsevents img {
		float: left;
		margin: 0 20px 20px 0;
	}
	.hpnews {
		padding-top: 40px;
	}
	.hpnews img {
		display: inherit;
	}
	.hpnewsevents .events {
		padding-bottom: 60px;
	}
	.news .sharetools a.tab {
		float: left;
		font-size: 80%;
		padding: 0 5px;
		margin-right: 20px;
	}
	.hpnews p span,
	.hpnewsevents p span,
    .hpnews p.date,
    .hpnewsevents p.date{
		display: block;
		font-size: 90%;
	}
	.hpnews p span:before,
	.hpnewsevents p span:before,
    .hpnews p.date:before,
    .hpnewsevents p.date:before{
		content: "\f017";
		font-family: "Font Awesome 6 Pro";
		display: block;
		float: left;
		padding-right: 5px;
	}
	.hpnewsevents article p,
	.hpnews article p {
		text-align: left;
	}
	.hpnewsevents .button,
	.hpnews .button {
		margin-top: 40px;
	}
	.hpnewsevents h3,
	.hpnewsevents h3 a {
		padding-top: 0;
		margin-bottom: 10px;
	}
	.hpnewsevents h3 a {
		border-left: 3px solid #867537;
		padding-left: 10px;
		min-height: 40px;
	}
	.hpnewsevents .business h3 a {
		border-left: 3px solid #000;
	}
	.hpnewsevents .research h3 a {
		border-left: 3px solid #8d941e;
	}
	.hpaudience .four {
		position: relative;
		margin-bottom: 15px;
		background: #000;
	}
	.hpaudience img {
		display: block;
	}
	.hpaudience .buttontext {
		position: absolute;
		display: inline;
		left: 0;
		bottom: 0;
		width: 100%;
		text-align: center;
		z-index: 500;
	}
    
    .hpaudience .buttontext .btn{
		opacity: 0.9;
	}

	.hpaudience .button {
		background-color: rgba(224, 107, 11, 0.9);
	}
	.hpaudience .button:hover {
		background-color: rgba(0, 0, 0, 0.7);
	}
	/*.hpaudience .columns:hover img { opacity: 0.5; filter: alpha(opacity=50); }*/
	.hpaudience .section_wrapper {
		text-align: center;
	}
	.hpaudience .column,
	.hpsection.hpaudience .columns {
		float: none;
		display: inline-block;
	}
	.dashboardbox .staffheaderlogo {
		width: 84%;
	}
	.dashboardbox .staffheadertitle {
		width: 16%;
	}
	.HPlogos li {
		float: left;
	}
	.hpintro {
		padding-bottom: 0;
	}
	.hpintro p {
		margin-right: 300px;
	}
	#studentfutures .hpimagecontent {
		margin-top: -40px;
		padding-bottom: 100px;
	}
	#studentfutures .pageheader {
		padding-top: 100px;
	}
	#studentfutures .pageheader img.icon {
		width: 100%;
		padding: 0;
		margin-bottom: 0;
	}
	#studentfutures .hpopendays,
	.hpopendays.contactus {
		padding-bottom: 40px;
	}
	#studentfutures .pageheader ul.cta li {
		width: auto;
	}
	#studentfutures .pageheader ul.cta li a.button {
		display: inline-block;
	}
	#studentfutures .sidebar h2 {
		padding-top: 10px
	}
	#studentfutures .sidebar .five img {
		width: 100%;
		padding: 0;
	}
	#studentfutures .sidebar a img {
		width: 100%;
	}
	#studentfutures #contact h2 {
		margin-top: 0;
	}
	#coursepage .flex {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		margin-bottom: 30px;
	}
	#coursepage .flex .col {
		position: relative;
		flex-grow: 1;
	}
	#coursepage ul.accordianinteractive li .interactivecontentcontainer {
		padding: 0 5px;
	}
	#coursepage ul.accordianinteractive li .five,
	#coursepage ul.accordianinteractive li .eight {
		border-bottom: 0 solid #ebebeb;
	}
	ul.accordianinteractive li .courseprofileimg {
		float: left;
	}
	/*
#coursepage #courseinfo .flex .col { display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
} */
	#courseuspcontent.row {
		display: flex;
		margin: 0 10px 10px 10px;
		width: 98%;
		text-align: center;
		background: #f3f3f3;
	}
	#courseuspcontent.row .col {
		flex: 1;
	}
	#courseuspcontent.row .content {
		display: flex;
		flex-direction: column;
	}
	#jobs .hpimagecontent {
		padding-top: 220px;
		padding-bottom: 120px;
	}
	#jobs .image2 {
		padding-top: 120px;
		padding-bottom: 150px;
	}
	#jobs .hpimagecontent .button {
		display: inline;
		width: auto;
	}
	#jobs h1.large {
		font-size: 4em;
	}
	#news .flex {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		margin-bottom: 30px;
	}
	#news .flex .col {
		position: relative;
		flex: 1;
	}
	#openday .hpimagecontent {
		padding-top: 50px;
	}
	#openday .hpimagecontent h1 span {
		font-size: 125%;
	}
	#openday .hpimagecontent h2 {
		font-size: 200%;
	}
	#openday .hpimagecontent h2 {
		font-size: 180%;
	}
	#openday .hpimagecontent p,
	#openday .hpimagecontent li {
		font-size: 140%;
	}
	#openday .opendaycontainer {
		padding: 60px 50px 0 50px;
	}
	#openday .hpimagecontent h1 {
		padding-top: 0;
		margin-top: 0;
	}
	#openday .opendaycontainer2 {
		padding: 50px 50px 0 50px;
	}
	#openday .hpimagecontent p.desktop {
		display: block;
	}
	#countdown {
		margin-bottom: 0;
		background: none;
		padding-top: 10px;
	}
	.countdownNumber {
		padding-top: 20px;
		font-size: 220%;
	}
	.hpheroimage {
		padding-bottom: 40px;
		min-height: 450px;
	}
	.hpheroimage.hasmenu {
		margin-top: -90px;
		padding-top: 200px;
	}
	.hpheroimagetext h1 {
		font-size: 300%;
		margin-top: 120px;
	}
	.hpheroimagetext h1 span {
		display: inline;
		margin-left: 10px;
	}
	.hpheroimagetext p {
		font-size: 140%;
	}
	.hpheroimagetext .button {
		display: inline;
		margin-bottom: 0;
	}
	.hpheroimagetextCTA a {
		padding: 50px;
	}
	.staffprofile {
		margin-top: 20px;
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 4%;
		border: 1px solid #ebebeb;
		margin-bottom: 20px;
	}
	.row {
		display: flex;
	}
	.row_cell {
		flex: 1
	}
	.row_cell--2 {
		flex: 2
	}
	.row_cell--3 {
		flex: 3
	}
	.row_cell--4 {
		flex: 4
	}
	.row_cell--5 {
		flex: 5;
	}
	.row_cell--top {
		align-self: flex-start
	}
	.row_cell--bottom {
		align-self: flex-end
	}
	.row_cell--center {
		align-self: center
	}
	.row--top {
		align-items: flex-start
	}
	.row--center {
		align-items: center
	}
	.row--bottom {
		align-items: flex-end
	}
	.row_cell {
		margin: 5px 10px;
	}
	.iconblock .row_cell {
		margin: 5px;
	}
	.hpsection.fullwidth .row_cell {
		margin: 3px 5px 3px 0;
        padding: 0;
	}
	.hpsection.fullwidth .row_cell:last-child {
		margin-right: 0;
	}
	.row_cell a.button {
		display: inline-block;
	}
	.row_cell h2.row_title {
		font-size: 250%
	}
	.row_cell .largetext {
		font-size: 30px;
		line-height: 34px;
	}
	
	
	.row_cell_video {
		width: 70% ; 
		margin: 0 auto;
	}
	.campustour iframe {
		height: 600px;
	}
	
	p.text_center .imglogo {
		float: none;
	}
}
@media screen and (max-width: 55.49em) {
	#coursepage .coursepageheadercontent li,
	#coursepage .coursepageheadercontent a {
		width: 100%;
	}
    
    #coursepage .coursepageheadercontent h1 {
        font-size: 2.8rem;
	}
}
@media screen and (max-width: 55.4em) {
	.tabContentText .boxout.boxoutvideo .videoWrapperdetails {
		background: #666;
	}
	.tabContentText .boxout.boxoutvideo .videoWrapperdetails h2,
	.tabContentText .boxout.boxoutvideo .videoWrapperdetails h3,
	.tabContentText .boxout.boxoutvideo .videoWrapperdetails p
	{
		color: #fff;
	}
}
@media screen and (min-width: 55.5em) {
	/* 888 =================================================== */
	h4 {
		font-size: 120%;
	}
	.addthis_toolbox {
		margin-top: -5px;
		float: right;
	}
	[role='navigation'] li {
		padding: 0px 15px;
		font: bold 1.4em Arial, Helvetica, sans-serif;
	}
	[role="navigation"] ul li .submenu {
		font: bold 0.7em Arial, Helvetica, sans-serif;
	}
	[role="navigation"] ul li .pos1 {
		margin-left: -281px;
	}
	[role="navigation"] ul li .pos2 {
		margin-left: -420px;
	}
	[role="navigation"] ul li .pos3 {
		margin-left: -546px;
	}
	[role="navigation"] ul li .pos4 {
		margin-left: -672px;
	}
	[role="navigation"] ul li .pos5 {
		margin-left: -795px;
	}
	[role='navigation'] img {
		display: block;
		float: left;
		width: 180px;
		margin-top: 15px;
	}
	[role="navigation"] ul li ul {
		width: 840px;
	}
	[role="navigation"] ul li ul li ul {
		padding: 5px 0;
		width: 37%;
	}
	[role="navigation"] ul li ul li ul.cta {
		width: 32%;
	}
	[role="navigation"] ul li ul li ul.institutes {
		width: 40%;
	}
	.sidebar .postboxcontent h3 a:after {
		content: "\f054";
		font-family: "Font Awesome 6 Pro";
		float: right;
		padding-left: 10px;
		padding-top: 3px;
		font-size: 80%;
	}
	.fosheader {
		font-size: 90%;
		font-weight: bold;
		color: #fff;
		position: absolute;
		display: inline;
		top: 0px;
		right: 0px;
		padding: 10px;
		text-align: right;
		border-bottom: 2px solid #fff;
		border-left: 2px solid #fff;
		z-index: 10;
	}
	.fosheader a {
		color: #fff;
	}
	.fosheader span {
		font-weight: normal;
	}
	.hpsection.nomargin {
		margin-top: -40px;
	}
	.boxout.boxoutvideo{
		width: 500px !important; 
	}
	#coursepage .coursepageheader {
		padding-top: 55px;
		margin-bottom: -25px;
	}
	#coursepage .coursepageheadercontent {
		position: absolute;
		display: inline;
		background: rgba(0, 0, 0, 0.4);
		z-index: 10;
		width: 100%;
		left: 0;
		bottom: 0;
		padding: 0;
	}
    
	#coursepage .coursepageheadercontent h1 {
		color: #fff !important;
		margin-top: 18%;
		padding: 0 10px;
        font-size: 3.2rem;
	}
	#coursepage .coursepageheadercontent p, #coursepage .coursepageheadercontent h4 {
		color: #fff;
		text-align: left;
		padding: 0 10px;
	}
	#coursepage .coursepageheadercontent ul li {
		display: inline;
		padding-left: 10px;
	}
	#coursepage .container {
		margin-top: 0;
	}
	#coursepage .coursetab{
		margin: 3px; 
		font-size: 100%;
	}
	#coursepage .tabs-nav {
		background: #666666;
		min-height: 57px;
		margin: 0;
	}
	#coursepage .tabs-nav li {
		position: relative;
		margin-left: 10px;
	}
	#coursepage .tabs-nav li {
		padding: 20px 20px 15px 20px;
		margin: 0 10px 0 5px;
		background: none;
		border: 0;
		color: #fff;
		font-size: 120%;
		font-weight: normal;
	}
	#coursepage .tabs-nav li:before {
		color: #fff;
		font-size: 90%;
	}
	#coursepage .tabs-nav li:hover {
		border-bottom: 5px solid #867537;
	}
	#coursepage .tabs-nav li.current {
		background: none;
		border: 0;
		border-bottom: 5px solid #867537;
	}
	#coursepage .tabs-nav li.current:before {
		color: white;
	}
	#coursepage .tab-inner {
		padding: 20px;
	}
	#coursepage .tab-inner h2 {
		margin-bottom: 40px;
	}
	#coursepage .tab-inner h3 {
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #e3e3e3;
	}
	#coursepage #courselinks img {
		display: block;
		width: 32px;
        margin-top: 0;
	}
	#coursepage .hpopendays {
		background: #867537;
	}
	#coursepage #notifications li {
		font-size: 140%;
		line-height: 120%;
	}
	#coursepage #notifications li:before {
		font-size: 160%;
	}
	#coursedetails {
		padding: 0;
		margin: -10px 0 0 0;
	}
	#coursepage .hpsection.nomargin {
		margin-top: -40px;
	}
	.kishorizontal {
		display: block;
	}
	.kisvertical {
		display: none;
	}
	#news #socialmedia li {
		float: left;
		margin-right: 30px;
		border: 0;
	}
	#openday .hpimagecontent h1 {
		font-size: 300%;
	}
	.countdownNumber {
		font-size: 280%;
	}
	#jobs .flex {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
	}
	#jobs .flex .col {
		position: relative;
		flex: 1;
	}
	.row_cell h2.row_title {
		font-size: 280%
	}
	.iconblock .row_cell h2 {
		font-size: 200%;
	}
		
	.row_cell_video {
		width: 50% ; 
	}
	.row_cell p a.btn {
		display: inline-block;
	}
    
}
@media only screen and (min-width: 61.5em) {
	/* 984 =================================================== */
	[role="navigation"] ul li .pos1 {
		margin-left: -301px;
	}
	[role="navigation"] ul li .pos2 {
		margin-left: -440px;
	}
	[role="navigation"] ul li .pos3 {
		margin-left: -566px;
	}
	[role="navigation"] ul li .pos4 {
		margin-left: -692px;
	}
	[role="navigation"] ul li .pos5 {
		margin-left: -815px;
	}
	[role="navigation"] ul li ul {
		width: 920px;
	}
	[role="navigation"] ul li ul li ul {
		width: 35%;
	}
	[role="navigation"] ul li ul li ul.institutes {
		width: 43%;
	}
	.sidebar .postboxcontent p a {
		display: inline
	}

     
}
@media only screen and (min-width: 55.5em) and (max-width: 75em){
    #coursepage .coursepageheader:before{
        position: absolute;
        height: 100%;
        width: 100%;
        bottom: 0;
        content: '';
        background: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 22%, rgba(0, 0, 0, 0.6) 42%, rgba(0, 0, 0, 0.7) 60%);
    }
}

@media only screen and (min-width: 75em) {
	/* 1200 =================================================== */
	form > div > label,
	legend {
		text-align: right;
	}
	[role="navigation"] ul li .pos1 {
		margin-left: -362px;
	}
	[role="navigation"] ul li .pos2 {
		margin-left: -501px;
	}
	[role="navigation"] ul li .pos3 {
		margin-left: -626px;
	}
	[role="navigation"] ul li .pos4 {
		margin-left: -753px;
	}
	[role="navigation"] ul li .pos5 {
		margin-left: -876px;
	}
	[role='navigation'] img {
		display: block;
		float: left;
		width: 300px;
	}
	[role="navigation"] ul li ul {
		width: 1100px;
	}
	[role="navigation"] ul li ul li ul {
		padding: 5px 20px;
		width: 28%;
	}
	[role="navigation"] ul li ul li ul.cta {
		width: 25%;
	}
	[role="navigation"] ul li ul li ul.institutes {
		width: 36%;
	}
	/*.pagetextwrap {padding-left:20px }*/
	.HPlogos img {
		padding: 0 30px;
	}
	#coursepage .coursepageheader {
		padding-top: 0;
	}
    #coursepage .coursepageheader:before{
        position: absolute;
        height: 100%;
        width: 100%;
        content: '';
      background: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 22%, rgba(0, 0, 0, 0.6) 42%, rgba(0, 0, 0, 0.7) 60%);  
    }
	#studentfutures .arrow-down {
		margin-top: -20px;
	}
	#openday .hpimagecontent {
		padding-top: 150px;
	}
	#openday .hpimagecontent h1 span {
		font-size: 155%;
	}
	.iconblock .row_cell h2 {
		font-size: 230%;
	}
	.row.noflex {
		display: flex;
	}
	.row.noflex .row_cell_reponsive:nth-child(even) {
		margin-right: 5px;
	}
	
	.row_cell .largetext {
		font-size: 40px;
		line-height: 44px;
	}
	.row_cell .mediumtext {
		font-size: 25px;
		line-height: 30px;
	}
	/*.row_cell .overlay .description {bottom: 0;}*/
    #sectionmenu ul > li > a, #sectionmenu ul > li > ul > li > a{
		font-size: 1.4rem;
	}
    #sectionmenu > ul > li > ul {
        font-size: 1.6rem;
    }
	#coursepage .tabs-nav li{
		margin: 0 50px 0 5px;
	}
}


@media only screen and (min-width: 87em) {
	/* 1392 =================================================== */
	header .pagecontent p {
		font-size: 130%;
	}
	.hpintro p {
		margin-right: 0;
	}
	#jobs .hpboxes .item h3 {
		font-size: 130%;
	}
	#coursepage .coursepageheadercontent {
		background: linear-gradient(rgba(0, 0, 0, 0), black);
		padding-bottom: 40px;
	}
	#coursepage .coursepageheadercontent h1 {
		margin-top: 5%;
	}
	#coursepage .row.courseinfo {
		margin-top: -70px; 
	}
	.boxout.boxoutvideo{
		margin-right: -80px; 
	}
	/*.row_cell .overlay .description {bottom: 0%;}*/
}
@media only screen and (min-width: 94em) {
	/* 1488 =================================================== */
	/*.row_cell .overlay .description {bottom: 25%;}*/
}
@media only screen and (min-width: 112em) {
	/* 1800 =================================================== */
	#coursepage .coursepageheadercontent h1 {
		margin-top: 15%;
		font-size: 3.2rem;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
	/* 2x =================================================== */
}
/*-------------------------------------------------------*\
	#BOXOUT-PROFILE 
	Image to the left and text to the right.
	Background the same colour as the school.
\*-------------------------------------------------------*/

.postbox-profile {
	background: #00aaad;
	color: #fff;
	margin-bottom: 20px;
}
.postbox-profile-img {
	width: 65%;
	float: left;
}
@media (max-width: 992px) {
	.postbox-profile-img {
		width: 100%;
		float: left;
	}
}
.postbox-profile-heading {
	color: #fff!important;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
}
.postbox-profile-text {
	float: left;
	width: 29%;
	margin: 20px 3% 0 3%;
	margin-top: 20px;
}
@media (max-width: 992px) {
	.postbox-profile-text {
		float: left;
		width: 90%;
		margin: 10px 5% 5% 5%;
	}
}
.postbox-profile-text p {
	margin-bottom: 0;
}
.postbox-profile-text p a {
	color: #00abed;
	background: #fff;
	font-weight: bold;
	padding: 8px 10px 5px 10px;
	margin-top: 20px;
}
.postbox-profile-text p a:after {
	color: #00abed;
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	padding-left: 10px;
	padding-top: 2px;
}
.postbox-profile-cta {
	margin-top: 20px;
}
/*Staff Event Form Intergration with CMS*/

form.main {
	background-color: #FFF;
	width: 99%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 0;
	text-align: center;
}
form.main label {
	color: #333;
	height: 20px;
	width: 200px;
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
	clear: both;
	float: left;
	margin-right: 15px;
}
form.main input {
	height: 20px;
	/*width: 300px;*/
	border: 1px solid #000;
	margin-top: 10px;
	float: left;
}
form.main select {
	/* width: 300px; */
	border: 1px solid #000;
	margin-top: 10px;
	float: left;
}
form.main p {
	margin-top: 35px;
	padding-left: 5px;
	text-align: left;
}
form.main select#start_time_hour,
form.main select#start_time_minute,
form.main select#end_time_hour,
form.main select#end_time_minute,
form.main select#closing_date_hour,
form.main select#closing_date_minute {
	width: 100px;
	float: left;
}
form.main input[type=button] {
	float: none;
}
form.main textarea {
	float: left;
	text-align: left;
	margin-left: 0;
	width: 360px;
}
form.main fieldset {
	background: #eee;
	border-radius: 5px;
	padding: 15px;
}
form.main fieldset legend {
	padding-left: 5px;
	font-size: 1.4em;
	/*border-radius: 1px;
    box-shadow: 0 0 0 1px #ddd;*/
	margin-left: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #000;
	text-align: left;
	width: 50%;
}
form.main .clear {
	clear: both;
	margin-top: 15px;
}
form.main p.explanatory_text {
	text-align: left;
}
form.main .doc_uploads {
	text-align: left;
}

form.inline-form{
	padding: 20px;
	background: #f9f9f9; 
}

form.inline-form input[type=text],
	form.inline-form input[type=email],
	form.inline-form input[type=url],
	form.inline-form input[type=password],
	form.inline-form input[type=date],
	form.inline-form input[type=time],
	form.inline-form input[type=tel],
	form.inline-form textarea,
	form.inline-form select {
		width: 100%;
	}
ul.studyMenuLinkspage {
	width: 100%;
	margin: 0px;
	margin-bottom: 20px;
}
ul.studyMenuLinkspage a {
	color:#333!important;
	display: block;
	padding: 20px;
	background: #DEDEDE;
    border-bottom: white 1px solid;
    text-decoration: none!important;
}

ul.studyMenuLinkspage a:hover {
	text-decoration: none;
}
ul.studyMenuLinkspage li {
	background: #DEDEDE;
	padding: 0;
	margin-bottom: 0px;
	color: #333;
	font-size: 16px;
}
ul.studyMenuLinkspage li:hover, ul.studyMenuLinkspage li:hover a, ul.studyMenuLinkspage a:hover, ul.studyMenuLinkspage a:hover li {
	background: #867537;
	color: #fff!important;
}
 
ul.studyMenuLinkspage li.select, ul.studyMenuLinkspage li.select a, ul.studyMenuLinkspage a.select, ul.studyMenuLinkspage a.select li {
	background: #867537;
	color: #fff!important;
	font-weight: bold;
}
.studyMenuLinkspage .float-right {
	float: right !important;
    margin-right: -10px;
}

/* New Header styling */


#top-headerlinks {
	padding: 0;
	color: #666;
    margin:0;
}
#top-headerlinks ul {
	margin-top: 0;
    margin-bottom: 0;
	padding: 0;
    text-align: right;
}
#top-headerlinks li {
	display: inline-block;
	padding: 0 10px;
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #999;
	margin: -2px 0 7px 0;
    font-size: 1.2rem;
}
#top-headerlinks li.last {
	border-right: 0px solid #fff;
}
#top-headerlinks li img {
	margin: -3px 5px 0 0;
	float: left;
}
#top-headerlinks li a {
	color: #666;
	text-decoration: none;
    font-weight: normal;
}
#top-headerlinks li a:hover {
	text-decoration: underline;
}
#top-headerlinks li.pay a:after {
	color: #333;
	content: "\f07a";
	font-family: "Font Awesome 6 Pro";
	float: left;
	padding-right: 5px;
	display: block;
}

@media only screen and (min-width: 45em){
    .header-wrapper-new [role='navigation'] {
        margin-top: 15px;
        display: inline-block!important;
        position: initial;
    }
    .header-wrapper-new [role="navigation"] ul li .submenu {
        position: absolute;
        top: 53px;
        padding: 27px 0;
        width: 100vw;
        margin-left: 0!important;
        left:0;
    }
    .header-wrapper-new [role='navigation'] li{
        position: inherit!important;
    }
    .header-wrapper-new [role='navigation'] ul{
        margin: 0!important;
        width: auto!important;
    }
}

/*numbers steps*/
.da_application_step {
	margin-bottom: 40px;
}
.da_application_step .bold {
	margin-bottom: 0;
    font-weight: bold;
}
.da_apply_circles {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 4px solid #ccc;
	background: #ececec;
	float: left;
	margin-right: 20px;
	margin-bottom: 40px;
}
@media (max-width: 768px) {
	.da_apply_circles {
		margin: 20px auto;
		float: none;
	}
}
.da_apply_circles-inner {
	line-height: 80px;
	text-align: center;
	width: 80px;
	font-size: 4rem;
	color: #666;
}
.da_application_instructions {
	width: 75%;
	float: right;
}
@media (max-width: 768px) {
	.da_application_instructions {
		text-align: center;
		width: 100%;
	}
}


/*Summer School*/
.grey_track_box	{
margin-top: 2rem;
margin-bottom: 1rem;
padding-top: 1.5rem;
padding-left: 1.5rem;
padding-right: 1rem;
padding-bottom: 1rem;
background-color: #eee;
width: 100%;
border-radius: 5px;
}

/* Style the form - display items horizontally */
.tracker {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

/* Add some margins for each label */
.tracker label {
  margin: 5px 10px 5px 0;
}

/* Style the input fields */
.tracker input {
  vertical-align: middle;
  margin: 5px 10px 5px 0;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
}

/* Style the submit button */
.tracker button {
  padding: 10px 20px;
  background-color: #91278e;
  border: 1px solid #ddd;
  color: white;
}

.tracker button:hover {
  background-color: #ca202d; 
}

/* Add responsiveness - display the form controls vertically instead of horizontally on screens that are less than 800px wide */
@media (max-width: 800px) {
  .tracker input {
    margin: 10px 0;
  }

  .tracker {
    flex-direction: column;
    align-items: stretch;
  }
}

/* logos display */

.item.item-logo{
    width: 22.5%;
    display: inline-block;
    margin: 5px 1%;
    height: 125px;
}

.item.item-logo img{
    display: inline-block;
}



/* student Profiles */

#student-profiles .row_cell{
	border: 1px solid #ebebeb;
	margin-top: 90px;
	box-sizing: border-box;
	padding-bottom: 20px;
}

#student-profiles .textintro p{
	font-weight: initial;
}

#student-profiles .row_cell img.profile{
	border-radius: 50%;
	width: 100px;
	float: none;
	height: 100px;
	margin: -90px auto 10px auto;
}

#student-profiles .row_cell{
	border: 1px solid #ebebeb;
	margin-top: 90px;
	box-sizing: border-box;
	padding-bottom: 20px;
}

#student-profiles .row_cell img.flag{
	margin-left:10px;
	margin-top:-2px;
	height: 15px;
}

#student-profiles .row_cell i{
	font-size:inherit;
} 

#student-profiles .row_cell .student-name{
	text-align:center;
	margin-bottom: 0;
	font-weight: bold;
}

#student-profiles .row_cell .read-more-toggle{
	margin: 5px 0 0 10px;
	color: #0c4790;
	cursor: pointer;
}

#student-profiles .row_cell .student-course{
	text-align:center;
	margin: 0;
}

#student-profiles .row_cell .student-times{
	text-align:center;
	margin: 0;
	color: #0082b4;
	margin: 0 0 10px 0;
}
#student-profiles .row_cell .student-desc-block{
	padding: 10px;
	background: #f2f2f2;
	border-radius: 5px;
	margin: 3px 0;
}


#student-profiles .row_cell .student-desc-block p{
	margin: 0;
}
#student-profiles .row_cell .student-desc-block p.block-title{
	font-weight: bold;

}
@media only screen and (min-width: 45em){
	
	#student-profiles .row_cell{
		margin-top: 50px;
	}
}

/* Timeline */

.timeline {
  position: relative;
}
.timeline::before {
  content: '';
  background: #e8e8e8;
  width: 5px;
  height: 95%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.timeline-title{
	margin: 40px 0 60px 0 !important;
	background: #f4f4f4 !important;
	padding: 15px;
	border-bottom: 5px solid #ebebeb;
}
.timeline-item {
  width: 100%;
  margin-bottom: 70px;
}
.timeline-item:nth-child(even) .timeline-content {
  float: right;
  padding: 40px 30px 10px 30px;
}
.timeline-item:nth-child(even) .timeline-content .timeline-date {
  right: auto;
  left: 0;
}
.timeline-item:nth-child(even) .timeline-content::after {
  content: '';
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 30px;
  left: -15px;
  border-width: 10px 15px 10px 0;
  border-color: transparent #ebebeb transparent transparent;
}
.timeline-item::after {
  content: '';
  display: block;
  clear: both;
}

.timeline-content {
  position: relative;
  width: 38%;
  padding: 10px 30px;
  border-radius: 4px;
  background: #f4f4f4;
  box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.17);
}
.timeline-content:hover {
	transform: scale(1.02);
	transition: 0.2s ease-in;
	box-shadow: 3px 4px 20px rgba(0, 0, 0, 0.15);
}
.timeline-content::after {
  content: '';
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 30px;
  right: -15px;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #f4f4f4;
}
.timeline-head { 
	position: relative;
	display: flex;
	align-items: center;
	background: #867537;
	padding-right: 10px;
}

.timeline-content-orange::after {
  border-color: transparent transparent transparent #867537;
}
.timeline-item:nth-child(even) .timeline-content-orange::after {
  border-color: transparent #867537 transparent transparent;
}	
.timeline-head-grey {
	background: #949494;
}
.timeline-content-grey::after {
  border-color: transparent transparent transparent #949494;
}
.timeline-item:nth-child(even) .timeline-content-grey::after {
  border-color: transparent #949494 transparent transparent;
}	

.timeline-head i, .timeline-head-img i{ 
	float: left;
	margin: 15px;
	font-size: 28px;
	background: rgba(0, 0, 0, 0.1);
	color: #fff;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	display: block;
	text-align: center;
	line-height: 50px;
	border: 2px solid #fff;
}
.timeline-head h2, .timeline-head h3{ 
	color:#fff;
	margin-bottom: 0;
}	
		
.timeline-img {
  width: 20px;
  height: 20px;
  background: #867537;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-top: 25px;
  margin-left: -11px;
  border: 3px solid #fff;
}

.timeline-card {
  width: 45%!important;
  padding: 0 !important;
  padding-bottom: 20px !important;
}
.timeline-card p  {
  padding: 0 20px;
}
.timeline-card ul  {
  padding: 0 20px 0 10px;
}

.timeline-img-header {
  background-size: cover !important;
}
.timeline-img-header {
  height: 200px;
  position: relative;
  margin-bottom: 20px;
}
.timeline-head-img {
  position: absolute;
  bottom: 5px;
  left: 10px;
  display: flex;
  padding-right: 10px;
  align-items: center;
}
.timeline-head-img i{border-color: #867537;}
.timeline-head-img h2, .timeline-head-img h3 {
	color:#fff;
	margin-bottom: 0;
}
.timeline-date {
  background: #FF4081;
  display: inline-block;
  color: #FFFFFF;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
		

@media screen and (max-width: 768px) {
  .timeline::before {
    left: 10px;
  }
  .timeline .timeline-img {
    left: 10px;
  }
  .timeline .timeline-content {
    max-width: 90%;
    width: auto!important;
    margin-left: 45px;
  }
	
  .timeline .timeline-item:nth-child(even) .timeline-content {
    float: none;
  }
  .timeline .timeline-item:nth-child(odd) .timeline-content::after {
    content: '';
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    top: 30px;
    left: -15px;
    border-width: 10px 15px 10px 0;
    border-color: transparent #867537 transparent transparent;
  }
}

/*responsive table */

/*
Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
*/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */
    table.mobile, table.mobile thead, table.mobile tbody, table.mobile th, table.mobile td, table.mobile tr, table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr {
        display: grid;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    table.mobile thead tr, table.responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

	table.mobile tr, table.responsive tr {
	  margin: 0;
	}

    table.mobile td, table.responsive td {
        /* Behave  like a "row" */
        position: relative;
        padding-left: 50%!important;
        padding-top: 3px!important;
        width: auto!important;
    }

    table.mobile td:before, table.responsive td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 4px;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
}

@media only screen and (min-width: 761px){
	table.mobile td.grey-td, table.responsive td.grey-td{
		background:#ececec;
	}	
}
.hpsection.promo{
    border-top: 10px solid #867537;
    border-bottom: 10px solid #867537;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.9)), url('/images/sections/accommodation/cornell/cornell_2.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.hpsection.promo h2{
	color: white;
	font-size: 52px;
	line-height: 60px;
	margin-bottom: 50px;
}

.hpsection.promo p a, .hpsection.promo .row_cell:hover p a{
	color: white;
	text-decoration: underline;
} 

.hpsection.promo p a:hover{
	opacity: 0.7;
}

.hpsection.promo .large_icon{
	font-size: 40px;
	width: 50px;
	display: inline-block;
	margin-right: 20px;
	transition: none;
}

.hpsection.promo .row_cell:hover .large_icon{
	transform: none;
}


/* new tabs */
.tabs-nav-wrap{
	border-bottom: 4px solid #867537;
}

.tabs-nav-wrap ul {
	list-style: none;
	margin-bottom: 0;	
}

.tabs-nav-wrap ul li {
  list-style: none;
  margin:0 3px;
  box-sizing: border-box;
	display: inline-block;
}
.tabs-nav li {
  list-style: none;
  display: block;
  padding:10px 20px;
  border: 1px solid #e3e3e3;
  background: #fff;
  font-size: 16px;
  font-weight: 300;
  cursor: pointer;
  color: #666;
  text-align: left;
  text-decoration: none;
	box-sizing: border-box;
}
.tabs-nav .tab-nav-link.current {
  font-weight: bold;
}
.tabs-nav .tab-nav-link.current,
.tabs-nav .tab-nav-link.current h3,
.tabs-nav .tab-nav-link:hover, 
.tabs-nav .tab-nav-link:hover h3{
  border:1px solid #867537;
  background: #867537;
  color: #fff;
}

.tab-content {padding:20px 0; display:none;}

@media only screen and (max-width: 720px) {
	.tabs-nav li {
		display: block;
		width: 100%;
	}
}


/*information governance infographic */

 .isp_infographic{
		 margin: 25px 0;
	 }
	 .isp_infographic .infographic-title{
		 margin-bottom: -40px; 
		 text-align: center; 
	 }
	 
	 .isp_infographic .infographic-title{
		 margin-bottom: -40px; 
		 text-align: center; 
	 }
	 
	 .isp_infographic .infographic-div{
		 padding: 70px 20px 50px 20px; 
		 width: 50%; 
		 box-sizing: border-box; 
		 float: left;
	 }
	 
	 .isp_infographic .infographic-div.left-div{
		 background: #d2d3d8; 
	 }
	 
	 .isp_infographic .infographic-div.right-div{
		 background: #ecedf1; 
	 }
	 
	 .isp_infographic .info-circle{
		 border-radius: 50%;
		 width: 140px;
		 height: 140px;
		 padding: 30px 10px;
		 background: white;
		 box-sizing: border-box;
		 margin-left: auto;
		 margin-right: auto;
	 }
	 
	 .isp_infographic .info-circle.dpp-circle{
		 border: 10px solid #6e2083;
		 margin-bottom: -20px;
	 }
	 
	 .isp_infographic .info-circle.dbmp-circle{
		 border: 10px solid #129bdf;
	 }
	 
	  .isp_infographic .info-circle.fip-circle{
		 border: 10px solid #009195;
		 margin: 60px auto;
	 }
	 
	 .isp_infographic .info-circle p{
		 text-align: center;
		 font-weight: 700;
		 margin: 0;
	 }
	 
	 @media only screen and (max-width: 450px){
		 .isp_infographic .infographic-div{
			padding: 70px 10px 50px 10px;
		 }
		.isp_infographic .info-circle {		
			width: 100px;
			height: 100px;
			padding: 20px 5px;
			border-width: 4px!important;
		}
		 
		 .isp_infographic .info-circle p {
			font-size: 85%;
			line-height: 1.7rem;
		}
		 
		 .isp_infographic .infographic-title {
			font-size: 100%;
		}
		 
		.isp_infographic .info-circle.fip-circle {
			margin: 40px auto;
		}
	}


/* Accessibility tools reciteme */

.reciteme{
	color: white!important;
	cursor: pointer;
	background: #867537!important;
}

.reciteme:hover{
	background: #CCC!important;
	color: #333!important;
}

.reciteme:hover i{
	color: #333!important;
}

.reciteme i{
	color: white!important;
	font-size: 105%;
	line-height: inherit;
}
 @media only screen and (min-width: 719px){
	.reciteme{
		position: absolute;
		padding: 2px 10px;
		top:-10px;
		font-size: 14px;
		right: 0;
	}
	
}


@media only screen and (max-width: 941px){
	.reciteme.reciteme-large span{
		display: none;
	}
}

@media only screen and (max-width: 719px){
	.reciteme.reciteme-large{
		display: none;
	}
	
	.reciteme{
		padding: 16px;
    	box-sizing: border-box;
    	width: 100%!important;
	}
}


/* #logos scroller 
================================================== */

.slide {
    margin: 0px 20px;
}

.slide img {
    width: 100%;
}


.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}

.slick-track:after{
    clear: both;
}

.slick-loading .slick-track{
    visibility: hidden;
}

.slide{
    display: none;
    float: left;
    /*height: 100%;*/
    min-height: 1px;
}

[dir='rtl'] .slide{
    float: right;
}

.slick-slide img{
    display: block;
}

.slide.slick-loading img{
    display: none;
}

.slide.dragging img{
    pointer-events: none;
}

.slick-initialized .slide{
    display: block;
}

.slick-loading .slide{
    visibility: hidden;
}

.slick-vertical .slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* News style Business or Insights */


.tiles-grid-cases_row{
    /*text-align: center;*/
    display: inherit;
}

.facilities .tiles-grid-cases_row{
	text-align: left;
}

.tile-cases{
    display: block;
    display: inline-block;
    position: relative;
	vertical-align: top;
    width: 33%;
    height: 320px;
    padding: 0 10px;
    box-sizing: border-box;
    margin:10px 0;
}

.tile-cases, .tile-cases p, .tile-cases p{
    text-align: left;
}

.tile-cases.smaller{
    width: 39.5%
}

.tile-cases.bigger{
    width: 59.5%
}

.tiles-grid-cases_row::after {
    clear: both;
    content: "";
    display: table;
}

.tile-cases a, .tile-cases .tile-body{
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

.logos-row .tile-cases{
    width: 24.5%;
    height: 250px;
}

.logos-row .content-overlay{
    height: 0;
    padding: 0 20px;
}

.logos-row .tile-cases:hover .content-overlay {
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    padding: 20px;
}

.content-overlay{
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    overflow: hidden;
    height: 130px;
    transition: .5s ease;
    padding: 20px;
    box-sizing: border-box;
}

.tile-cases:hover .content-overlay {
    height: 100%!important;
    background: rgba(0, 0, 0, 0.6)
}

.content-overlay a{
    color: white;
    text-align: left;
}

.content-overlay h4{
    color: white;
    margin-top: 15px;
    font-size: 1.9rem;
    line-height: 1.1;
	transition: 0.6s ease;
}

.content-overlay p{
    color: white;
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.4;
}

.content-overlay p.learn-more{
    font-weight: bold;
    cursor: pointer;
    background: #867537;
    padding: 10px;
    margin: 2px 0;
    position: relative;
    color: white;
}

.content-overlay p.learn-more i{
    position: absolute;
    top: 13px;
    right: 10px;
}
.tile-body .content-overlay p.learn-more{
   padding: 0;
}
.tile-body .content-overlay p.learn-more a{
    padding: 10px;
    box-sizing: border-box;
    color: white;
	height: auto;
}

.content-overlay p.learn-more:hover{
    color: #333;
    background: rgba(250, 250, 250, 0.9);
}

.content-overlay p.learn-more a:hover{
    color: #333;
    text-decoration: none;
}

.content-overlay .case-study-tag{
    text-transform: uppercase;
    color: white;
    padding: 5px 8px;
    font-size: 1.2rem;
    font-weight: bold;
}

/* Consultancy and research */
.content-overlay .case-study-tag.type-1, .tile-cases.type-1 .content-overlay .case-study-tag{
    background: #26b4b6;
	font-weight: 700;
    color: black;
}

/* Training and development*/
.content-overlay .case-study-tag.type-2, .tile-cases.type-2 .content-overlay .case-study-tag{
    background: #d9bd6e;
    font-weight: 700;
    color: black;
}

/* Recrutinn Talent */
.content-overlay .case-study-tag.type-3, .tile-cases.type-3 .content-overlay .case-study-tag{
    background: #22386a;
}

/* Business news */
.content-overlay .case-study-tag.type-4, .tile-cases.type-4 .content-overlay .case-study-tag{
    background: #08213d;
}


@media only screen and (max-width: 70em) and (min-width: 45em){
    .tile-cases{
        width: 49.4%!important;
        margin: 10px 0;
    }
}

@media only screen and (min-width: 70.01em){
    /*.tiles-grid-cases_row:first-child{
        margin-bottom: 20px; 
    }*/
}

@media only screen and (min-width: 45em){
    .content-overlay h4{
        min-height: 55px;
    }
	
	.tile-cases:hover .content-overlay h4 {
		min-height: 0!important;
	}

    .tile-cases.type-4 .content-overlay h4{
        min-height: 60px;
    }
}

@media only screen and (max-width: 44.99em){
    .tile-cases{
        width: 100%!important;
        margin: 10px 0;
    }
    
    .tiles-grid-cases_row:not(.logos-row) .tile-cases, .tiles-grid-cases_row:not(.logos-row) .tile-cases a, .tiles-grid-cases_row:not(.logos-row) .tile-cases:hover .content-overlay{
        height: auto!important;
    }
    
    .tiles-grid-cases_row:not(.logos-row) .tile-cases .content-overlay {
        height: auto;
        background: rgba(0, 0, 0, 0.4) !important;
        position: relative;
        left: 0;
        right: 0;
    }
    
    .tiles-grid-cases_row.logos-row .tile-cases .content-overlay {
        display: none;
    }   
}

@media only screen and (max-width: 33.99em){
    .tiles-grid-case-studies .tile-cases {
        height: 380px!important;
    }
}

.profile-slider img{
	border-radius: 100%;
	text-align: center;
}

.profile-slider h4{
	text-align: center;
	margin-top: 14px;
	
}
.profile-slider p{
	padding: 0;
	text-align: center;
}


/*-------------------------------------------------------*\
	#: Tooltips styles
\*-------------------------------------------------------*/

/* Tooltip container */

.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
 	visibility: hidden;
    width: auto;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
	bottom: 135%;
    opacity: 0;
    transition: opacity 0.3s;
    margin: 0 auto;
    font-size: 13px;
}


/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/*-------------------------------------------------------*\
	#: hyperlink Navigation
\*-------------------------------------------------------*/

.hyperlink-nav li{
    list-style: none;
    margin-bottom: 3px;
    font-size: 1.4rem;
}

.hyperlink-nav li a{
    padding: 10px;
    color: white;
    text-decoration: none;
    background: #000;
    margin: 2px;
    display: table;
    width: 100%;
    box-sizing: border-box;
}

.hyperlink-nav li a span:before {
    color: white;
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    float: right;
    padding-left: 10px;
}

.hyperlink-nav li a:hover span:before {
    color: black;
}

.hyperlink-nav li a span{
    display: table-cell;
    vertical-align: middle;
}

.hyperlink-nav li a:hover{
    background: #ccc;
    color: black;
}

@media only screen and (min-width: 950px){
    .hyperlink-nav {
        display: flex;
    }
    .hyperlink-nav li{
        display: flex;
        flex: 1;
        margin: 0;
    }
}

/*-------------------------------------------------------*\
	#: New event page styling
\*-------------------------------------------------------*/


.event_left_side{
	background: #ebebeb;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-bottom: 0;
}

.event_left_side h2{
	font-size: 2rem;
	border-bottom: 1px solid white;
    padding-bottom: 10px;
}

.event_left_side hr{
	margin: 0;
}

.event_left_side h5{
	margin-bottom: 0!important;
}
.event_left_side .btn{
	width: 100%;
	margin-bottom: 0;
}

ul.event_info{
	padding: 15px;
	margin: 0;
}

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

ul.event_info li i{
	width: 30px;
	color: #867537;
}

ul.event_info.event_info_dark{
	background: black;
}

ul.event_info.event_info_dark li i{
    color: white;
}

ul.event_info.event_info_dark h2, ul.event_info.event_info_dark h4{
	color: white;
}

.event_left_side .btn.btn-transparent-black:hover{
	background: #867537;
	border-color: #867537;
	color: white;
}

.schools-side{
	float: left;
	width: 250px;
}

.share_social p{
	margin-bottom: 0;
}

.share_social > div{
	display: inline-block;
	vertical-align: top;
}

.event_tabs{
	padding: 20px;
	margin-top: 25px;
	margin-bottom: 25px;
	background: #f9f9f9;
	border: 1px solid #f1f1f1;
}

.event_tabs ul{
	margin: 0;
	padding: 0;
}

.event_tabs ul li{
	margin-right: 1px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0;
    display: inline-block;
}

.event_tabs ul li a{
	background: #867537;
	padding: 5px;
	color: white;
	font-size: 12px;
} 

.event_tabs ul li a:hover{
	background: #444;
	text-decoration: none;
	color: white;
}

.addeventatc{
	margin-top: -5px!important;
	z-index: 0!important;
}

@media only screen and (min-width: 45em){
	.events-school .twelve{
		padding-right: 20px;
		box-sizing: border-box;
	}
	
	.events-school .four{
		margin-left:0!important;
	}	
}

@media only screen and (min-width: 65em){
	.event_left_side.event_school{
		display: flex;
	}
	
	ul.event_info.top-info.events{
		max-width: 280px;
	}
	ul.event_info.event_school_info{
		padding-left: 30px;
		min-width: 250px;
	}
	.event_tabs ul{
		float:left;
	}
	.share_social{
		float: right;
		text-align: right;
	}
	
}

@media only screen and (max-width: 64.99em){
	.event_tabs ul{
		text-align: center;
	}
	.share_social{
		text-align: center;
		margin-top: 20px;
	}
	.event_left_side.event_school{
		position: relative;
		padding-left: 220px;
	}
	
	.schools-side{
		position:absolute;
		top:0;
		bottom: 0;
		left: 0;
		width: 220px; 
	}
	
	.event_left_side h4{
		border-top: 1px solid lightgrey;
		padding-top: 15px;
		margin-top: -15px;
	}
}

@media only screen and (max-width: 33em){
	.schools-side{
		position: relative;
    	height: 200px;
    	width: 100%!important;
    	display: block;
    	margin-bottom: 20px;
		z-index: 1000;
	}
	
	.event_left_side.event_school {
    	padding-left: 0;
	}
	
	.addeventatc{
		margin: 10px auto 0 auto!important;
		display: table;
		width: auto;
	}
}



/*-------------------------------------------------------*\
	#: Department list
\*-------------------------------------------------------*/

.departments .row_cell a{
	padding: 30px 20px 20px 20px;
}
	
.departments .row_cell a::before {
    display: block;
    content: "";
    border-top: 1px solid #867537;
    width: 64px;
    transform: translateY(-1rem);
    margin-bottom: 10px;
}

/*-------------------------------------------------------*\
	#: School list
\*-------------------------------------------------------*/

@media only screen and (min-width: 40em){
    .fullwidth.schools .row.noflex .row_cell_reponsive {
        width: 47.5%;
    }
}
@media only screen and (min-width: 640px){
    .fullwidth.schools .row.nomargin .row_cell{
        margin: 5px 7px!important;
    }
}
@media only screen and (max-width: 639px){
    .fullwidth.schools .row.nomargin .row_cell{
        margin: 5px 0!important;
    }
}

.fullwidth.schools .row_cell a{
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
    max-height: 200px;
}

.fullwidth.schools .row_cell.msoa{
    border-bottom: 7px solid #ff5032;
    background: #ff5032;
}

.fullwidth.schools .row_cell.scm {
    border-bottom: 7px solid #6c2787;
    background: #6c2787;
}

.fullwidth.schools .row_cell.soh {
    border-bottom: 7px solid #04808b;
    background: #04808b;
}

.fullwidth.schools .row_cell.ssbl {
    border-bottom: 7px solid #0578c5;
    background: #0578c5;
}

.fullwidth.schools .row_cell.tubs {
    border-bottom: 7px solid #08213d;
    background: #08213d;
}

.fullwidth.schools .row_cell:hover a img {
    transform: none;
    opacity: 0.1;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}

.fullwidth.schools .row_cell a img {
    opacity: 1;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}

/*-------------------------------------------------------*\
	#: Tweeter Feed
\*-------------------------------------------------------*/

.twitter-timeline{
	min-width: 0!important;
}

/* #New Spotlight section
================================================== */

.hpsection.hpspotlight{
    padding: 0;
}

.hpsection.hpspotlight .spotlight-new{
    margin: 0;
}

.hpsection.hpspotlight .spotlight-new h2{
    text-align: left;
}

.hpsection.hp-spotlight .spotlight-new h2:after {
    margin: 35px 0;
}

.hpsection.hpspotlight .spotlight-new p {
    color: #333;
    text-align: left;
}


.spotlight-new {
    width: 100%;
    margin: 20px 0;
    color: #fff;
    height: auto;
}

.spotlight-new-right, .spotlight-new-left {
    padding: 40px 5%;
    height: auto;
    box-sizing: border-box;
}

.spotlight-new-right p{
    text-align: left;
}

@media (max-width: 992px) {
    .spotlight-new-left, .spotlight-new-right{
        min-height: 350px;
    }
}

@media (min-width: 991px) {
    .spotlight-new {
        display: flex;
    }
    .spotlight-new-left, .spotlight-new-right{
        width: 50%;
        float: left;
    }
    
}

/*stats */

.stats .row_cell.border-top{
    border-top: 2px solid black;
}

.stats .row_cell p{
    color: black;
}

.stats .row_cell .number-st{
    font-size: 70px;
    color: black;
    font-weight: bold;
    margin-bottom: 0;
	line-height: 80px;
}

.stats .row_cell .number-st.number-sm{
    font-size: 40px;
	line-height: 40px;
	margin-bottom: 15px;
}

.stats.row{
	margin-bottom: 0!important;
}


/* Hero Carousel */
/* Add here all the hpcarousel when is completed */

.hpcarousel{
    position: relative;
	background: #ebebeb;
	min-height: inherit;
}

.hpcarousel.default-banner{
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: center;
}

.hpcarousel.default-banner .section_wrapper{
    padding: 20px;
}

.hpcarousel.default-banner:before{
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
}

.hpcarousel.default-banner .section_wrapper .banner-wrap h1{
    text-align: left;
    text-transform: uppercase;
}

.hpcarousel.default-banner .section_wrapper .banner-wrap h1 span{
    color: #867537;
}

.hpcarousel.default-banner p{
    text-align: left;
}
.hpcarousel img.tef-logo{
    max-width: 280px;
    margin-top: 20px;
}

.hpcarousel .slider-container {
    margin: 0;
    padding: 0;
}
.hpcarousel .slider-content {
    margin: 0!important;
    position: relative;
}
.hpcarousel .slick-prev {
    z-index: 100;
}
.hpcarousel .slick-prev:before, .hpcarousel .slick-next:before{
	color: #fff;
	text-shadow: 2px 2px 3px rgb(0 0 0 / 60%);
}

.hpcarousel .slick-dots li button:before{
    font-size: 10px;
}
.hpcarousel .slick-dots li.slick-active button:before, .hpcarousel .slick-dots li button:before {
    color: #aaa;
}
@media only screen and (min-width: 45em){
    .hpcarousel.default-banner .section_wrapper .banner-wrap{
        width: 45%;
    }
	.hpcarousel .slick-next {
		right: 20px;
	}
	.hpcarousel .slick-prev {
		left: 20px;
	}
	.hpcarousel{
		height: 600px;
	} 
	.hpcarousel.small-banner{
		height: 400px;
	}
	.hpcarousel .item {
		height: 570px;
		width: 100%;
	}
    .hpcarousel.default-banner.open-banner img{
        width: 300px;
        margin-top: 30px;
    }
    .hpcarousel.default-banner:before{
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 48%, rgba(0,0,0,0.6) 72%, rgba(0,0,0,0) 90%);
    }
    .hpcarousel.default-banner{
        background: url("/images/frontpage/banner-1.jpg") no-repeat center center;
        background-size: cover;
        align-items: center;
    }
    .hpcarousel.default-banner.open-banner:before{
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 22%, rgba(0,0,0,0.6) 42%, rgba(0,0,0,0) 60%);
    }
    .hpcarousel.default-banner.open-banner{
        background: url("/images/frontpage/banner-open-big.jpg") no-repeat center right;
        background-size: cover;
    }
    .hpcarousel.default-banner.ofsted-banner {
        background: url("/images/sections/About/ofsted-banner-big.jpg") no-repeat center center;
        background-size: cover;
    }
    .hpcarousel.default-banner.ofsted-banner:before {
        background: rgb(0, 0, 0);
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0) 75%);
    }
    .hpcarousel.default-banner.clearing-banner:before{
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 22%, rgba(0,0,0,0.6) 42%, rgba(0,0,0,0) 60%);
    }
    .hpcarousel.default-banner.clearing-banner{
        background: url("/images/frontpage/banner-clearing-big.jpg") no-repeat center right;
        background-size: cover;
    }
    .hpcarousel.default-banner.janstarts-banner:before{
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 22%, rgba(0,0,0,0.6) 42%, rgba(0,0,0,0) 60%);
    }
    .hpcarousel.default-banner.janstarts-banner{
        background: url("/images/frontpage/banner-janstarts-big.jpg") no-repeat center right;
        background-size: cover;
    }
	.hpcarousel.default-banner.maystarts-banner:before{
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 22%, rgba(0,0,0,0.6) 42%, rgba(0,0,0,0) 60%);
    }
    .hpcarousel.default-banner.maystarts-banner{
        background: url("/images/frontpage/banner-maystarts-big.jpg") no-repeat center right;
        background-size: cover;
    }
	.hpcarousel.default-banner.septstarts-banner:before{
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 22%, rgba(0,0,0,0.6) 42%, rgba(0,0,0,0) 60%);
    }
    .hpcarousel.default-banner.septstarts-banner{
        background: url("/images/frontpage/banner-septstarts-big.jpg") no-repeat center right;
        background-size: cover;
    }
	.hpcarousel.default-banner.graduation-banner:before{
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 22%, rgba(0,0,0,0.6) 42%, rgba(0,0,0,0) 60%);
    }
    .hpcarousel.default-banner.graduation-banner{
        background: url("/images/frontpage/banner-graduation2-big.jpg") no-repeat center right;
        background-size: cover;
    }
    .hpcarousel.default-banner.ofstedhome-banner:before{
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0) 75%);
    }
    .hpcarousel.default-banner.ofstedhome-banner{
        background: url("/images/frontpage/banner-ofsted-big.jpg") no-repeat center right;
        background-size: cover;
    }
	.hpcarousel.default-banner.jandeadline-banner:before{
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 22%, rgba(0,0,0,0.6) 42%, rgba(0,0,0,0) 60%);
    }
    .hpcarousel.default-banner.jandeadline-banner{
        background: url("/images/frontpage/banner-jandeadline-big.jpg") no-repeat center right;
        background-size: cover;
    }
    .hpcarousel.default-banner.registry-banner{
        background: url("/images/depts/registry/hero-big.jpg") no-repeat center right;
        background-size: cover;
    }
    .hpcarousel.default-banner.registry-banner .section_wrapper .banner-wrap h1 {
        font-size: 4.2rem;
        line-height: 4.5rem;
    }
    .hpcarousel.default-banner.step-success-banner{
        background: url("/images/sections/stud/step-success-big.jpg") no-repeat center top;
        background-size: cover;
    }
    .hpcarousel.default-banner.personal-tutoring-banner{
        background: url("/images/sections/stud/personal-tutoring-big.jpg") no-repeat center top;
        background-size: cover;
    }
    .hpcarousel.default-banner.personal-tutoring-banner h1, .hpcarousel.default-banner.step-success-banner h1{
        color: black;
        text-shadow: none;
    }
    .hpcarousel.default-banner.personal-tutoring-banner:before, .hpcarousel.default-banner.step-success-banner:before{
        background: transparent;
    }
}

@media only screen and (max-width: 44.99em){
	.hpcarousel{
		height: 500px;
	}
    .hpcarousel.small-banner{
		height: 300px;
	}
	.hpcarousel .item {
		height: 470px;
		width: 100%;
	}
	.hpcarousel .slick-next {
		right: 0;
	}
	.hpcarousel .slick-prev {
		left: 0;
	}
    .hpcarousel.default-banner .section_wrapper .banner-wrap h1{
        font-size: 3.6rem;
    }
    .hpcarousel.default-banner.open-banner img{
        width: 200px;
        margin-top: 20px;
    }
    .hpcarousel.default-banner:before{
        background: rgb(0,0,0);
        background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 48%, rgba(0,0,0,0.6) 72%, rgba(0,0,0,0) 90%);
    }
    .hpcarousel.default-banner{
        background: url("/images/frontpage/banner-small-1.jpg") no-repeat center center;
        background-size: cover;
        align-items: end;
    }
    .hpcarousel.default-banner.ofsted-banner {
        background: url(/images/sections/About/ofsted-banner-small.jpg) no-repeat center top;
        background-size: cover;
        align-items: end;
    }
    .hpcarousel.default-banner.ofsted-banner .section_wrapper .banner-wrap h1 {
        font-size: 2.8rem;
        line-height: 3.2rem;
    }
    .hpcarousel.default-banner.open-banner:before{
        background: rgb(0,0,0);
        background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 48%, rgba(0,0,0,0.6) 72%, rgba(0,0,0,0) 90%);
    }
    .hpcarousel.default-banner.open-banner{
        background: url("/images/frontpage/banner-open-small.jpg") no-repeat center top;
        background-size: cover;
    }
    .hpcarousel.default-banner.clearing-banner:before{
        background: rgb(0,0,0);
        background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 48%, rgba(0,0,0,0.6) 72%, rgba(0,0,0,0) 90%);
    }
    .hpcarousel.default-banner.clearing-banner{
        background: url("/images/frontpage/banner-clearing-small.jpg") no-repeat center top;
        background-size: cover;
    }
    .hpcarousel.default-banner.janstarts-banner:before{
        background: rgb(0,0,0);
        background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 48%, rgba(0,0,0,0.6) 72%, rgba(0,0,0,0) 90%);
    }
    .hpcarousel.default-banner.janstarts-banner{
        background: url("/images/frontpage/banner-janstarts-small.jpg") no-repeat center top;
        background-size: cover;
    }
    .hpcarousel.default-banner.maystarts-banner:before{
        background: rgb(0,0,0);
        background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 48%, rgba(0,0,0,0.6) 72%, rgba(0,0,0,0) 90%);
    }
    .hpcarousel.default-banner.maystarts-banner{
        background: url("/images/frontpage/banner-maystarts-small.jpg") no-repeat center top;
        background-size: cover;
    }
    .hpcarousel.default-banner.septstarts-banner:before{
        background: rgb(0,0,0);
        background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 48%, rgba(0,0,0,0.6) 72%, rgba(0,0,0,0) 90%);
    }
    .hpcarousel.default-banner.septstarts-banner{
        background: url("/images/frontpage/banner-septstarts-small.jpg") no-repeat center top;
        background-size: cover;
    }
    .hpcarousel.default-banner.graduation-banner:before{
        background: rgb(0,0,0);
        background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 48%, rgba(0,0,0,0.6) 72%, rgba(0,0,0,0) 90%);
    }
    .hpcarousel.default-banner.graduation-banner{
        background: url("/images/frontpage/banner-graduation2-small.jpg") no-repeat center top;
        background-size: cover;
    }
    .hpcarousel.default-banner.ofstedhome-banner{
        background: url("/images/frontpage/banner-ofsted-small.jpg") no-repeat center top;
        background-size: cover;
    }
    .hpcarousel.default-banner.registry-banner{
        background: url("/images/depts/registry/hero.jpg") no-repeat center top;
        background-size: cover;
    }
    .hpcarousel.default-banner.jandeadline-banner:before{
        background: rgb(0,0,0);
        background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 48%, rgba(0,0,0,0.6) 72%, rgba(0,0,0,0) 90%);
    }
    .hpcarousel.default-banner.jandeadline-banner{
        background: url("/images/frontpage/banner-jandeadline-small.jpg") no-repeat center top;
        background-size: cover;
    }
    .hpcarousel.default-banner.step-success-banner{
        background: url("/images/sections/stud/step-success-small.jpg") no-repeat center top;
        background-size: cover;
    }
    .hpcarousel.default-banner.personal-tutoring-banner{
        background: url("/images/sections/stud/personal-tutoring-small.jpg") no-repeat center top;
        background-size: cover;
    }
    .hpcarousel.default-banner.personal-tutoring-banner h1, .hpcarousel.default-banner.step-success-banner h1{
        color: black;
        text-shadow: none;
    }
    .hpcarousel.default-banner.personal-tutoring-banner:before, .hpcarousel.default-banner.step-success-banner:before{
        background: transparent;
    }
}

@media only screen and (min-width: 1121px){
    .hpcarousel.default-banner .section_wrapper .banner-wrap h1{
        font-size: 7rem;
        line-height: 6.8rem;
    }
    .hpcarousel.default-banner.ofsted-banner .section_wrapper .banner-wrap h1 {
        font-size: 5rem;
        line-height: 5rem;
    }
}

@media only screen and (max-width: 1120px) and (min-width:720px){
    .hpcarousel.default-banner .section_wrapper .banner-wrap h1{
        font-size: 5.2rem;
        line-height: 5rem;
    }
    .hpcarousel.default-banner.ofsted-banner .section_wrapper .banner-wrap h1 {
        font-size: 4rem;
        line-height: 4rem;
    }
}

/*-------------------------------------------------------*\
	Home Banners
\*-------------------------------------------------------*/

.home-banner{
    min-height: 470px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: center;
}

.home-banner .section_wrapper h2, .home-banner .section_wrapper p{
    color: white;
}

.home-banner:before{
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
}

.home-banner .image-wrap {
    position: relative;
    min-height: 120px;
}

.home-banner .image-wrap img{
    position: absolute;
    width: 80px;
}

.home-banner .image-wrap p{
    padding-left: 90px; 
}

@media only screen and (min-width: 720px){
	.home-banner .section_wrapper{
        padding: 35px;
    }
    .home-banner{
        align-items: center;
    }
    .home-banner .section_wrapper h2{
        font-size: 4.5rem;
        line-height: 4.5rem;
    }
    .home-banner .section_wrapper .banner-wrap{
        width: 45%;
    }
    .home-banner.home-banner-one{
        background: url("/images/frontpage/banner-2.jpg") no-repeat center center;
        background-size: cover;
    }
    .home-banner.home-banner-one.home-banner-graduation{
        background: url("/images/frontpage/banner-graduation-big.jpg") no-repeat center center;
        background-size: cover;
    }
    .home-banner.home-banner-one.home-banner-maystart{
        background: url("/images/frontpage/banner-maystart.jpg") no-repeat center center;
        background-size: cover;
    }
    .home-banner.home-banner-one.home-banner-ofsted{
        background: url("/images/frontpage/banner-ofsted2.jpg") no-repeat center center;
        background-size: cover;
    }
    .home-banner.home-banner-three{
        background: url("/images/frontpage/banner-3.jpg") no-repeat center center;
        background-size: cover;
    }
    .home-banner.home-banner-two{
        background: url("/images/frontpage/banner-4.jpg") no-repeat top right;
        background-size: cover;
    }
    .home-banner.home-banner-two.home-banner-region{
        background: url("/images/frontpage/banner-5.jpg") no-repeat top right;
        background-size: cover;
    }
    .home-banner.home-banner-one:before{
        background: rgb(134,117,55);
        background: linear-gradient(90deg, rgba(134,117,55,1) 0%, rgba(134,117,55,1) 42%, rgba(134,117,55,0.6) 62%, rgba(134,117,55,0) 84%);
    }
    .home-banner.home-banner-one.home-banner-graduation:before{
        background: rgb(38,35,93);
        background: linear-gradient(90deg, rgba(38,35,93,1) 0%, rgba(38,35,93,1) 42%, rgba(38,35,93,0.6) 62%, rgba(38,35,93,0) 84%);
    }
    .home-banner.home-banner-one.home-banner-maystart:before{
        background: rgb(48,125,156);
        background: linear-gradient(90deg, rgba(48,125,156,1) 0%, rgba(48,125,156,1) 42%, rgba(48,125,156,0.6) 62%, rgba(48,125,156,0) 84%);
    }
    .home-banner.home-banner-one.home-banner-ofsted:before{
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 42%, rgba(0,0,0,0.6) 62%, rgba(0,0,0,0) 84%);
    }
    .home-banner.home-banner-two:before{
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,0.6) 55%, rgba(0,0,0,0) 74%);
    }
    .home-banner.home-banner-three:before{
        background: rgb(26,56,106);
        background: linear-gradient(90deg, rgba(26,56,106,1) 0%, rgba(26,56,106,1) 42%, rgba(26,56,106,0.6) 62%, rgba(26,56,106,0) 84%);
    }
}

@media only screen and (max-width: 719px){
    .home-banner .section_wrapper{
        padding: 20px;
    }
    .home-banner .section_wrapper h2{
        font-size: 3rem;
        line-height: 3rem;
    }
    .home-banner{
        align-items: end;
    }
    .home-banner br{
        display: none;
    }
    .home-banner.home-banner-one{
        background: url("/images/frontpage/banner-small-2.jpg") no-repeat center center;
        background-size: cover;
    }
    .home-banner.home-banner-one.home-banner-graduation{
        background: url("/images/frontpage/banner-graduation-small.jpg") no-repeat center center;
        background-size: cover;
    }
    .home-banner.home-banner-one.home-banner-maystart{
        background: url("/images/frontpage/banner-maystart-small.jpg") no-repeat center center;
        background-size: cover;
    }
    .home-banner.home-banner-one.home-banner-ofsted{
        background: url("/images/frontpage/banner-ofsted-small2.jpg") no-repeat center center;
        background-size: cover;
    }
    .home-banner.home-banner-three{
        background: url("/images/frontpage/banner-small-3.jpg") no-repeat center center;
        background-size: cover;
    }
    .home-banner.home-banner-two{
        background: url("/images/frontpage/banner-small-4.jpg") no-repeat center center;
        background-size: cover;
    }
    .home-banner.home-banner-two.home-banner-region{
        background: url("/images/frontpage/banner-small-5.jpg") no-repeat center center;
        background-size: cover;
    }
    .home-banner.home-banner-one:before{
        background: rgb(134,117,55);
        background: linear-gradient(360deg, rgba(134,117,55,1) 0%, rgba(134,117,55,1) 42%, rgba(134,117,55,0.6) 62%, rgba(134,117,55,0) 84%);
    }
    .home-banner.home-banner-one.home-banner-graduation:before{
        background: rgb(38,35,93);
        background: linear-gradient(360deg, rgba(38,35,93,1) 0%, rgba(38,35,93,1) 42%, rgba(38,35,93,0.6) 62%, rgba(38,35,93,0) 84%);
    }
    .home-banner.home-banner-one.home-banner-maystart:before{
        background: rgb(48,125,156);
        background: linear-gradient(360deg, rgba(48,125,156,1) 0%, rgba(48,125,156,1) 42%, rgba(48,125,156,0.6) 62%, rgba(48,125,156,0) 84%);
    }
    .home-banner.home-banner-one.home-banner-ofsted:before{
        background: rgb(0,0,0);
        background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 37%, rgba(0,0,0,0.6) 52%, rgba(0,0,0,0) 70%);
    }
    .home-banner.home-banner-two:before{
        background: rgb(0,0,0);
        background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 37%, rgba(0,0,0,0.6) 52%, rgba(0,0,0,0) 70%);
    }
    .home-banner.home-banner-three:before{
        background: rgb(26,56,106);
        background: linear-gradient(360deg, rgba(26,56,106,1) 0%, rgba(26,56,106,1) 42%, rgba(26,56,106,0.6) 62%, rgba(26,56,106,0) 84%);
    }
}

/*-------------------------------------------------------*\
	#DEGREE APPRENTICESHIPS - Other case studies footer
\*-------------------------------------------------------*/



.da_casestudies_other {
	margin-bottom: 0;
}
.da_casestudies_other li {
	display: inline-block;
	width: 33.3333%;
}
@media (max-width: 500px) {
	.da_casestudies_other li {
		width: 100%;
	}
}
.da_casestudies_other li img:hover:after{
	background-color: rgba(255, 0, 0, .5);
}

/*-------------------------------------------------------*\
	#Disability page
\*-------------------------------------------------------*/
.disability .trigger{
    padding: 30px;
    margin-top: 0;
}
.disability .stats .row_cell.border-top {
    border-top: 2px solid #867537;
}
.disability .imgright{
    border-radius: 50%;
	max-width: 120px;
}
.disability .hyperlink-nav{
    margin: 0;
}

.disability .hyperlink-nav li a{
    margin: 0;
}
.disability .hyperlink-nav li:not(:last-child) a {
	border-bottom: 1px solid white;
}
.disability .hpsection{
    position: relative;
}
@media only screen and (min-width: 888px){
	.disability .imgright{
		display: inherit!important;
		width: inherit!important;
	}
}
@media only screen and (min-width: 950px){
	.disability .hyperlink-nav li:not(:last-child) a {
		border-right: 1px solid white;
		border-bottom: none;
	}
}


/*-------------------------------
START of Undergrad pages
-------------------------------*/

.timeline_bar_journey{
	
	padding:10px;
	text-align:center;
	display:block;
	min-width:80px;
	background:#867537;
	font-size:20px;
	font-weight:900;
	
}

.timeline_bar_bottom{
	
	padding:10px;
	text-align:center;
	display:block;
	min-width:80px;
	background:#867537;
	margin-left:40px;
	font-size:20px;
	font-weight:900;
	z-index:4;
	position:absolute;
	bottom:0;
}


.timeline_container{
	margin-top:-20px;
	position:relative;
	padding-top:100px;
	padding-bottom:20px;
	
}
.timeline_line{
	background:none;
	border-left:5px solid #867537;
	width:5px;
	height:100%;
	position:absolute;
	left:39;
	top:0;
	z-index:0;
	padding-bottom:0px;
}

.signpost{

	color: #867537;
	font-size:24px;
	font-weight:600;
	display:block;
	padding:20px;
	
	
}
.timeline_box_container{
	position:relative;
	margin-bottom:100px;
}
.timelinebox{
	border-left:5px solid #867537;
	background:#f0efee;
	margin-bottom:100px;
	z-index:0;
	margin-left:39px;
	
	
}
.timeline_pointer{
	position:absolute;
	top:0;
	z-index:3;
}
.timeline_pointer i{

	text-align:center;
	color:#867537;
	font-size:21px;
	background:#fff;
	margin:0px;
	padding:10px;
	border:5px solid #867537;
	
}
.timelinebox p{

	padding:20px;
	padding-top:0px;
	color:#838383;
		
}

.pagesForm form {
	
	padding:0px;
	
}
.pagesForm  h2{
	margin-top:2px;
	padding-bottom: 10px;
	border-bottom: 4px #ebebeb solid;
	
}

.pagesForm #searchtext {
	
	width:70%; 
	float:left;
	margin-right:0px;
	margin-bottom:0px;
	
}

.pagesForm .item-body-cta {
	
	width:30%;
	float:left;
	padding:11px;
	border-bottom:1px solid #867537;
	margin-right:0px;
	margin-left:0px;
	border-radius:0px;
	margin-bottom:20px;
}

.sidebar.underpost{
	border:none;
	margin-top:-5px;
}

.d_greyBack{    
	background: #e1dedd;
}
.hide-for-medium{
	display:none;
	
}

a.orangeLink{
	color:#867537;
}
	

.border-bottom-1orange{
	border-bottom:1px solid #867537;
}
.border-bottom-1white{
	border-bottom:1px solid #fff;
}

ul.studyMenuLinks{	
	width:50%;
	margin:0px;
}
ul.studyMenuLinks a{	
	text-decoration: none
}
ul.studyMenuLinks a:hover{	
	text-decoration: none;
}

ul.studyMenuLinks li{
	background:#867537;
	padding:20px;
	border-bottom: rgba(250, 250, 250, 0.5) 1px solid;
	margin-bottom:0px;
	padding-left:10%;
	padding-right:10%;
	color:#fff;
	font-size:20px;
	margin:0;	
}

ul.studyMenuLinks li:hover{
	background:#CCC;
    color: #333;
}

ul.studyMenuLinks a:focus-visible li {
    outline: 2px dashed white!important;
}

@media only screen and (max-width : 900px) {
	ul.studyMenuLinks li{
	   padding-left: 10px;
       padding-right: 10px;
    }
    
    ul.studyMenuLinks li i{
	   float: right;
       margin-right: 20px;
    }
}

.iconBlock-left{
	position:absolute;
	top:0%;
	left:0%;
	z-index:9999;
	padding:20px;
	color:#fff;
}

.iconBlock-right{
	position:absolute;
	top:0%;
	right:0%;
	z-index:9999;
	padding:20px;
	color:#fff;	
}


.study_new  li a  {
	background:none !important;
}

a.study_new {
	padding:10px;
	border-radius:0px;
	margin-left:0px;
}

.margin-right-20{
	margin-right:20px;
}

#hiddenMenu {
	position:fixed;
	top:99px;
	width:100%;
	padding-top:22px;
	height:28px; 
	background-color:#ebebeb;
	color: #FFFFFF;
	z-index:2;
	display: none;
}

#hiddenMenu .item-body-cta:hover {
	background-color:#fff;	
}

#hiddenMenu form {
	padding-left:20px;
}

#hiddenMenu i {
	color:#fff;
	margin-right:5px;	
}

#hiddenMenu p{
	float:left;
	display:inline;
}

.borderButton{
	border:1px solid #fff;
	padding:9px;
	padding-left:20px;
	padding-right:20px;
	height:22px;
	margin-top:5px;
	margin-right:20px;
	color:#fff;
}

#hiddenMenu .item-body-cta {
	background-color:#ebebeb;
	color:#867537 !important;
	border-radius:0px;	
}

blockquote.dark {
  	background: none;
 	border-left: 10px solid #867537;
 	margin: 0px;
  	padding: 0.5em 10px;
  	quotes: "\201C""\201D";
}

blockquote.dark:before {
 	color: #867537;
 	content: open-quote;
 	font-size: 4em;
 	line-height: 0.1em;
 	margin-right: 0.25em;
  	vertical-align: -0.4em; 
}

blockquote.dark p {
	display:inline;
	color:#867537;
	font-weight:300;
 }
 
.imageSpacer{
	width:100%;
}
.imageCover{
	position:relative;
	width:100%;
	background:url(../../images/sections/fulltime/template_responsive/alya.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	z-index:0;	
}

.imageCover2{
	position:relative;
	width:100%;
	background:url(../../images/sections/postgrad/template_responsive/studentview2.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	z-index:0;
}

.pagecontent li { line-height: 22px;}

.fifty_study{
	width:50%;
	z-index:1;
}

.seventy_study{
	width:70%;
	z-index:1;
}

i.large_icon {
	font-size:50px;
	margin-right:20px;
	margin-top:-5px;
	padding-top:0px;
}

.iconBlock{
	margin:0px;
	width:70px;
	padding-bottom:25px;
	float:left;	
}

.underStudy_light{
	background:#f0efee;
}

.padding_5Per{
	padding:5%;
}

.study_container{
	position:relative;
	max-width:1700px;
	margin:0 auto;
	/*border-left:1px solid #867537;
	padding-left:40px;*/
	margin-top:28px;
	margin-bottom:0px;	
	}

.split_contain{
	position:relative;
	z-index:1;
	width:50%;
	float:left;
	background:#f0efee;
}

.split_contain h1{
	margin-bottom:20px;
}

.split_contain h2{
	color:#574636;
}
.splitFifty1{
	Padding:10%;
	background:none;
	display:block;
}

.splitFifty2{
	display:block;
	color:#574636;
	font-weight:bold;
	background:#e1dedd;
	Padding:10%;
	padding-bottom:7%;
	bottom:0;
}

.highlightPara{
	font-size:25px;
	font-weight:300;
	line-height:1.2;
}
.arrowDown{
	position:absolute;
	color:#fff;
	width:20px;
	left:48.9%;
	font-size:40px;
	margin-top:5%;
	z-index:1;
}

.heroBlock_content{
	padding-top:60px;
	margin:0 auto;
	width:100%;
	color:#fff;
	margin-top:-15px;		
}

.heroBlock_text{
	/*padding-top:10%;*/
	width:100%;
	margin:0 auto;
	text-align:left;
}

.heroBlock_text input{
	float:none;
}

.heroBlock_text h1{
	margin:0 auto ;
	display:block;
	line-height: 1;
	margin-bottom:20px;
}


img.heroBlockImg{
	position:absolute;
	left:0;
	z-index:0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	
}

.heroBlock h1{
	font-size:4em;
}

.menuPad{
	padding:20px;
	
}

@media only screen and (max-width : 900px) {
    .menuPad{
        padding:0px;
    }
    .hide-for-medium{
        display:block;
    }

    #hiddenMenu .item-body-cta {
        width:95%;
        margin-left:0px;
    }

    #hiddenMenu {
        position:fixed;
        top:0px;
        width:100%;
        margin-top:100px;
        height:80px; 
        background-color:#867537;
        color: #FFFFFF;
        z-index:2;
        display: none;
    }

    .heroBlock_text input[type=submit] {
        margin-left:0px;
    }

    .arrowDown{
        display:none;
    }

    .heroBlock h1{
        background:none;
        font-size:8vw;
        padding:0px;
        color:#fff;
    }

    .heroBlock a{
        margin:0 auto;
        display:block;
        margin-bottom:5px;
    }

    ul.studyMenuLinks{
        width:1000%;
        margin:0px;	
    }
    
    .splitFifty1{
        Padding:10%;
        background:none;
        color:#838383;
    }

    .splitFifty2{
        color:#574636;
        font-weight:bold;
        background:#e1dedd;
        Padding:10%;	
    }

    .fifty_study{
        width:100%;
    }

    .split_contain{
        position:relative;
        width:100%;
        float:none;
        background:#f0efee;
    }
    .hide-for-small{
        display:none !important;
    }
}

@media only screen and (max-width : 950px) {
	#hiddenMenu {
        position:fixed;
        top:0px;
        width:100%;
        margin-top:130px;
        height:80px; 
        background-color:#867537;
        color: #FFFFFF;
        z-index:2;
        display: none;
    }

    #hiddenMenu #searchtext {
        width:95%; 
    }
}

@media only screen and (max-width : 1399px) {
    .imageSpacer{
        position:relative;
        width:100%;
        left:0;	
        top:0;
        background:url(../../images/sections/whats_on/openDayNew/under/test2small.jpg);
        background-repeat:no-repeat;
        background-position:center center;
        background-size:cover;
        z-index:0;
    }

    .arrowDown{
        margin-top:80px;
    }
}

@media only screen and (max-width : 750px) {
	#hiddenMenu .item-body-cta {
        width:95%;
        margin-left:0px;
    }

    #hiddenMenu {
        position:fixed;
        top:0px;
        width:100%;
        margin-top:-40px;
        height:80px; 
        background-color:#867537;
        color: #FFFFFF;
        z-index:2;
        display: none;
    }
    .hide-for-xsmall {
        display:none !important;
    }
}


/*-------------------------------
END of Undergrad page
-------------------------------*/

/*--------------------Schools & Colleges [Start]----------------------*/

.speakers-in-schools-block	{
	background: #eee;
	padding: 15px;
}

/*--------------------Schools & Colleges [End]----------------------*/


/*--------------------Schools & Colleges 2024 [Start]----------------------*/



/*New Landing Page styles (with navi)*/

.sc-lp-banner	{
    background-color: #333233;
}

.centerdiv	{
	background-color: #333233;
	/*background: #ccc;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
   	width: auto;
	padding: 20px 20px 20px 20px;  
 }

h1.sc-lp-hero {
	font-family: Teko, sans-serif;
	padding-top: 15px;
	text-transform: uppercase;
	font-size: 8rem !important;
	/*letter-spacing: 0.2rem;*/
	text-align: center; 
	vertical-align: middle;
	display: flex;
	justify-content: center; 
	align-items: center;
	flex-direction: row;
	color: #fff;
    line-height: 1.4;
	margin-bottom: 0;
	font-stretch: condensed;
 }

h1.sc-lp-hero span {	
	color: #ed6192;
}

p.sc-lp-hero {
	font-family: Teko, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 8rem !important;
	/*letter-spacing: 0.2rem;*/
	text-align: center; 
	vertical-align: middle;
	/*display: flex; */
	justify-content: center; 
	align-items: center;
	flex-direction: row;
	color: #fff;
	margin-bottom: 0;
    line-height: 1.4;
	font-stretch: condensed;
 }

p.sc-lp-hero span {	
	color: #ed6192;
}

.buttondiv	a.btn  {
	margin: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center; 
	vertical-align: middle;
 }

@media screen and (min-width: 45em) {
	.sc-lp-banner	{
        height: 700px;
    }
    
    .buttondiv	{
        margin-top: 3rem;
        margin-bottom: 3rem;
     }
}

@media screen and (max-width: 44.9em) {
    h1.sc-lp-hero {
        font-family: Teko, sans-serif;
        font-weight: bolder;
        margin-top: 10px;
        /*margin-left: -10px;*/
        /*padding-left: 15px;*/
        font-size: 3rem !important;
        text-shadow: none;
        text-align: center;
        margin-bottom: 1.5rem;
    }

    p.sc-lp-hero {
        font-family: Teko, sans-serif;
        margin-top: 1rem;
        font-weight: bold;
        /*margin-left: -10px;*/
        /*padding-left: 15px;*/
        font-size: 3rem !important;
        text-shadow: none;
    }
}


@media (max-width: 480px) {
	
	.buttondiv	{
		margin-right: 20px;
	 }
	
	.buttondiv a.btn	{
		color:#ccc;
	}
	
}




/* Original Landing Page Black Div no navi - delete if no longer used (start)

.landing-page-no-menu	{
	background-color: #333233;
}

.landing-page	{
	background: red;
	border: 1px #fff;
	margin: 0;
	padding: 0;
	position: relative;
	min-height: 300px;
	background-color: red;
}

@media (max-width: 480px) {
	.landing-page {
		padding-top: 20px;
		min-height: 400px;
	}
}


.landing-logo  {
	padding: 1em;
}

.landing-logo img {
	padding: 1em;
	position: absolute;
	top: 0;
	left: 0;
}


.centerdiv	{
	background-color: #333233;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
   	width: auto;
	padding: 20px 20px 20px 20px;  
 }


	@media (max-width: 480px) {
		#centerdiv {
		}
	}

h1.landing-hero-text {
	font-family: Teko, sans-serif;
	padding-top: 80px;
	padding-left: 30px;
	text-transform: uppercase;
	font-size: 10rem !important;
	letter-spacing: 0.2rem;
	text-align: center; 
	vertical-align: middle;
	display: flex; 
	justify-content: center; 
	align-items: center;
	flex-direction: row;
	color: #fff;
 }


 	@media screen and (max-width: 44.9em) {
		h1.landing-hero-text {
			padding-top: 70px;
			padding-left: 15px;
			font-size: 4.7rem !important;
			text-shadow: none;
		}
	}


h1.landing-hero-text span {	
	color: #867537;
}

h1.landing-hero-text-next {
	margin-top:-140px;
}

@media screen and (max-width: 44.9em) {
	h1.landing-hero-text-next {
		margin-top: -100px;
		text-shadow: none;
	}
}


@media screen and (min-width: 600px)  {
	.mobile-break { display: none; }
}



.hplanding	{
	background: #333233;
	padding: 0;
    margin-top: 10px;
}

@media screen and (max-width: 44.9em) {
	.hplanding	{
		background: #333233;
		padding: 0;
		margin-top: 35px;
	}
}

h2.landing-intro	{
	display: block;
	text-align: center;
	font-size: 3.5rem;
	margin-top: 0px;
	color: #fff;
}



@media screen and (max-width: 44.9em) {

	h2.landing-intro {
		padding-top: 20px;
		font-size: 3rem;
		color: #fff;
	}	

}


p.landing-intro-text {
    color: #fff;
	text-align: center;
    line-height: 2em;
    word-wrap: normal;
    margin: 3rem;
    padding: 20px;
}


.landing-page-btn {
    background-color: #867537 !important;
    border-color: #867537 !important;
    color: #fff !important;
    border-radius: 5px;
	min-height: 15px;
    min-width: 250px;
    text-shadow: none;
    text-transform: uppercase;
	margin: 10px;
	text-align: center;
}

@media screen and (max-width: 44.9em) {

	.landing-page-btn {
		width: 200px;
	}	

}

.landing-page-btn:hover{
	background-color: #fff !important;
    border-color: #fff !important;
    color: #867537 !important;
}

Delete end */



/*--------------------Schools & Colleges 2024 [End]----------------------*/


/*--------------------Residential [Start]----------------------*/


.residential-generic-text	{
  font-family: Teko, sans-serif;
}

ul.event_info li.residential-generic-text, 	ul.event_info li.residential-generic-text a, ul.event_info li.residential-generic-text a:hover {
	font-family: Arial, sans-serif !important;
	color: #333233 !important;	
}



h1.residential-banner-text   {
	font-family: Arial, sans-serif !important;
	color: #fff !important;	
	font-size: 5rem;
}

@media screen and (max-width: 44.9em) {

	h1.residential-banner-text  {
		margin-top: 10px;
		font-size: 5rem;
	}	

}



h1.residential-generic-text, .residential-generic-text{
	color: #333233 !important;
}

h1.residential-generic-text-header	{
	font-family: Arial, sans-serif !important;
	color: #333233 !important;
}


h2.residential-banner-text {
    font-family: Teko, sans-serif;
    padding-top: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-size: 6.5rem !important;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}



h2.residential-intro	{
	display: block;
	text-align: center;
	font-size: 4.5rem;
}

@media screen and (max-width: 44.9em) {

	h2.residential-intro {
		margin-top: 10px;
		font-size: 3rem;
	}	

}

h2.residential-intro:after {
    display: block;
    content: "";
    border-top: 3px solid #333233;
    width: 64px;
    margin: 35px auto;
    transform: translateY(-1rem);
}

@media screen and (max-width: 44.9em) {

	h2.residential-intro:after {
		display: block;
    	content: "";
    	border-top: 3px solid #333233;
    	width: 64px;
    	margin: 35px auto;
    	transform: translateY(-1rem);
	}	

}


p.residential-intro	{
	font-size: 2rem;
	text-align: center;
	line-height: 2em;
	word-wrap: normal;
	margin-top: 0;
	margin-left: 30px;
	margin-right: 30px;
	padding: 20px;
	/*background: #333233;
	color: #fff;*/
}

@media screen and (max-width: 44.9em) {

	p.residential-intro	{
		margin-top: 10px;
		line-height: 2em !important;
	}

}


h2.residential-generic-text-color	{
	color: #333233;
	font-size: 3.5rem;
	text-align: center;
	align: middle;
	padding-top: 30px;
	padding-bottom: 30px;
}


	@media screen and (max-width: 44.9em) {
		h2.residential-generic-text-color	{
		padding-bottom: 30px;
		}
	}

hr.residential	{
	width: 70%;
	align: middle;
	text-align: center;
	color: #333233;
	margin: auto;
	padding-bottom: 20px;
}

@media screen and (max-width: 44.9em) {
	hr.residential	{
		padding-bottom: 30px;
	}
}

.residential-spacer	{
	height: 10px;
}

@media screen and (max-width: 44.9em) {

	.residential-spacer		{
		height: 100px;
	}

}

.residential-info-block	{
	margin-top: -4rem;
}

h2.residential-info-block-heading	{
	margin-top: 1rem;
}

#residential .row_cell{
	/*border: 1px solid #ebebeb;
	margin-top: 10px;*/
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 10px;
}

.residential-generic	{
	background: #333233;
}

h3.trigger_basic, h3.trigger_basic active	{
	color:#000;
}


p.residential-banner-text	{
 font-family: Teko, sans-serif;
 padding-top: 15px;
 padding-bottom: 15px;
 text-transform: uppercase;
 font-size: 6.5rem;
 text-align: center;
 margin-top: 10px;
 margin-bottom: 10px;
}

@media screen and (max-width: 44.9em) {

	p.residential-banner-text	{
	 padding-top: 15px;
	 padding-bottom: 15px;
	 padding-left: 10px;
	 padding-right: 10px;
	 font-size: 4rem;
	 margin-top: 10px;
	 margin-bottom: 10px;
	}
	
}


p.residential-date	{
 font-family: Teko, sans-serif;
 padding-top: 15px;
 padding-bottom: 15px;
 text-transform: uppercase;
 font-size: 2.5rem;
 text-align: center;
}

.residential-generic-btn-banner {
	background-color: #b6dccf !important;
    border-color: #b6dccf !important; 
	color: #333233 !important;
	border-radius: 5px;
	min-width: 250px;
	text-shadow: none;
	text-transform: uppercase;
}

.residential-generic-btn-banner:hover {
    background-color: #eee !important;
    border-color: #b6dccf !important; 
	color: #333233 !important;
	border-radius: 5px;
	min-width: 250px;
	text-shadow: none;
	text-transform: uppercase;
}

.residential-generic-btn	{
	position: relative;
    /*color: #b6dccf;*/
	color: #fff !important;
    background: #333233;
}

.residential-generic-btn:hover	{
	color: #000 !important;
}

.residential-btn-light	{
	font-family: Teko, sans-serif;
	font-weight: lighter;
	border-radius: 5px;
	min-width: 250px;
	text-shadow: none;
	text-align: center;
	padding-top: 15px;
	/*padding-bottom: 15px;*/
	text-transform: uppercase;
	font-size: 2.5rem;
	text-align: center;
}

.residential-btn-light:hover	{
	background-color: #eee !important;
    border-color: #eee !important; 
	color: #000 !important;
}

.residential-generic-btn-light	{
	background-color: #b6dccf !important;
    border-color: #b6dccf !important; 
	color: #333233 !important;
}


h3.residential-generic-text	{
	font-family: Teko, sans-serif;
	font-size: 3rem;
	text-align: center;
	align: middle;
	font-weight: lighter;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 10px;
}

.residential-event-img {
	padding: 15px;
	margin-bottom: 15px;
}





/*Engineering*/

.residential-engineering-btn-light	{
	background-color: #0d5699 !important;
    border-color: #0d5699 !important; 
	/*color: #e95e56 !important;*/
	color: #f2f2f2 !important;
}

.residential-engineering	{
	background: #e95e56;
	border: 1px solid #e95e56;
}

h1.residential-engineering-text, .residential-engineering-text	{
	color: #0b579a;
}

ul.event_info li i.residential-engineering-text {
	color: #0d5699;
}

.residential-engineering-btn	{
	position: relative;
    /*color: #b6dccf;*/
	color: #fff !important;
    background: #326086;
}

.residential-engineering-btn:hover	{
	color: #000 !important;
}


/*Science*/
.residential-science	{
	background: #326086;
}

h1.residential-science-text, .residential-science-text	{
	color: #326086;
}

ul.event_info li i.residential-science-text {
	color: #326086;
}

.residential-science-btn	{
	background-color: #c1d100 !important;
    border-color: #c1d100 !important; 
	/*color: #326086 !important;*/
	color: #000 !important;
}

.residential-science-btn-light	{
	background-color: #c1d100 !important;
    border-color: #c1d100 !important; 
	/*color: #326086 !important;*/
	color: #000 !important;
}



/*Art*/

.residential-art-btn-light	{
	background-color: #e71a80 !important;
    border-color: #e71a80 !important; 
	/*color: #52c3f1 !important;*/
	color: #f2f2f2 !important;
}

.residential-art	{
	background: #52c3f1;
}

h1.residential-art-text, .residential-art-text	{
	color: #ea1080;
}

ul.event_info li i.residential-art-text {
	color: #e71a80;
}

.residential-art-btn	{
	position: relative;
    /*color: #b6dccf;*/
	color: #000 !important;
    background: #52c3f1;
}


/*Leadership*/

.residential-leadership-btn-light	{
	background-color: #163b49 !important;
    border-color: #eee !important; 
	/*color: #e95e56 !important;*/
	color: #f1cec2 !0important;
}

.residential-leadership	{
	background: #f1cec2;
	border: 1px solid #eee;
}

h1.residential-leadership-text, .residential-leadership-text	{
	color: #163b49;
}

ul.event_info li i.residential-leadership-text {
	color: #163b49;
}

.residential-leadership-btn	{
	position: relative;
    /*color: #b6dccf;*/
	color: #fff !important;
    background: #163b49;
}

.residential-leadership-btn:hover	{
	color: #f1cec2 !important;
}


/*General Residential*/
.residential-generic-btn:hover, .residential-engineering-btn:hover, .residential-science-btn:hover, .residential-art-btn:hover	{
    color: #163b49;
    background-color: #f1cec2;
}


#residential	{
	margin-top:20px;
}

@media screen and (max-width: 44.9em) {

	#residential	{
		margin-top:40px;
	}

}



@media screen and (max-width: 44.9em) {

	.residential-spacer		{
		height: 100px;
	}

}


#residential .row_cell img.residential {
	float: none;
	margin: 10px auto 10px auto;
	/*border: 2px solid #fff;
	border-radius: 5px;*/
}

#residential .row_cell .residential-desc-block{
	padding-bottom: 10px;
	background: #f2f2f2;
	border-radius: 5px;
	margin: 3px 0;
	text-align: center;
	height: 50px;
	/*min-height: 115px;*/
}

#residential .row_cell .residential-gen-btn	{
	background: #000;
	border: none;
}

.residential-white	{
  color: #fff;	
}

li.residential-white	{
  color: #fff;
}
.residential-bg	{
	background: #ebebeb;
	margin-top:15px;
}

/*--------------------Residential [End]----------------------*/

.hpcampus .tile-cases {
    width: 49.5%;
}

.hpcampus .tile-cases h3{
    margin-bottom: 40px;
    font-size: 24px;
    color: white;
}

.hpcampus .tile-cases .content-overlay {
    height: 80px;
}