@charset "UTF-8";

/* Stylesheet for MGA live18 website - bootstrap overrides 

Bootstrap has been set up with customised values to incorporate the blue and purple within the gray base, and with a larger fontsize of 15px / 1.5 and a default sans serif family of roboto-light.

*/

/* Framework //////////////////////////////////////////////////////*/


body {
	background: #000;
}
p.development {
 background-color: rgba(51,51,255,1);
 width: 100%;	
 text-align: center;
	position:fixed;
	z-index: 9999;
}

#twocols > div.row-fluid {
		margin-top: 28px;

}

#maincol {
	margin-bottom: /*28px*/20px;	 /*moved onto footer top for collapsing Aug19 added 20px again*/
}

body #maincol {
line-height: 1.45;
}


footer {
margin-top: 28px; 	
}


/* General styles //////////////////////////////////////////////////////*/

#maincol p {
margin: 0 0 15px;	
}

#maincol ul, #maincol ol {
    margin-bottom: 12px;
    margin-top: -2px;
	padding-left: 20px;
	list-style: square;
}
#maincol li {
	margin-bottom: 5px;
}

a { color: #66ccff;
}

a:hover, a:focus {
    color: #66ccff;
    text-decoration: underline;
	border: none;
	outline: none;
}

em, i {
	font-family: 'roboto-light', Arial, Helvetica, sans-serif;
	font-style: oblique;
}

strong, b {
	font-family: 'roboto-light', Arial, Helvetica, sans-serif;
	font-weight: bold;
}

sup {
font-size: 40%;
	top: -20px;
}

.regular {
	font-family: 'roboto', Arial, Helvetica, sans-serif;
}

.purple {
	color: #a1509f;
}

.big {
	font-size: 18px;
	color: #B2B1B2;
}
#maincol p.big {
margin-top: 28px;
	margin-bottom: 20px;
}

h1, .h1 {
	margin-top: 0;
	font-size: 40px;
	line-height: 1.1;
	margin-bottom: 18px;
}

h2, .h2 {
	margin-top: 32px;
	font-size: 28px;
	line-height: 1.1;
	margin-bottom: 10px;
	color: #a1509f;
}

h3, .h3 {
	margin-top: 32px;
	font-size: 20px;
	line-height: 1.1;
	margin-bottom: 10px;
	color: #fff;
	font-family: 'roboto', Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#maincol h3 {
	line-height: 1.2;

}

h4, .h4 {
	font-family: 'roboto', Arial, Helvetica, sans-serif;
	margin-top: 20px;
	font-size: 17px;
	line-height: 1.1;
	margin-bottom: 10px;
	font-weight: normal;
	text-transform: uppercase;
}


div.smaller {
	font-size: 85%;
}

#rightcol {
	font-size: 14px;
	line-height: 1.45;
	color: #E3E3E3;
}


#rightcol a {
	color: #E3E3E3;	
}

#rightcol .info p a, #rightcol .region_rightnews p a {
	font-family: 'roboto', Arial, Helvetica, sans-serif;
}

#rightcol h2, #rightcol .h2 {
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	margin-top: 0;
    border-bottom: 2px solid rgba(0,0,0,0.15);
    margin-bottom: 4px;
    padding-bottom: 10px;
}
#rightcol h2 a {
	color: #fff;
	text-decoration: none;
}

#rightcol h2 a:hover {
	color: #e3e3e3;
	text-decoration: none;
}

#rightcol h4, #rightcol .h4 {
	font-family: 'roboto', Arial, Helvetica, sans-serif;
	margin-top: 0px;
	font-size: 17px;
	line-height: 1.1;
	margin-bottom: 10px;
	font-weight: normal;
}

#rightcol ul, #rightcol ol {
    margin-bottom: 12px;
    margin-top: 0px;
	padding-left: 18px;
	list-style: square;
}

.caret {
    border-top: 6px dashed;
}
.glyphicon {
	top: -2px;	
}

#rightcol span.glyphicon, #rightcol i.fa, #tweecool i.fa {
	position: absolute;
	top: 10px; 
	right: 14px;
	font-size: 34px;
	opacity: 0.25;
	color: #000;
}

#rightcol .shop i.fa, #rightcol .info i.fa, #rightcol .calendar i.fa {
font-size: 30px;	/* these ones slightly large?*/
}
#rightcol .tutor i.fa { /* teacher's cap move right */
	right: 7px;
	font-size: 32px;
}


img { /* From wingtheme2.css - Responsive images (ensure images don't scale beyond their parents) */

	max-width: 100%; /* Part 1: Set a maxium relative to the parent */
	width: auto\9; /* IE7-8 need help adjusting responsive images */
	height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.home #maincol iframe, .page-id-2928 #maincol iframe {
	margin: 0;	
	padding: 0;	
}


#maincol .alignright, #maincol .hanger {
	float: right;
	clear: right;
	margin: 0px 0px 15px 20px;	
}
#maincol .alignleft {
	float: left;
	clear: left;	
	padding: 0px 20px 15px 0px;	
}
#maincol .alignnone, #maincol .aligncenter {
	margin: 15px 0;
	clear: both;	
	padding: 0px 0px 15px 0px;	
}

#maincol .wp-image-12623 { /*sig on welcome page*/
    margin: 0;
    padding: 0;
}


#maincol .wp-post-image {
	margin-bottom: 15px;
	clear: both;	
	padding: 0px 0px 15px 0px;	
	width: 100%;
}

#maincol iframe {   
	/*width: 100% !important; AMY do i need this ??????*/
	margin: 15px 0;
	clear: both;	
	padding: 0px 0px 15px 0px;	
}

#maincol .accreditation {
	font-size: 14px;	
	margin-top: 24px;
	margin-bottom: 34px;
	line-height:1.2;
}
#maincol .accreditation > img {
	padding: 0;
	margin: -8px 8px 0 0;
	clear: none;
}
#maincol .accreditation > img.funding  {
	margin-top: 0px;
	padding: 0;
}

img.inline {
	margin: -2px 0 0 4px;
	padding: 0;
	display: inline-block;
	width: 30px;
	height: 30px;
}




/* Header //////////////////////////////////////////////////////*/
#header_lining {
letter-spacing: 0.5px;	
}

#topstuff {
margin-bottom: 10px;	
}

#headerlogo {
	position: inherit; /*affects links in menu above otherwise*/
	text-align: center;
}

#headerlogo img {
	width: 100%;
	height: auto;
	max-width: 160px;	
	margin-bottom: 10px;
	opacity: 1;
	transition: opacity 0.3s ease 0s;
}
#headerlogo img:hover, #headerlogo img:focus {
	opacity: 0.7;	
}

ul#topnav {
	/*background: #552C55;*/
	list-style: none;
	padding: 0;
	margin-right: 0px;
	margin-bottom: 24px;
	padding-top: 22px;
	padding-bottom: 5px;
	max-width: 600px; /*Oct 2019*/
}
#topnav li {
	display: inline-block;
	position: relative;	
	text-transform: uppercase;
	font-size: 13px;
    margin-left: 11px;
}
#topnav li a {
	color: #fff;	
}


/* search form */

li.search {
float: right;
bottom: -3px; /* quick lining up*/
}
#topnav li.search a {
	color: #938988;	
}
i.fa-search { 
	font-size: 150%;
	margin-left: 7px;
	margin-right: 15px;
	float: right;
}
label.screen-reader-text, input#searchsubmit {
 display: none;	
}

input.searchtext {
	font-size: 14px;
	color: #938988;	
	font-family: 'roboto-light', Arial, Helvetica, sans-serif;
	border: none !important;
	background: none !important;
	border-radius: 0;
	padding: 0;
	width: 100%;
	text-shadow: none;
}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    text-shadow: none;
    -webkit-text-fill-color: initial;
}

.well {
	margin: 5px 13px 0 13px;
	padding: 3px 8px;
}
	
.region_sociallinks { /*Aug19*/	
	float: right !important;
}

.region_sociallinks ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
.region_sociallinks li {
	display: inline-block;
	width: 70px;
	height: 64px;
	text-indent: -6000px;
}

.region_sociallinks li a {
	display: block;
	width: 100%;
	height: 100%;
}
.region_sociallinks li a, .region_sociallinks li a:visited {
	background-position: top left !important;
	transition: background-position 0.3s ease-in 0s;

}
#facelink a {
	background: url(../images/fbook.png) no-repeat  ;
}
#tweetlink a {
	background: url(../images/tweet.png) no-repeat  ;
}
#instagramlink a {
	background: url(../images/insta.png) no-repeat  ;
}
#tubelink a {
	background: url(../images/youtube.png) no-repeat ;
}

.region_sociallinks li a:hover, .region_sociallinks li a:focus  {
	background-position: bottom left !important;
}




/* MAIN NAV ////*/
/*overrules*/
.cmenu {
	color: #776F6F;
	left: -62px;
	position: absolute;
	text-transform: uppercase;
	top: 5px;
}
button:hover .cmenu, button:focus .cmenu {
	color: #938988;
}
nav.navbar {
	font-size: 16px;
    background: #3B3736;
    border-radius: 0;
    box-shadow: none;
	border: none;
	margin-bottom: 0px;
	min-height: 30px;
	letter-spacing: 1px;
}
.navbar-default .nav > li > a {
 color: #fff;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
 text-transform: uppercase;
 transition: background-color 0.2s ease 0s;
}
.nav > li > a {
	padding: 3px 20px;
}

.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus { /*When the top button is hovered/clicked*/
	background-image: none;
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3);
	background-color: #a1509f; 
	color: #fff;
}
.navbar-default .navbar-nav > .open > a,        
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {   /*When the top button is clicked on*/
	background-image: none;
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3);
    background-color: #a1509f;
    color: #fff;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {   /*When the top button is the page or parent*/
	background-image: none;
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3);
	background-color: #a1509f; 
	color: #fff;
}

/*Dropdown*/
ul.children {
	letter-spacing: 0px;
	font-size: 15px;
	font-family: 'roboto', Arial, Helvetica, sans-serif;
}
.dropdown-menu {
border: none;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
background-color: #3B3736;
padding-top: 0;	
transition: display 3s linear 0s; 
}
.navbar-collapse {
    border-top: none;
    box-shadow: none;
}
.navbar-nav > li > .dropdown-menu {
	border-radius: 	0;
	min-width: 100%;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}
.navbar-nav .open .dropdown-menu > li > a {
    line-height: 1.3;
}
.navbar-nav .open .dropdown-menu > li > a, 
.navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 15px;
}	
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { /* The dropdown click/hover*/
	background-image: none;
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3);
    color: #fff;
	background-color: #938988 ;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus { /* The dropdown item of that page */
	background-image: none;
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3);
    color: #fff;
	background-color: #a1509f;
}

/*colours*/

.navbar-default .navbar-nav > li:nth-child(1) > a:hover, 
.navbar-default .navbar-nav > li:nth-child(1) > a:focus, 
.navbar-default .navbar-nav > li:nth-child(1).open > a,        
.navbar-default .navbar-nav > li:nth-child(1).open > a:hover, 
.navbar-default .navbar-nav > li:nth-child(1).open > a:focus,
.navbar-default .navbar-nav > li:nth-child(1).active > a, 
.navbar-default .navbar-nav > li:nth-child(1).active > a:hover, 
.navbar-default .navbar-nav > li:nth-child(1).active > a:focus,
li:nth-child(1) > .dropdown-menu > .active > a {   
	background-color: rgba(0,167,232,1); 
}

.navbar-default .navbar-nav > li:nth-child(2) > a:hover, 
.navbar-default .navbar-nav > li:nth-child(2) > a:focus, 
.navbar-default .navbar-nav > li:nth-child(2).open > a,        
.navbar-default .navbar-nav > li:nth-child(2).open > a:hover, 
.navbar-default .navbar-nav > li:nth-child(2).open > a:focus,
.navbar-default .navbar-nav > li:nth-child(2).active > a, 
.navbar-default .navbar-nav > li:nth-child(2).active > a:hover, 
.navbar-default .navbar-nav > li:nth-child(2).active > a:focus,
li:nth-child(2) > .dropdown-menu > .active > a {   
	background-color: rgba(120,63,121,1); 
}

.navbar-default .navbar-nav > li:nth-child(4) > a:hover, 
.navbar-default .navbar-nav > li:nth-child(4) > a:focus, 
.navbar-default .navbar-nav > li:nth-child(4).open > a,        
.navbar-default .navbar-nav > li:nth-child(4).open > a:hover, 
.navbar-default .navbar-nav > li:nth-child(4).open > a:focus,
.navbar-default .navbar-nav > li:nth-child(4).active > a, 
.navbar-default .navbar-nav > li:nth-child(4).active > a:hover, 
.navbar-default .navbar-nav > li:nth-child(4).active > a:focus,
li:nth-child(4) > .dropdown-menu > .active > a {   
	background-color: rgba(0,92,128,1); 
}

.navbar-default .navbar-nav > li:nth-child(3) > a:hover, 
.navbar-default .navbar-nav > li:nth-child(3) > a:focus, 
.navbar-default .navbar-nav > li:nth-child(3).open > a,        
.navbar-default .navbar-nav > li:nth-child(3).open > a:hover, 
.navbar-default .navbar-nav > li:nth-child(3).open > a:focus,
.navbar-default .navbar-nav > li:nth-child(3).active > a, 
.navbar-default .navbar-nav > li:nth-child(3).active > a:hover, 
.navbar-default .navbar-nav > li:nth-child(3).active > a:focus,
li:nth-child(3) > .dropdown-menu > .active > a {   
	background-color: rgba(170,171,184,1); 
}

/* Number 5 is using the purple default
}*/


.navbar-default .navbar-nav > li.active > a:hover {
	background-color: #776f6f !important; 	
}



/* end of nav */


/* END OF HEADER //////////*/






/* Widget styles //////////////////////////////////////////////////////*/
.wf_widget {
    margin-bottom: 28px;
}


.box {
	padding: 0 14px 28px 14px;
}

#maincol .box {
	font-size: 13px;
}

#maincol .box.extra {
	padding-top: 14px;
	padding-bottom: 14px;
	margin-bottom: 28px;
	margin-top: 14px;
}

#maincol .box.extra li, #maincol .box.extra p  {
	margin-bottom: 4px;
}
#maincol .box.extra h4 {
	margin-top: 0px;
	font-size: 18px;
	line-height: 1.1;
	margin-bottom: 10px;
	color: #fff;
	font-family: 'roboto', Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: none;
}

#maincol .box.course {
	padding-top: 14px;
	padding-bottom: 7px;
	margin-bottom: 28px;
	margin-top: 14px;
	color: #333;
}

#maincol .box.course li, #maincol .box.course p  {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.3;
}
#maincol .box.course h4 {
	margin-top: 0px;
	font-size: 18px;
	line-height: 1.1;
	margin-bottom: 10px;
	color: #fff;
	font-family: 'roboto', Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: none;
}





.single #maincol p.date {
    color: #938988;
    font-size: 13px;
    text-transform: uppercase;
}





/* Right col */


#rightcol a.more_link {
	font-weight: bold;
}
#rightcol a:hover {
	color: #fff;
}

.download .postwrap a, .indus .postwrap a, .view .postwrap a, .calendar .postwrap a, .shop .postwrap a, .tutor .postwrap a, .indexp .postwrap a, .ticket .postwrap a {
	padding: 10px 46px 14px 14px; /*to make room for glyph*/
	display: block;
	min-height: 52px;
}

#rightcol .box {
	padding: 14px 14px 4px 14px;
}

.download .postwrap a:hover, .download .postwrap a:focus, .indus .postwrap a:hover, .indus .postwrap a:focus, .view .postwrap a:hover, .view .postwrap a:focus, .calendar .postwrap a:hover, .calendar .postwrap a:focus, .shop .postwrap a:hover, .shop .postwrap a:focus, .tutor .postwrap a:hover, .tutor .postwrap a:focus, .indexp .postwrap a:hover, .indexp .postwrap a:focus, .ticket .postwrap a:hover, .ticket .postwrap a:focus {
	text-decoration: none;	
}

#rightcol .box li {
	margin-bottom: 3px;
}
#rightcol .light, #rightcol .light h2,  #rightcol .light h4,  #rightcol .light a { /* Because it's a light colour */
	color: #000;	
}

#rightcol .light .postwrap  {
	font-size: 115%;
}

#rightcol .download, #rightcol .indus, #rightcol .view, #rightcol .calendar, #rightcol .shop, #rightcol .tutor, #rightcol .indexp, #rightcol .ticket {
	font-size: 18px;
	line-height: 1.1;
	min-height: 30px;
}

#rightcol .download a.apply {
	font-size: 24px;	
}

.region_righttop.shop .picwrap, .region_righttop.ticket .picwrap  {
	display: none; /* does the basic WF post widget bring in a featured image?? */
}

/* end of rightcol //////////////*/


/* 2019 button */
a.button {

    letter-spacing: 2px;
    font-size: 16px;
    font-weight: bold;
    color: #fff !important;
    background-color: #848485;
    display: inline-block;
    margin-bottom: 15px;
	margin-top: 15px; /*Aug19 added*/
    text-decoration: none;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s linear 0s;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
a.button:hover {
    background-color: 
rgba(136,57,129,1.00);
}

#sitemenu a.button {
    letter-spacing: 1px;
    font-size: 13px;
    padding: 10px 14px;
    font-weight: normal;
	margin-top: -7px;
	margin-bottom: 0;
}

#sitemenu a.button#contactus,
#sitemenu a.button#topstudentlog {
box-shadow: none;
background-color: transparent;
    padding: 10px 0px;
}
#sitemenu a.button#contactus:hover {
text-decoration: underline;	
}

/* ////////// WIDGETS ///////////////////*/


/* List widget news box */
.list_widget .entry p {
    margin-bottom: 8px;
}

#rightcol .hwrap, #rightcol .posts  {
	/*margin: 0 15px 0 15px;*/
}
#rightcol .region_rightnews {
	border: none;	
	padding-bottom: 7px; /* should be 13 but doesn't look right with x height */
}

#rightcol .region_rightnews p a {
	font-family: 'roboto', Arial, Helvetica, sans-serif;
}

#rightcol .region_rightnews .post {
    border-top: none;
    padding-top: 6px;
    padding-bottom: 10px;
}

.region_rightnews {
	padding: 14px 14px 0 14px;
}

#rightcol .region_rightnews {
	line-height: 1.4;
}
.region_rightnews p.title {
font-size: 19px;
line-height: 1.2;
color: #fff;	
font-weight: bold;
}
.region_rightnews p.title a {
color: #fff;	
}

.region_rightnews .date {
	font-size: 12px;
	margin-bottom: 0;
    text-transform: uppercase;
}
/* end of news widget*/





/* List widget in PLAINLIST style */

.list_widget.plainlist {
border: 0;
}

.plainlist .posts {
	margin-bottom: 100px;
}

.plainlist .post {
    border-top: 2px solid #3b3736;
	margin-top: 28px;
	min-height: 196px;	/*changed to square 7.4.16*/
}

.plainlist p.date {
font-size: 12px;
text-transform: uppercase;
color: #938988;
margin-bottom: 0px !important;	
}

.plainlist  p.title {
	font-size: 24px;
	line-height: 1.2;	
}

.plainlist  p.title a {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #a1509f;
	font-weight: normal;
}


#maincol .plainlist p.title, #maincol .plainlist .entry {
	margin-left: 214px;
}

.plainlist a > img {
width: 180px;
height: 180px; /*changed to square 7.4.16*/
position: absolute;
left: 0;
	top: 31px
}

.plainlist a:hover > img {
    opacity: 0.7;
}

.plainlist p.list_pagination span, .plainlist p.list_pagination a {
margin-right: 5px;
	color: #3b3736;
	box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.3);
	background: #0094cb;
	padding: 2px 8px;
}

.plainlist p.list_pagination .summary {
	background: none;
	color: #938988;
}
.plainlist p.list_pagination a:hover, .plainlist p.list_pagination a:focus, .plainlist p.list_pagination span.current_pagin {
	background: #1DADE9;
	color: #fff;
	text-decoration: none;
}
 .plainlist p.list_pagination a:focus, .plainlist p.list_pagination span.current_pagin {
	font-weight: bold;
 }

body.page-id-4463 .plainlist .entry p { /*ie the news page */
	font-size: 14px;
	margin: 0 0 10px;
}

/* end of plainlist */





/* List widget in PICBACK style */

.list_widget.picback {
    border-bottom: none;
	margin-top: 28px;
}
.list_widget.picback .post {
    border: none;
	padding: 0;
}

.picback .post {/* and mga-colours.css */
	min-height: 200px;	
}

#maincol .picback p, #rightcol .picback p {
margin: 0;	
}

.picback.list_widget p.title, .picback.list_widget .entry p {
	line-height: 1.1; 
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	letter-spacing: 0.5px;
	font-family: 'roboto-light', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.picback p.title {/* and mga-colours.css */
	padding: 12px 15px;	
	font-size: 19px;
	margin-bottom: 0;
	display: block;
	min-height: 200px;
}
#maincol .picback.past .post p.title, #rightcol .picback.past .post p.title {
	font-size: 17px;
}

.picback .entry p {
	padding: 12px 15px;	
	font-size: 15px;
	margin-bottom: 0 !important;
	position: absolute;
	bottom: 0px;
}

/*pickback for right col */

#rightcol .picback .box {
    padding: 14px 14px 14px;
}

#rightcol .list_widget.picback h2 {
margin-bottom: 0;	
border: 0;
margin-top: 5px;
padding-bottom: 0;
}



/* end of PICBACK*/




/*TEASER widget for front page 
(and picback list widget on front page) */
.box .teaser_widget, .page-id-94 .picback .post,  .page-id-94 .picback .post p.title, #rightcol .picback .post, #rightcol .picback .post p.title  {
	margin-bottom: 0;
	min-height: 178px;	
}

#maincol .teaser_widget p {
font-size: 19px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
letter-spacing: 0.5px;
margin-bottom: 0;
font-weight: normal;
	 line-height: 1.25; 
	 margin: 0;
padding: 12px 15px;
}

#maincol .teaser_widget .shader, #maincol .teaser_widget .nonshader {
display: block;
min-height: 178px;
}



/*TEASER widget for 'Our world' business links */

.businesslinks {
position: relative;
margin-bottom: 20px;
float: left;	
}

.businesslinks .box.col-sm-6 {
	padding: 0;
	width: 200px;
	height: 200px;
	margin: 0 2px 2px 0;
}
.businesslinks .teaser_widget.business {
width: 200px;
height: 200px;	
}

#maincol .businesslinks .teaser_widget .shader p {
height: 200px;
opacity: 0;
transition: opacity 0.3s ease 0s;
text-align: center;
}
#maincol .businesslinks .teaser_widget .shader:hover p {
opacity: 1;
/*background:  rgba(59, 55, 54, 0.4);
box-shadow: inset 0px 0px 70px rgba(59, 55, 54, 0.7);*/
	background: rgba(119,111,111, 0.45) none repeat scroll 0 0;
    box-shadow: 0 0 90px rgba(59, 55, 54, 0.9) inset;
}



/* end of teaser */


/* STAFF list */

#maincol .reveallist_widget.staff  {
margin-bottom: 6px;
	
}

#maincol .staff .hwrap {
	background: rgba(131,65,129,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(131,65,129,1) 0%, rgba(85,44,85,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(131,65,129,1)), color-stop(100%, rgba(85,44,85,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(131,65,129,1) 0%, rgba(85,44,85,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(131,65,129,1) 0%, rgba(85,44,85,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(131,65,129,1) 0%, rgba(85,44,85,1) 100%);
background: radial-gradient(ellipse at center, rgba(131,65,129,1) 0%, rgba(85,44,85,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#834181', endColorstr='#552c55', GradientType=1 );
padding: 8px 14px;
margin-bottom:12px;
}

#maincol .staff h2 {
	text-transform: uppercase;
	font-size: 20px;
	color: #fff;
	margin: 0;
	padding: 0;
}
.reveallist_widget {

}
#maincol .reveallist_widget .posts {
	margin: 0 28px 0 14px;
}
#maincol .reveallist_widget .post {
	margin-bottom: 22px;
}

#maincol .staff p {
font-size: 13px;
margin-bottom: 10px;
line-height: 1.4;	
}
#maincol .staff p.title {
font-size: 22px;
padding-top: 0px; 
    border-bottom: 1px solid #938988;
    padding-bottom: 5px;	
margin-bottom: 0px;
font-weight: normal;
}
#maincol .staff .entry, #maincol .list_widget.staff .entry {
	min-height: 17px;/*RJL was 170px changed for ones without image*/
}

#maincol p.role {
	text-transform: uppercase;
	color: #938988;
		font-family: 'roboto', Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-bottom: 15px;
	margin-top: 6px;
	line-height: 1.2;
}

.staff .post img {
float: right;
	margin: 0 0px 14px 14px;
}

/* the fakeout office subhead */
#maincol .office > .posts > .postwrap:last-child > .post > p.title { 
	display: none;
}
/*#maincol .industry > .posts > .postwrap:nth-child(2) > .post > p.title { 
	display: none;
}*/

body.page-id-24 #maincol .staff {
	padding-bottom: 3px;
}

#maincol .list_widget.staff .post {
border: none;	
margin-top: 30px;
}


/* end of staff*/


/* Slideshow */

/*///////////// WF Slideshow ////////////////////*/

/* New slideshow / featured image stuff Jun2016 for background image */

#slidefeature {
	position: relative;
	width: 100%;		/* desired width - http://www.mademyday.de/css-height-equals-width-with-pure-css.html */
}
#slidefeature:before{
	content: "";
	display: block;
	padding-top: 40%; 	/* CHANGED AWF 01.04.21 / sets the initial ratio - http://www.mademyday.de/css-height-equals-width-with-pure-css.html*/
}

.BGSlide {
	position: relative;
	width: 100%;		/* desired width - http://www.mademyday.de/css-height-equals-width-with-pure-css.html */
}
.BGSlide:before{
	content: "";
	display: block;
	padding-top: 40%; 	/* CHANGED AWF 01.04.21 / sets the initial ratio - http://www.mademyday.de/css-height-equals-width-with-pure-css.html*/
}




#mgaslide img { /* Slideshow and top page featured image are 1140 x 422 */
width: 100%;
height: auto;	
}


 #slideshow.slideshow_widget {
	height: 100%; 
	overflow: visible;
	width: 100%; 
}

body #slidemain {
	position: relative;
	margin: 0px;	
}

body #slidemain .slide { /*needs body to overwrite widget css*/
	border: none;
	display: block;
	height: auto; 
	overflow: visible;
	width: 100%;
}

#slidethumbs {        /*AWF changed 01.04.21*/
	bottom: 34px;
	display: block;
	height: 18px;
	margin-left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 999;	
}

#slidethumbs .slidethumb {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 8px;
}

#slidethumbs .darkner {
	position: absolute;
	display: block;
	width: 8px;
	height: 8px;
	z-index: 1000;
	cursor: pointer;
background: #3B3736;
border-radius: 50%;
	/*border: 2px solid #938988;*/
	opacity: 0.7;
/*-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.6);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.6);*/
}

#slidethumbs .darkner:hover,
#slidethumbs .active .darkner  {
	background: #E4E4E4;
	opacity: 0.70;

}

a.coverlink {
	z-index: 1000;
}
/* End wf slideshow*/



/* HOME SLIDES bxslider */
#mgaslide .bx-wrapper {
	margin-bottom: 0;
	max-height: 560px; /*hopefully stops the redraw double height thing that sometimes happens on load*/
}

#mgaslide .bx-wrapper .bx-viewport {
    background: #000 none repeat scroll 0 0;
    border: none;
    box-shadow: none;
    left: 0px; /*was -5px, why?*/
    transform: translateZ(0px);
}
#mgaslide ul.bxslider {
padding-left: 0;	
}

#mgaslide .bx-wrapper .bx-pager {
	bottom: 7px;
}
#mgaslide .bx-pager-item .bx-pager-link {
	margin-right: 8px;
	width: 13px;
	height: 13px;
	cursor: pointer;
background: #3B3736;
border-radius: 50%;
	border: 2px solid #938988;
	opacity: 0.6; /*tweaked for noticeable transition*/
	transition: opacity 0.3s ease 0s;
}
#mgaslide .bx-pager-item .bx-pager-link.active, #mgaslide .bx-pager-item .bx-pager-link:hover {
	background: #776f6f;
	opacity: 0.9;
}

/* caption styles in media below*/
#mgaslide .bx-wrapper .bx-caption p {
    color: #fff;
    /*display: inline;*/ /* HAD TO DISABLE CAPTIONS 27.11.15 */
	font-family: 'roboto-light', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	margin-bottom: 0;
}


#mgaslide .bx-wrapper .bx-controls-direction a {
    height: 100px;
    margin-top: -50px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 70px;
    z-index: 997;
	opacity: 0.5;/* new for transition*/
	transition: opacity 0.3s ease 0s;
}

#mgaslide .bx-wrapper .bx-prev {
    background: url(../images/wfchanger.png) rgba(0, 0, 0, 0) no-repeat scroll top left;
    left: 10px;
}
#mgaslide .bx-wrapper .bx-next {
    background: url(../images/wfchanger.png) rgba(0, 0, 0, 0) no-repeat scroll top right;
    right: 10px;
}
#mgaslide .bx-wrapper .bx-prev:hover {
    /*background-position: bottom left;*/
	opacity: 1;
}
#mgaslide .bx-wrapper .bx-next:hover {
    /*background-position: bottom right;*/
	opacity: 1;
}

/* end of home slider */





/* Fluid Video Embeds */


.fve-video-wrapper {
    position: relative;
    overflow: hidden;
    height: 0;
    background-color: transparent;
    padding-bottom: 56.25%;
    margin: 0 0 28px 0;
}

body.home .fve-video-wrapper {
    margin: 0 0 28px 0;
	padding: 0;
}
.fve-video-wrapper iframe,
.fve-video-wrapper object,
.fve-video-wrapper embed {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fve-video-wrapper a.hyperlink-image {
    position: relative;
    display: none;
}
.fve-video-wrapper a.hyperlink-image img {
    position: relative;
    z-index: 2;
    width: 100%;
}
.fve-video-wrapper a.hyperlink-image .fve-play-button {
    position: absolute;
    left: 35%;
    top: 35%;
    right: 35%;
    bottom: 35%;
    z-index: 3;
    background-color: rgba(40, 40, 40, 0.75);
    background-size: 100% 100%;
    border-radius: 10px;
}
.fve-video-wrapper a.hyperlink-image:hover .fve-play-button {
    background-color: rgba(0, 0, 0, 0.85);
}
/* End of video /////*/



.region_bottom.usefullinks {
	padding: 0 15px;
	clear: both;
}

#maincol .usefullinks h4 {
	color: #0094cb;

}
#maincol .usefullinks ul {
    list-style: none;
    margin-bottom: 12px;
    margin-top: 0px;
    padding-left: 0px;
}
#maincol .usefullinks li {
	display: inline-block;
	list-style: none;
	margin-bottom: 6px;
}
#maincol .usefullinks li a {
	color: #fff;
	text-shadow: 0px 1px 31px rgba(0, 0, 0, 0.8);
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3);
	background: #0094cb;
	padding: 2px 5px;
	transition: background 0.3s ease 0s;
}
#maincol .usefullinks li a:hover, #maincol .usefullinks li a:focus {
	background: #1DADE9 !important;
	text-decoration: none;
}



/* SOCIAL plugins */
.socialcol {
	margin-bottom: 28px;
	border: 0;
	height: 100%;
	text-align: center;
}
.facecol {
	
}

#maincol .smalltease > .wf_widget.twoo {
margin-bottom: 0;	
}
.tweetbox #tweecool {
	overflow: hidden;
	height: 178px;	
	margin-bottom: 0 !important;
}


.tweetbox #tweecool ul {
margin: 0;
padding: 0;
padding: 10px 12px 0 13px;
list-style: none;
}

.tweetbox #tweecool li {
	font-family: 'roboto-light', Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
font-size: 12.5px;
line-height: 1.4;
color: #e3e3e3;

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}
.tweetbox #tweecool li a {
font-family: 'roboto', Arial, Helvetica, sans-serif;
color: #fff;
}
.tweetbox #tweecool span {
text-transform: uppercase;	
	color: #938988;
	display: inline-block;
clear: both; 
font-size: 11px;
}

#tweecool i.fa.fa-twitter {
	top: auto;
	bottom: 32px;
	right: 19px;
}
#tweecool .fa-twitter {
}


/* activity plugin */
#twitterbox {
	width: 100%;
	padding: 14px 14px 0px 14px;
}

#tweetwrap {

}
#tweetcode {
	text-align: center;
}

#twitter-widget-0 {
}



/* end of social plugins */


/* STUDENT GRADUATE LIST and SUCCESS news */

/*New announcement bits and news in the LIST WIDGET*/

#maincol p.newsstrap {
text-transform: uppercase;
margin-bottom: 3px;
font-size: 110%;
}

.tiled-gallery {
	margin: 28px 0 !important; 
	padding: 15px 0;
	/*taken from feature4 */
	background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(119, 111, 111, 1) 0%, rgba(59, 55, 54, 1) 100%) repeat scroll 0 0;
}



.list_widget .graduate-success p.title span a, .list_widget .junior-success p.title span a {
font-weight: normal;
font-size: 13px;
color: #66ccff;
text-transform: uppercase;
display: inline-block;
position: relative;
top: -2px;
font-family: "roboto-light",​Helvetica,​Arial,​sans-serif;
}
 
#rightcol .list_widget .graduate-success p.title span a {
color: #66ccff;

}


#rightcol .graduate-success p.title a > i.fa, #rightcol .junior-success p.title a > i.fa { /* cancels out for grad news in post */
	position: relative;
	top: 0px; 
	right: auto;
	font-size: inherit;
	opacity: 1;
	color: #66ccff;
}
/* end of grad news list */


/* Graduate CV pages - portfolio style list widget */
.list_widget.portfolio {
    border-bottom: none;
	text-align: left;
margin-top: 25px;	
}
.list_widget.portfolio .post {
    border-top: none;
    padding-top: 0;
float: left;	
clear: none;
display: block;
width: 23% !important;
margin: 0 1%;
margin-bottom: 20px;
}

#maincol .list_widget.portfolio p.title {
    font-size: 13px;
	color: #fff;
    font-weight: normal;
margin-bottom: 0;
	line-height: 1.25;
	margin-top: 0px;
}
#maincol .list_widget.portfolio p.tag {
    color: #a1509f;
    text-transform: uppercase;
	line-height: 1.25;
margin-bottom: 0;
font-size: 13px;
}

.list_widget.portfolio .thumb {
width: 100% !important;
/*height: auto;*/
position: relative;
background: radial-gradient(ellipse at center, rgba(119,111,111,1) 0%, rgba(59,55,54,1) 100%);
    /*width: 23%;*/
    padding-bottom: 130%; /*to get proportional height inside the post div http://jsfiddle.net/4E2bV/1/ */
    float: left;
    height: 0;
    margin: 1%;
}

.list_widget.portfolio img {
width: 100% !important;
height: auto;
}

.list_widget.portfolio a.coverlink {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
	color: #fff;
    top: 0;
    width: 100%;
    z-index: 2;
    transition: opacity 0.3s ease 0s;
    background: none;
    text-indent: inherit;
	text-align: center;
	padding-top: 2% ;
	font-size: 13px;
	text-transform: uppercase;
	overflow: hidden;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	opacity: 0;
}
/* To make the spotlight link icon show */
.list_widget.portfolio a.coverlink:hover, .list_widget.portfolio a.coverlink:focus {
	text-decoration: none;
	opacity: 1;
	background: rgba(119,111,111, 0.45) none repeat scroll 0 0;
    box-shadow: 0 0 90px rgba(59, 55, 54, 0.9) inset;
	text-align: center;
}

.list_widget.portfolio a.coverlink .fa {
font-size: 85%;	
}




/* End of Grad portfolio list widget */


/* Temp graduates2016 page */
/*
#maincol div.graduates2016 {
margin-top: 55px;	
}

#maincol div.graduates2016 .alignleft {
float: left;	
clear: none;
display: block;
width: 32% !important;
}

#maincol div.graduates2016 .alignleft img.size-full {
width: 100% !important;
height: auto;
}
#maincol div.graduates2016 .alignleft p.wp-caption-text {
width: 100%;
height: 35px;
margin-top: 5px;
font-size: 16px;
line-height: 1.25;
}

#maincol div.graduates2016 .alignleft p.wp-caption-text span {
text-transform: uppercase;
color: #a1509f;
	
}*/

/* end graduate */





/* END OF Widget styles //////////*/

/* Footer //////////////////////////////////////////////////////*/

#footmenu {
padding-bottom: 20px;	
		line-height: 1.1;	
}
#footmenu a {
	color: #a1509f;

}
#footmenu ul {
	list-style-type:none;
	padding-left: 0;
	font-size: 11px;
	font-family: 'roboto', Arial, Helvetica, sans-serif;
}
#footmenu ul ul {
	padding-left: 10px;	
}
#footmenu > ul {
	text-transform: uppercase;
}
#footmenu ul.children {
text-transform: none;
}
#footmenu li {
	float: left;
	display: block;
	padding-right: 10px;
	padding-top: 3px;
}
#footmenu > ul > li {
	clear: none;
	display: block;
	padding-bottom: 10px;
	width: 20%;
 }

#footmenu ul.sitemap {
	clear: both;
}
#footmenu li.page-item-94, #footmenu li.page-item-19 {
	width: 17%;
 }
#footmenu li.page-item-55 {
		width: 23%;
}

#footmenu li.page_item_has_children li.page_item_has_children {
	padding-bottom: 0px;
 }
#footmenu li li {
	float: none;
}

#footmenu li.page-item-6648 > a {
display: none;	
}
#footmenu li.page-item-6648 > ul {
text-transform: uppercase;	
}

#contactbox .postwrap {
	color: #fff;
	font-size: 13px;
	padding: 13px 0 5px 0;	
	position: relative;
	clear: left;
}
#contactbox .postwrap p {
	margin: 0px 14px 8px 15px;
}
#contactbox a {
	color: #fff;	
}
#contactbox a.google {
		color: #a1509f;
}
#contactbox h2 {
		color: #a1509f;
	font-size: 12px;
	font-family: 'roboto', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0 14px 0px 15px;
	padding-top: 15px;
}

#credits {
 position: relative;
 margin-bottom: 20px;	
 margin-top: 20px;
}
#credits p, #credits a {
	color: #6D6565;
	font-size: 11px;
}

#footlogo img {
width: 100%;
height: auto;
}

.region_creditinfo, .region_legal {
	margin-bottom: 8px;	
	font-family: 'roboto', Arial, Helvetica, sans-serif;
}

.region_legal p {
text-transform: uppercase;
margin-bottom: 0px;
}

#accredited div {
	/*margin-right: 2%;*/
	float: left;
	padding-right: 30px;
}

#accredited img {
max-height: 70px;
	width: auto;
}
#accredited .cdet {
max-width: 300px;
}
#accredited .istd {
max-width: 150px;
}

#accredited p {
font-size: 9px;
font-style: oblique;
color: #e3e3e3;
margin-top: 10px;
margin-bottom: 0;
}



#login_link {
	position: absolute;
	display: inline-block;
	float: left;
	z-index: 200;
}
#login_link a {
	font-size: 10px;
	color: #3CF;
}
/* END OF FOOTER //////////*/


/* /////////////////JUNIOR SCHOOL OVERRIDES //////////*/

.navbar-default .nav > li.page-item-55 > a, .navbar-default .nav > li.page-item-55 > a:focus {
    color: #ffd672;
}

.parent-pageid-55 #rightcol .post_widget p a, .page-id-55 #rightcol .post_widget p a {/**/
	color: #FFE786;
}
.parent-pageid-55 #rightcol .post_widget p a:hover, .page-id-55 #rightcol .post_widget p a:hover {/**/
    color: #ffd672;
}

.parent-pageid-55 .purple, .page-id-55 .purple {
    color: #9959af;
}
.parent-pageid-55 a, .parent-pageid-55 a:hover, .page-id-55 a, .page-id-55 a:hover {
	color: #6cc6bd;
}
.parent-pageid-55 h3, .page-id-55 h3 {
    color: #9959af/*#ffd672*/;
}
/*.parent-pageid-55 h2, .parent-pageid-55 .h2, .page-id-55 h2, .page-id-55 .h2 {
    color: #9959af;
}*/
.parent-pageid-55 #maincol .usefullinks h4, .page-id-55 #maincol .usefullinks h4 {
	color: #1fb59c;
}
.parent-pageid-55 #maincol .usefullinks li a, .page-id-55 #maincol .usefullinks li a {
	background: #1fb59c;
}
.parent-pageid-55 #maincol .usefullinks li a:hover, .parent-pageid-55 #maincol .usefullinks li a:focus, .page-id-55 #maincol .usefullinks li a:hover, .page-id-55 #maincol .usefullinks li a:focus {
	background: #6cc6bd !important;
}

.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(5) > a:hover, 
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(5) > a:focus, 
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(5).open > a,        
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(5).active > a, 
.parent-pageid-55 li:nth-child(5) > .dropdown-menu > .active > a {   
background: rgba(154,89,175,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(154,89,175,1) 0%, rgba(105,47,153,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(154,89,175,1)), color-stop(100%, rgba(105,47,153,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(154,89,175,1) 0%, rgba(105,47,153,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(154,89,175,1) 0%, rgba(105,47,153,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(154,89,175,1) 0%, rgba(105,47,153,1) 100%);
background: radial-gradient(ellipse at center, rgba(154,89,175,1) 0%, rgba(105,47,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a59af', endColorstr='#692f99', GradientType=1 );
	box-shadow: none;
	color: #ffd672;
} 
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(5).active > a:hover {
	background: none;
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3);
	background-color: #776f6f !important; 	
}

.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(1) > a:hover, 
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(1) > a:focus, 
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(1).open > a,        
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(1).open > a:hover, 
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(1).open > a:focus {   
	background-color: #0578bb; 
}

.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(2) > a:hover, 
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(2) > a:focus, 
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(2).open > a,        
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(2).open > a:hover, 
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(2).open > a:focus {   
	background-color: #d75930; 
}

.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(4) > a:hover, 
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(4) > a:focus, 
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(4).open > a,        
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(4).open > a:hover, 
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(4).open > a:focus {   
	background-color: #1fb59c; 
}

.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(3) > a:hover, 
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(3) > a:focus, 
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(3).open > a,        
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(3).open > a:hover, 
.parent-pageid-55 .navbar-default .navbar-nav > li:nth-child(3).open > a:focus {  
	background-color: #ffb538; 
}

.parent-pageid-55 #topnav li a, .page-id-55 #topnav li a {
    color: #ffd672;
}

/*.parent-pageid-55 #contactbox .postwrap, .parent-pageid-55 #contactbox .postwrap a, .page-id-55 #contactbox .postwrap, .page-id-55 #contactbox .postwrap a {
    color: #333;
}*/


/* success news bits*/
.list_widget .junior-success p.title span a {
  color: #ffd672;	 
 }
 #rightcol .list_widget .junior-success p.title span a {
  color: #ffd672;	 
 }
#rightcol .junior-success p.title a > i.fa {
  color: #ffd672;
 }


/* end of jnr scho */


/* EXTRA TWEAKS /////////////////////*/
/*excel file page structure */

.page-id-8200 #maincol.col-md-8 {
width: 100%;	
}
.page-id-8200 #rightcol {
display: none;
}

/* */


/* FORM //////////////////////////////////////////*/
.form_widget {
	padding: 0 15px;	
}
.fswrapper {
		font-size: 15px;
	font-family: 'roboto-light', Arial, Helvetica, sans-serif;
}

.fswrapper legend {
border: none;	
margin-bottom: 0;
}

.fswrapper label, .fswrapper input, .fswrapper textarea {
		font-family: 'roboto-light', Arial, Helvetica, sans-serif;
font-weight: normal;
}
.fswrapper label {
width: 30%;	
text-align: right;
margin-right: 5px;
vertical-align: top;
}
.fswrapper input, .fswrapper textarea {
color: #3b3736;
width: 60%;

}
.fswrapper select {
color: #000;
padding: 3px;
/*background-color: #93C;*/	
  
  /* from bootstrap*/
  /*display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;*/
}
.fswrapper select option:first-child {
		font-family: 'roboto-light', Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #938988;
}

#message_box_div {
padding-bottom: 15px;	
}

.fswrapper > fieldset > div {
	margin-top: 10px;
}
.fswrapper span, .fswrapper #fsnote p {
margin-right: 5px;
color: #A0539D;
}
#maincol .fswrapper #fsnote p  {
	border: none;
margin: 0;

}
	
#maincol .fswrapper p.instruction {
		margin-top: 30px;
		font-size: 90%;
	color: #938988;
	border-top: 1px  solid #938988;
	padding-top: 5px;
}
#maincol .fswrapper div#postcode_div {
	border-bottom: 1px  solid #938988;
	padding-bottom: 22px;
		margin-bottom: 15px;
}



#maincol .checkbox {
	width: 100%;
}
#maincol .checkbox input {
	width: 30%;
	float: left;
}
#maincol .checkbox label {
	margin-left: 30%;
	text-align: left;
	width: 60%;
}
#maincol .checkbox input {
margin-left: 0;	
text-align: right;
}
#maincol .checkbox input {
margin-left: 90px;
}




#maincol .checkbox label {
padding-left: 8px;	
}

#maincol .instruction1, #maincol .instruction2 {
	border-top: 1px  solid #938988;
	padding-top: 10px;
	margin-top: 30px;
}

#maincol fieldset p {
	border-top: 1px  solid #938988;
	padding-top: 15px;
		margin-top: 15px;
}

input.submit {
	margin-top: 15px;
}

.fswrapper #capchatextdiv {
margin-top: 30px;	
}
.fswrapper #capchatextdiv label {
width: 40%;	
text-align: left;
font-size: 90%;
color: #A0539D ;
}
.fswrapper #capchatextdiv input {
width: 60%;	
clear: both;
margin-bottom: 30px;
}
.fswrapper #capchatextdiv img {
vertical-align: top;
top: 0;
margin-left: 15px;
}

.btn-primary, #maincol p.apply.export a {
background: rgba(160,83,157,1);
background: -moz-linear-gradient(top, rgba(160,83,157,1) 0%, rgba(85,44,85,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(160,83,157,1)), color-stop(100%, rgba(85,44,85,1)));
background: -webkit-linear-gradient(top, rgba(160,83,157,1) 0%, rgba(85,44,85,1) 100%);
background: -o-linear-gradient(top, rgba(160,83,157,1) 0%, rgba(85,44,85,1) 100%);
background: -ms-linear-gradient(top, rgba(160,83,157,1) 0%, rgba(85,44,85,1) 100%);
background: linear-gradient(to bottom, rgba(160,83,157,1) 0%, rgba(85,44,85,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0539d', endColorstr='#552c55', GradientType=0 );

    border-color: #a0539d;
}
.btn-primary:hover, .btn-primary:focus, #maincol p.apply.export a:hover, #maincol p.apply.export a:focus {
background: rgba(85,44,85,1);
background: -moz-linear-gradient(top, rgba(85,44,85,1) 0%, rgba(160,83,157,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85,44,85,1)), color-stop(100%, rgba(160,83,157,1)));
background: -webkit-linear-gradient(top, rgba(85,44,85,1) 0%, rgba(160,83,157,1) 100%);
background: -o-linear-gradient(top, rgba(85,44,85,1) 0%, rgba(160,83,157,1) 100%);
background: -ms-linear-gradient(top, rgba(85,44,85,1) 0%, rgba(160,83,157,1) 100%);
background: linear-gradient(to bottom, rgba(85,44,85,1) 0%, rgba(160,83,157,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#552c55', endColorstr='#a0539d', GradientType=0 );
   border-color: #552c55;
   color: #fff;
}


.fswrapper input.btn {
   color: #fff;
}

#maincol .form_widget .form_errors {
background: rgba(198,51,37,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(198,51,37,1) 0%, rgba(137,36,31,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(198,51,37,1)), color-stop(100%, rgba(137,36,31,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(198,51,37,1) 0%, rgba(137,36,31,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(198,51,37,1) 0%, rgba(137,36,31,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(198,51,37,1) 0%, rgba(137,36,31,1) 100%);
background: radial-gradient(ellipse at center, rgba(198,51,37,1) 0%, rgba(137,36,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c63325', endColorstr='#89241f', GradientType=1 );

padding: 10px;
}
#maincol .form_widget .form_errors ul, #maincol .form_widget .form_errors p, #maincol .form_widget .form_errors li {
margin-bottom: 0;
}


body form.post-password-form p input {
color: #000 !important;	
}

#maincol fieldset .form_errors p {
    border: none;
	padding: 0;
	margin: 0;
}


/* end of form */





/* Admin and WF related //////////////////////////////////////////////////////*/
body a.editlink {
	color: #0F0 !important; 
}

#wp-toolbar .hide-if-no-customize {
	display: none;	
}

s {
color: #999;	
}

/* END OF Admin related //////////*/






/* Media queries //////////////////////////////////////////////////////*/

@media (max-width: 510px) {


}

/* Extra small devices (phones, <768px) */
/* No media query since this is the default in Bootstrap */
@media (max-width: 540px) {

	#maincol .box.col-sm-6 {
	min-height: 130px !important;
	line-height: 1.1;
	}
	
	#maincol .smalltease > .col-sm-3 {
	min-height: 130px !important;
	}
	
	#maincol .teaser_widget .shader,
	#maincol .teaser_widget .nonshader,
	#maincol .box .teaser_widget {
	min-height: 130px !important;
	}
	
	#maincol .tweetbox #tweecool {
	height: 130px !important;
	}

	.page-id-94 #maincol .list_widget.picback {
		margin-top: 0;
		margin-bottom: 0;
	}
	.page-id-94 #maincol .list_widget.feature4 {
		background: none;
	}
	.page-id-94 #maincol .list_widget.feature4 .pickback .postwrap .post.pickbackpost { /*grey stupid override for mobile structure. AAAAAAAAAAAAAAAAAAAAAAAARGH FAIL*/
		background-color: #776f6f;
	}
	
}


@media (max-width: 580px) { /* THE MOBILE VIEW */

	#mgaslide .bx-wrapper .bx-caption { /*sets mobile view*/
	display: none; /*disabled 27.11.15*/
	/*background: rgba(200, 200, 200, 0.7) none repeat scroll 0 0;
	padding-left: 5px ;
		line-height:1  ;
		padding-bottom: 2px;
		padding-top: 5px ;
	width: 40% ;*/
	}
	
	#mgaslide .bx-wrapper .bx-caption p {
		font-size: 17px;
		line-height: 1.2;
		margin-bottom: 2px;
	}
	
	#mgaslide .bx-controls-direction {
	display: none;	
	}
	
	#mgaslide .bx-pager-item {
	display: none;	
	}
		
	#maincol .picback.current .post {
	min-height: 130px !important;
	}
	#maincol .picback.current .post p.title {
	min-height: 130px !important;
	line-height: 1.1;
	} 
	
	
.plainlist a > img {
position: inherit;
float: right;
left: auto;
  margin: 0 0 15px 20px;
 top: 36px;
}
#maincol .plainlist p.title, #maincol .plainlist .entry {
    margin-left: 0px;
}
#maincol .plainlist span.summary { /* to fudge the summary so it doesn't break or overlap pagination*/
	clear: both;
	display: block;
	float: right;
	position: relative; 
	margin-top: 5px;
}

#maincol div.graduates2016 .alignleft p.wp-caption-text {
height: 30px;
margin-top: 3px;
font-size: 14px;
line-height: 1.25;
}
#maincol div.graduates2016 .alignleft p.wp-caption-text span {
font-size:90%;
}

#maincol p.role { 
clear: right;
}

.staff .post {
	text-align: left;
}
.staff .post img {
    float: none;
	text-align: left;
	width: 80%;
	height: auto;
    margin: 0 0 14px 0px;
}

#maincol div.graduates2016 .alignleft {
float: left;	
clear: none;
display: block;
width: 48% !important;
}

	.tweetbox #tweecool li {
	font-size: 11px;
	line-height: 1.4;
	}

.list_widget.portfolio .post {
width: 31% !important;
	margin-bottom: 10px; 
	min-height: 210px;
}
#maincol .list_widget.portfolio p.title {
    font-size: 12px;
}
#maincol .list_widget.portfolio p.tag {
font-size: 12px;
}


#accredited div {
	margin-right: 0;
}

}

@media (min-width: 581px) { /* THE MOBILE SIDE VIEW */
	

.fswrapper input#dob {
    width: 30%;
}

.fswrapper input#sex  {
    width: 76px;
}

.fswrapper #sex_div {
	position: absolute;
	left: 61%;
	top: 42px;
}
.junior .fswrapper #sex_div {
	top: 100px;
}
.fswrapper #sex_div label {
	width: 90px;

}


	#mgaslide .bx-wrapper .bx-caption {
	background: none;
	background: transparent;
	left: auto;
	bottom: auto;
	right: 3px;
	top: -2px;;
	text-align: right;
	width: 46% !important;
	padding: 14px 18px 0px 0px;
	
	display: none; /* AMY 27.11.15 */
	}
	
	#mgaslide .bx-wrapper .bx-caption {
	width: 50%;	
	}
	
	#mgaslide .bx-wrapper .bx-caption p {
		background-color: rgba(0, 0, 0, 0.6);
		border: 4px solid rgba(0, 0, 0, 0);
		box-decoration-break: clone;
		box-shadow: -8px 0 0 rgba(0, 0, 0, 0.6), 8px 0 0 rgba(0, 0, 0, 0.6);
		color: #fff;
		display: inline;
		vertical-align: middle;
		font-size: 18px;
		line-height: 1.95;
	}	

}

/* special overrides for forms  */
@media (max-width: 420px) {
	
	#socialmenu { /*Aug19*/
	display: none; 	
	}
	
#maincol .checkbox input {
    margin-left: 30px;
}

#topnav li {
	clear: both;
	margin-bottom: 20px;
}

}
@media (max-width: 650px) {
#maincol .checkbox input {
    width: 10%;
}

}

/* special overrides for boxes */
@media (min-width: 541px) and (max-width: 767px) {

	#maincol .current .col-sm-6, 
	#maincol > .row > .box.col-sm-6,
	#maincol .box.col-sm-6 {
		width: 50% !important;
		float: left;
	}
	 
	#maincol .box.col-sm-6.course, #maincol .box.col-xs-12.course {
		width: 100% !important;
		float: left;
	}
	
	#maincol .smalltease > .col-sm-3 {
		width: 25% !important;
		float: left;
	}
	
	.page-id-94 #maincol .picback.current .post p.title,
	.page-id-94 #maincol .picback.current .post {
		min-height: 150px !important;
	}
	
	#maincol .teaser_widget .shader,
	#maincol .teaser_widget .nonshader,
	#maincol .box .teaser_widget {
	min-height: 150px !important;
	}
	

}

/* A special one for the tweets */
@media (min-width: 541px) and (max-width: 767px) {
	.tweetbox #tweecool li {
	font-size: 10px;
	line-height: 1.15;
	}
}


/* Small devices (tablets, >768px) */
@media (max-width: 767px) {

	
	#headerlogo {
	text-align: left; /* Dec 2019 new logo */
	}
	#headerlogo img {
		padding-top: 13px; /*Oct 2019*/
	}
	ul#topnav {
		max-width: 500px; /*Oct 2019*/
	}
	#topnav li.pull-right, #topnav li {
		display:block;
		float: left !important;
	}
	#sitemenu, #topnav {
    width: 100%;
}
	
	.region_sociallinks li {
		width: 46px !important;
		height: 39px !important;
	}
	.region_sociallinks {
	float: right;	
	
	}	
	#socialmenu .wf_widget {
	margin-bottom:5px;
		
	}
	
	h1, .h1 {
		font-size: 30px;
	}
	h2, .h2 {
	font-size: 23px;	
	}
	h3, .h3 {
	font-size: 18px;	
	}
	.big {
		font-size: 17px;
	}	
	
	#maincol p, #maincol li {
		line-height: 1.3;
		margin: 0 0 12px;
	}
	
	#maincol li {
		margin-bottom: 4px;
	}
	
	#maincol .usefullinks li {
	margin-right: 4px;	
		line-height: 1.5;
	}
	#maincol .usefullinks li a {
		font-size: 14px;
		padding: 1px 5px;
	}
	
	.nav > li > a {
		padding: 7px 20px;
	}
	
	.navbar-nav .open .dropdown-menu > li > a, 
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 7px 15px 7px 35px;
	}
	
	.navbar-toggle {
		background-color: #776f6f;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #938988;
	}
	.navbar-default .navbar-toggle {
		border-color: #776f6f;
	padding: 8px 10px;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #3b3736;
		height: 3px;
	}
	
	ul#topnav {
	position: relative;
	top: 0;	
	padding-top: 5px;
	margin-bottom: 15px;
	margin-right: 0;
	}
	#topnav li {
	font-size: 14px;	
	}
	
	
	#slidethumbs {
	display: none;
	}
	
	#rightcol .picback {
	width: 100% !important;
	}
	
	
	#parent_name_div {
		font-size: 13px;
	}
	
	#contactbox.pull-right {
	width: 100%; /*because it's being weird for 500-760ish?!*/	
	}

}


@media (min-width: 768px) { 
	
	#headerlogo {
	text-align: left;	
	}
	#headerlogo img {
		padding-top: 13px;
		margin-left: 45px;	
	}
	
	
	#maincol .box.extra, #maincol .box.course {
		margin-left: 20px;
		margin-right: 28px;
	}
    .navbar-nav {
        margin: 0 5px; /*RJL feb23*/
    }

	
	#mgaslide .bx-wrapper .bx-caption {
	width: 45% ;
	padding: 22px 25px 0px 0px;
	}
	
	#mgaslide .bx-wrapper .bx-caption p {
		font-size: 23px;
		line-height: 1.855;
	}	
	
	#topstuff {
		margin-bottom: 0px;	
	}


}




@media (min-width: 768px) and (max-width: 991px) { 
.home #rightcol .region_rightnews h2 {
	padding-right: 35px;
}


	/* Temporary nav resizing til the collapsing thing can get resolved */
	.navbar .container-fluid {
	padding: 0;	
	}
	#navbar {
	padding: 0;	
	}
	.navbar-nav .open .dropdown-menu > li > a, 
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 8px 10px;
	}
	.navbar-default .nav > li > a {
	 padding: 4px 9px;	/*RJL Feb 23 was 4px 10px*/
	 letter-spacing: 0;
	 font-size: 14px;
	}
	.caret {
	margin-left: 0;	
	}
	
	ul.navbar-nav li:last-child > ul.dropdown-menu {
		left: auto;
		right: 0;	
	}
	
	#headerlogo img {
		margin-left: 0px;	
	}

	
	.region_rightnews p.title {
	font-size: 17px;
	}
	.region_rightnews .entry p {
	font-size: 13px;
	line-height: 1.3;
	}
	
	.socialcol {
		width: 100%;
	}

	.tweetbox #tweecool ul {
	padding: 10px 11px 0 10px;
	}
	
	.tweetbox #tweecool li {
	font-size: 9.6px;
	line-height: 1.13;
	}
.tweetbox #tweecool span {
    font-size: 10px;
}

	#rightcol .region_rightnews .posts .postwrap:nth-child(n+4) { /* Takes off 2 posts from the news col on medium*/
		display: none;
	}


}





@media (max-width: 991px) {
	
	#accredited div {
		padding-right: 15px;
		padding-bottom: 10px;
	}
	
	#accredited img {
max-height: 60px;
}
	#accredited .cdet  {
max-width: 200px;
}
		#accredited .istd  {
max-width: 100px;
}
	
	.socialcol {
		width: 100%;
	}

	
	#mgaslide .bx-wrapper .bx-pager {
		bottom: 0px;
	}
	#mgaslide .bx-pager-item .bx-pager-link {
		margin-right: 7px;
		width: 13px;
		height: 13px;
	}	
		
	#mgaslide .bx-wrapper .bx-controls-direction a {
		height: 50px;
		width: 35px;
		margin-top: -25px;
	}
	
	#mgaslide .bx-wrapper .bx-prev {
		background: url(../images/wfchanger_sm.png) rgba(0, 0, 0, 0) no-repeat scroll top left;
		left: 10px;
	}
	#mgaslide .bx-wrapper .bx-next {
		background: url(../images/wfchanger_sm.png) rgba(0, 0, 0, 0) no-repeat scroll top right;
		right: 10px;
	}
	  ul#topnav {
	  margin-right: 0px;
	  }
	
	.region_sociallinks li {
		width: 51px;
		height: 44px;
	}
	.region_sociallinks li a {
		background-size: 100% !important;
	}
	
	#maincol .teaser_widget p, .picback .postwrap p.title {
	font-size: 17px;
	line-height: 1.2;
	}
	#maincol .smalltease .teaser_widget p {
	font-size: 15px;
	}
	
	#maincol .staff .entry {
		/*min-height: 158px; RJL*/
	}	
	
	#maincol p.role {
		margin-bottom: 8px;
	}
	
	.picback .entry p {
		font-size: 13px;
	}
	
	#maincol .picback.current .post {
	min-height: 150px;
	}
	#maincol .picback.current .post p.title {
	 font-size: 17px;
	 line-height: 1.1;
	 min-height: 150px;
	} 
	#maincol .picback.past .post,  #rightcol .picback .post {
	min-height: 130px;
	}
	#maincol .picback.past .post p.title, #rightcol .picback .post p.title {
	 line-height: 1.1;
	min-height: 130px;
	} 
	#maincol .smalltease .shader, #maincol .smalltease .nonshader, 
	#maincol .smalltease .teaser_widget, 
	#maincol .smalltease .post {
	min-height: 150px;
	}
	
	#maincol .tweetbox #tweecool {
	height: 150px;
	}
	
	.page-id-94 #maincol .picback.current .post, .page-id-94 #maincol .picback.current .post p.title {
	min-height: 178px;
	}

}




/* Medium devices (desktops, >992px ) */
@media (min-width: 992px) { 

	.big {
		font-size: 19px;	
	}

	#footlogo {
		top: -20px;	
	} 
	
	#sitemenu a.button#headbutton {
margin-right:50px;
}

}




@media (min-width: 992px) and (max-width: 1199px) {	

	#header_lining {
		letter-spacing: 0px;
	}
		.nav > li > a {
		padding: 3px 9px; /*RJL Feb 23 was 3px 11px*/
	}
	
	#mgaslide .bx-wrapper .bx-caption p {
		font-size: 28px;
		line-height: 1.905;
	}	
	
	#maincol .smalltease .teaser_widget p {
	font-size: 18px;
	}
	
	.tweetbox #tweecool li {
	font-size: 11px;
	line-height: 1.4;
	}
	
	#rightcol .region_rightnews .posts .postwrap:nth-child(n+5) { /* Takes off a post from the news col on medium*/
		display: none;
	}


}






/* Large devices (large desktops, >1200px) */
@media (min-width: 1200px) {

	
	#mgaslide .bx-wrapper .bx-caption {
	padding: 28px 34px 0px 0px;
	} 
	#mgaslide .bx-wrapper .bx-caption p {
		font-size: 32px;
		line-height: 1.83;
	
	}	
	
	.region_sociallinks li {
			margin-left: 7px;
		}
	.region_sociallinks li:first-child {
			margin-left: 0px;
	}
	
	.nav > li > a {
		margin-right: 10px;
	}
	
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
	padding: 5px 15px 5px 19px;
	}
	

#maincol .list_widget.portfolio p.title {
    font-size: 13px;
}
#maincol .list_widget.portfolio p.tag {
font-size: 13px;
}

}


/*Annoying video stupid thing*/
.embed-responsive-4by3{padding-bottom:56% !important} /*why this isn't being recognised as 16:9 don't know? From boostrap.min.css*/
div.wf_post > div.fve-video-wrapper {padding-bottom:56% !important}