/* ------- START TEMP NOTICE  ------- */
.temp-notice{
    color: #000;
    background: white;
    border-bottom: medium solid #000;
    width: 100%;
    float: left;
    display: block;
    font-size: 24px;
    position: absolute;
    z-index: 99999999;
    padding: 40px 20px 60px 20px;
line-height: normal;

}

/* ------- END TEMP NOTICE  ------- */


/*  ----------  START GENERAL STYLES ---------------- */

body{
	background: #d5ecf7; /* white */
	font-family: 'Open Sans', sans-serif;
}


.container-wrap{
	width: 1160px;
	background: #ecf7fb; /*f1f1f1*/
	padding-left: 40px;
	padding-right:40px;
	margin-left: auto;
	margin-right: auto;
}

/* ----------   START ADMIN TOOLBAR TOP ----------    */

.toolbar{
	margin-top:0px;
	/* background-color: white;  */
} 

.navbar-inner {
    padding-right: 0px;
    padding-left: 0px;
}
/* ----------   END ADMIN TOOLBAR  TOP  ----------   */
/* ----------  START HEADER ----------  */

header{
	
}

.header-inner{
	/* background: #fff;  */
	padding-top: 35px;
	padding-bottom: 30px;
}

header .logo a {
    padding: 5px 20px;
}

.welcome-mes{
	float: left;
	font-weight: 300;
	font-size: 30px;
	margin-top: 13px;
	margin-left: 10px;
}
	/* SEARCH BAR */

.col-1-3.solopen{
	padding-right: 0px;
}

.solopen .toolbar{
	z-index: 0;
}

.toolbar #search{
	position: static;
}

.toolbar #search input.textbox{
	position: static;
	vertical-align: bottom;
}

.toolbar #search input.button{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 4px;
	border-radius: 0px;
	margin-left: 0px;
	border-bottom: thin solid #000;
	width: 35px;
	background-size: 80% 90%;
	vertical-align: bottom;
	height: 32px;
}

.toolbar #search input.button:hover {
    cursor: pointer;
    background-size: 90% 100%;
}
	/* END SEARCH BAR */

.navrow{
	background-color: none;
	margin-bottom: 30px;
	background-color: transparent;
}

.somedia {
width: auto;
display: inline-block;
position: static;
}

.somedia a{
}

.somedia img{
	width: 41px;
}
	/* OPENING HOURS MODAL */
	
#popopen{
	background-repeat:no-repeat;
	margin-left: 50%;
}

.openingh {
	margin-top: 15px;
    background: url(/stylesheet/StudentCentral/opening-hours.png);
	width: 124px;
   }

.op-header{
	background-color: #FFCE4E;
}

.op-header-term{
	background-color: #9280BB;
}

.popupclose{
	background-color: black;
}

	/*  END OPENING HOURS MODAL */

	/* MAIN NAVIGATION MENU */

.primary ul{
	background-color: none;
	background-color: transparent;
}

.primary ul li{
	background-color: #93D2F2;
	width: 206px;
	margin-right: 10px;
}

.primary ul li:hover a {
    background: white;
    width: 100%;

}

.primary ul ul.subnav_nav_about_,
.primary ul ul.subnav_nav_activities_, 
.primary ul ul.subnav_nav_food_, 
.primary ul ul.subnav_nav_services_, 
.primary ul ul.subnav_nav_energybase_  
 {
    border:none;
}

.primary ul ul{
	background: transparent;
}

.primary ul ul li{
	background: transparent;
}


.primary ul a.nav-about + ul li a,
.primary ul a.nav-activities + ul li a,
.primary ul a.nav-food + ul li a,
.primary ul a.nav-services + ul li a,
.primary ul a.nav-energybase + ul li a
{   
	background: white;
	opacity: 0.85;
	width: 100%;
}

.primary ul li:hover a.nav-about,
.primary ul li:hover a.nav-activities, 
.primary ul li:hover a.nav-food,
.primary ul li:hover a.nav-services,
.primary ul li:hover a.nav-energybase
 {
    border-left: none;
}

.primary ul ul.subnav_nav_about_ li a:hover {
    background-color: #FFCE4E;
}

.primary ul ul.subnav_nav_activities_ li a:hover {
    background-color: #9280BB;
}

.primary ul ul.subnav_nav_food_ li a:hover {
    background-color: #6AB9B8;
}

.primary ul ul.subnav_nav_services_ li a:hover {
    background-color: #F27553;
}

.primary ul ul.subnav_nav_energybase_ li a:hover {
    background-color: #79C7EF;
}

	/* END OF NAVIGATION */
/* ---------- END HEADER ----------*/
/* ---------- START CONTENT  ----------*/
.nheader1{
	background: #93D2F2;
	top: auto;
	height: auto;
	line-height: normal;
	text-align: center;
	position: static;
	float: left;
	margin-bottom: 5px;
}

.newsheader{
	
}

/* START NEWS BUTTON    */

#news-wrap{
background: url('/stylesheet/studentcentral/student-central-london-news.png');
height: 180px;
position: relative;
margin-top: 38px;
background-position: center 40px;
background-repeat: no-repeat;
background-color: #f2f2f2;
margin-bottom: 20px;
}

#news{
color: black;
text-align: center;
position: absolute;
    background-color: #FFCE4E;
    width: 100%;
    font-size: 32px;

    color: white;
}

#news a{
color: white;
display: block;
    padding: 12px 12px;
}


/* END NEWS BUTTON    */

/* START VENUE BOOKING POLICY    */

#policy-wrap{
background: url('/stylesheet/studentcentral/student-central-london-venue-booking-policy.jpg');
position: relative;
margin-top: 20px;
background-size: 100% 100%;
background-repeat: no-repeat;
background-color: #F27553;
margin-bottom: 20px;
width: 300px;
height: 227px;
float: left;
}

#policy{
color: black;
text-align: center;
position: absolute;
    background-color: #F27553;
    width: 100%;
    font-size: 32px;

    color: white;
}

#policy a{
color: white;
display: block;
    padding: 12px 12px;
line-height: 22px;
font-size: 26px;
}


/* END VENUE BOOKING POLICY    */

.twitter-widget{}

.twitter-timeline-box{
	position: relative;
	float: left;
	width: 100%;
	height: 895px;
	background: white;

}

.lead-banner {
	width: 100%;
	position: static;
	display: block;
	float: left;
}

.msl-pagebanner{
	position:relative;
}
/* ---------- END CONTENT  ----------*/
/* ---------- START FOOTER ----------   */

footer{
	margin-top: 0px;

}

footer .container-wrap{
	padding-top: 100px
}

.footer-skyline{
	position: relative;
	max-width: 850px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("/stylesheet/StudentCentral/student-central-london-skyline.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% 95%;
}


.footer-main{
	background-color: #989898;
	padding-bottom: 40px;
}

.footer-content{
	background-color: transparent;
}

.footer-nav{
	list-style: none;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 130%;
}


.footer-nav ul{
	list-style: none;
	margin: 0;
	padding-left: 0px;
}


.footer-nav ul li{
	display: inline-block;
	border-right: solid thin;
	padding-left: 15px;
	padding-right: 15px;
}

.footer-nav ul li:last-child{
	border-right: none;

}

.contact-details{
	float: left;
	margin-top: 30px;
}

.footer-logo{
	margin-bottom:10px;
}

.footer-soc{
	float: right;
}


.footer-soc ul{
	list-style: none;
}

.footer-soc ul li{
	display: inline-block;
}


.footer-soc ul li a img:hover{
	transform:rotateZ(360deg);
	transition: transform 0.5s;
}

.address p:nth-last-child(1),
.address p:nth-last-child(2),
.address p:nth-last-child(3){
	font-size: 80%;
}

.visualchange {
    float: right;
} 

.font-colours, .font-size, .background-chng{
	display: inline;
}

/*---------- END FOOTER ---------- */

/*---------- START LEFT SIDE PANEL ---------- */

.contactinfo{
	background: white;
	margin: 0px;
	min-height: 0px;
	padding: 0 0px;
	border-radius: 3px;
	color: #fff;
	word-break: break-all;
	padding-left: 10px;
	padding-bottom: 10px;
}

/*---------- END LEFT SIDE PANEL ---------- */

/*------------------------------------- START MEDIA 370 STYLES ------------------------------------- */

	@media(max-width: 370px){
		
		.somedia img {
			width: 30px;
		}
		
		.col-1-3.solopen{
			width: 120px;
			margin-top: 0px;
		}
		
		.flexslider .slides img{
			width: 200px;
		}
		
		footer .container-wrap {
			padding-top: 0px;
		}
		
		.footer-logo img{
			width: 95%;
		}
		
		.footer-skyline{
			background-image: url("/stylesheet/StudentCentral/footer-skyline-middle.png");
			background-size: 70%;
		}
	
	}

/*------------------------------------- END MEDIA 370 STYLES ------------------------------------- */

/*------------------------------------- START MEDIA 500 STYLES ------------------------------------- */

	@media(max-width: 500px){
		.twitter-timeline-box{
			height: 300px;
			overflow: hidden;
		
		}
		.welcome-mes{
			font-size: 22px;
		}
		
		.footer-skyline{
			width: 100%;
			text-align: center;
			height: 200px;
		}
		
		.flexslider .slides img{
			height: 250px;
		}
	
	}
	
/*------------------------------------- END MEDIA 500 STYLES ------------------------------------- */

/*------------------------------------- START MEDIA 695 STYLES ------------------------------------- */
	@media(max-width: 695px){
		.popupw{
			width: 100%
		}
	}

/*------------------------------------- START MEDIA 695 STYLES ------------------------------------- */

/*------------------------------------- START MEDIA 767 STYLES ------------------------------------- */

	@media(max-width: 767px){
		
		.header-inner{
			padding-bottom: 0px;
		}
			.container-wrap{
				width: 100%;
				padding-left: 0px;
				padding-right:0px;
				margin-left: 0px;
				margin-right: 0px;
		}
	
		#spage_title{
			background: white;
			text-align: center;
		}
	
		#spage_title h1{
			font-size: 22px;
		}
	
		.contact-details{
			margin-left: 10px;
		}
		
		.grid.logobar{
			margin-top: 0px;
		}
	
		.navrow{
			margin-bottom: 0px;
		}
		
		.container-wrap{
			width: 100%;
			padding-left: 0px;
			padding-right:0px;
			margin-left: 0px;
			margin-right: 0px;
		}
	
		#wrap-group-contact{
			margin: 8px;
		}
		
		.wrap-twitter{
			display: none;
		}
			
		.grid.logobar{
			margin-top: 0px;
		}
		.openingh{
			display: none;
		}
	}
	
/*------------------------------------- END MEDIA 767 STYLES ------------------------------------- */