@font-face {
    font-family: 'neueultralight';
    src: url('/assets/site_resources/HelveticaNeueLTStd-UltLt.otf.eot'),
     url('/assets/site_resources/HelveticaNeueLTStd-UltLt.otf.eot?#iefix') format('embedded-opentype'),
         url('/assets/site_resources/HelveticaNeueLTStd-UltLt.otf.woff') format('woff'),
         url('/assets/site_resources/HelveticaNeueLTStd-UltLt.otf.ttf') format('truetype'),
         url('/assets/site_resources/HelveticaNeueLTStd-UltLt.otf.svg#neueultralight') format('svg');
    font-weight: normal;
    font-style: normal;s

}

@font-face {
    font-family: 'HelveticaNeueLTStd_Roman';
    src: url('/assets/site_resources/HelveticaNeueLTStd_Roman.eot'),
     url('/assets/site_resources/HelveticaNeueLTStd_Roman.eot?#iefix') format('embedded-opentype'),
         url('/assets/site_resources/HelveticaNeueLTStd_Roman.woff') format('woff'),
         url('/assets/site_resources/HelveticaNeueLTStd_Roman.ttf') format('truetype'),
         url('/assets/site_resources/HelveticaNeueLTStd_Roman.svg#HelveticaNeueLTStd_Roman') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'HelveticaNeueLTStd_Lt';
    src: url('/assets/site_resources/HelveticaNeueLTStd_Lt.eot'),
     url('/assets/site_resources/HelveticaNeueLTStd_Lt.eot?#iefix') format('embedded-opentype'),
         url('/assets/site_resources/HelveticaNeueLTStd_Lt.woff') format('woff'),
         url('/assets/site_resources/HelveticaNeueLTStd_Lt.ttf') format('truetype'),
         url('/assets/site_resources/HelveticaNeueLTStd_Lt.otf.svg#HelveticaNeueLTStd_Lt') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* -- Admin -- */

@media only screen and (max-device-width: 1200px), only screen and (max-width: 1200px) {
.navbar-fixed-top .nav > li > a {
padding: 10px 7px;
}

}

@media only screen and (max-device-width: 993px), only screen and (max-width: 993px) {

.navbar-fixed-top .nav > li > a {
font-size:11px;
padding: 10px 7px;

}

}

@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {

.navbar-fixed-top .nav > li > a {
font-size:11px;
padding: 10px 7px;
margin-top:10px;

}

}


#options{
width:220px;
}

.collapse{
background:none;}

.navbar a {
    color:#7777bb;
font-family: "HelveticaNeueLTStd_Lt", Helvetica, sans-serif;
  }

.navbar a:hover {
    color:#ffd061;
  }

.msl_admin_menu{
padding:0 0 0 10px;
}


.sidepanel{
padding:0 5px 5px 10px;
background:none;
}

.sidepanel h3{
font-size:20px;
}

#controlpanel li {
border-bottom:1px solid #cccccc;
}

.sidepanel ul{
margin:0;
padding:0;
}
.sidepanel li{
background:none;
padding:4px 0 2px 0;
border-bottom:1px solid #cccccc;}

.sidepanel li a{
background:none;
padding:0;}

#admin-panel {
display:block;
padding:10px 0 10px 10px;
margin-right:10px;
position:relative;
z-index:10000;
float:right;
width:250px;
}

#search{
width:235px;

}


#search .textbox{
width:150px;
margin:5px 0 10px 15px;
}

#search .button{
background:#7777bb;
color:#fff;
font-size: 8pt;
height:23px;
vertical-align:top;
top:-1px;
padding:2px;
display:inline;
margin-top:5px;
font-family:'HelveticaNeueLTStd_Roman';

}


#admin-panel a {
background:none;
border-right:1px solid;
display:block;
float:right;
font-size:8pt;
margin-left:2px;
padding:5px 5px 0 5px;
text-align:center;
vertical-align:top;
cursor: pointer;
height:12px;
line-height:8px;
}

#admin-panel a:first-child{
border-right:none;
}

#tbbasket, #tbadmin, #tblogin, #tbcontrols, #tbdamin, #tbaccount{
cursor:pointer;
}

/*div#account, div#controls, div#admin, div#basket, div#login {
opacity: 0.9;
padding: 20px;
position: fixed;
background: #fff;
z-index:10000;
right: 350px;
top: 70px;
} */


div#account, div#controls, div#admin, div#basket {
display:none;
}

.msl_admin{
background:none;
padding:0;
}

#ulOrgs li{
margin-top:0;}

a.basket{
float:none;
clear:both;
border-top: 1px solid #eee;
padding-top:3px;
font-size:13px;
}

#basket a {
font-size:11px;
float:none;
}
#basket dd.price {
font-size:11px;
float:left;
margin-right:10px;
}

#basket dd.qty{
float:left;

}


.msl_edit{
display:block;
}


/* FUNCTIONAL */

.yellow-header{background:#ffc; padding:20px;}
p{margin-bottom:10px;}
p.vlarge{font-size:40px;}
p.large{font-size:30px;}
p.medium{font-size:22px;}

img{width:100%; margin:1% 0;}
.vp_form img{width:20px;}
img.quarter{width:23.5%; margin:1% 1% 1% 0;}
img.third{width:32%; margin:1% 1% 1% 0;}
img.half{width:48.5%; margin:1% 1% 1% 0;}

button{padding:4px 8px;}
.no-top-margin{margin-top:0;}
.right{text-align:right;}

.breadcrumb{margin-bottom:20px; font-size:1.2em;}
.abutton{display:inline-block; margin:10px 0 20px; padding:5px 10px; background:#eef; font-size:1.2em; font-weight:bold;}

.row.page-section{padding:20px 0;}
.page-section{margin:0 0 40px; padding:20px; border-left:4px solid #77b; border-right:4px solid #ffd061;}
.page-section h2:first-of-type, .page-section h3:first-of-type{margin-top:0;}
.sidebar-item{margin:0 0 20px; padding:1px 10px 15px; border:2px solid #eef;}

.main-info h2{font-size:4em;}
.main-info h3{font-size:2em;}
.main-info h2, .main-info h3{margin:0 0 10px;}
.main-info p{font-size:1.5em; font-weight:bold;}


/* Template stuff */

#page_dont-panic .example{border:2px solid #eef;}

/*Banner */

/*Stops news appearing on the homepage*/
.banner{
display:none;
}

.bannertitle a{
color:white ;
font-size:30px;
font-family: "BrandonGrotesque-Bold";
}
/* font-family: "HelveticaNeueLTStd_Lt", Helvetica, sans-serif; */
}

.bannertitle a:hover{
color:#7777bb;
text-decoration: none !important ;
}


.bannerleader {
color:white ;
font-size:18px;
font-family: "BrandonGrotesque-Regular";
}


@media only screen and (max-device-width: 600px), only screen and (max-width: 600px) {

.carousel{
display:none;
}
}

.logo{
display:block;
float:left;
padding:10px;
}
.nav-collapse{
margin-top:30px;
}

.main{
margin-top:20px;
}

.topbanner{
font-size: 1.8em;
position:relative;
}

@media only screen and (max-device-width: 1200px), only screen and (max-width: 1200px) {
.main{margin-top:0;}
.topbanner{margin-top:0;}
}

.topbanner img{
width:100%;
}

.topbanner h1{

font-size: 3em;
   background: rgb(255, 255, 255); /* fallback color */
   background: rgba(255, 255, 255, 0.7);
   margin-bottom:40px;
   padding: 10px 10px 0 10px; 
line-height:1em;
}

@media only screen and (max-device-width: 992px), only screen and (max-width: 992px) {

.topbanner h1 {
font-size: 1.6em;

}

}


@media only screen and (max-device-width: 600px), only screen and (max-width: 600px) {

.topbanner h1 {
font-size: 1.6em;
}

}



.topbanner h1 span { 
   background: rgb(255, 255, 255); /* fallback color */
   background: rgba(255, 255, 255, 0.7);
   padding: 10px; 
width:100%;
}
.topbanner h1 span.spacer {
   padding:0 5px;
}

.pagecontent{
width:100%;
}

.input.button{
background:none;
}

.sidebarheader{
margin-top:0;
}


/* Footer */

#footer{margin-top:80px;}
#footer img{width:100%;}
.quick_links{margin-bottom:10px;}

.adverts{margin-bottom:10px;display: block;overflow: hidden;margin-bottom: 20px;}

.footerbanner{
/* margin:0 0 20px 20px; */
display: block;
overflow: hidden;
padding:10px;
}
.footerbanner img {max-width:100%;width: 100%;}

#footerinfo{
/* border-top: 1px #999999 solid; */
padding-top:10px;
height:100%;
margin-bottom:20px;
 box-shadow: 0 -4px 0 0 #ffd061, 0 -8px 0 0 #7777bb;  
}

#footerinfo .container{padding:0;}

#footerinfo ul{list-style:inside; padding-left:0;}

.quick_links li{display:inline-block;}

#bottombar{

padding-top:10px;
width:50%;
font-size:0.8em;
float:left;
}

ul.social-icons{
height:15px;
margin:0;
padding:0;
}

.social-icons li{
float:left;
margin:0 5px 10px 0;
}

.social-icons li a{
display:block;
width:40px;
height:40px;
}

.twitter{
background:url('/assets/site_resources/icons-lseweb_twitter-gold.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.twitter:hover{
background:url('/assets/site_resources/icons-lseweb_twitter-purple.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.facebook{
background:url('/assets/site_resources/icons-lseweb_facebook-gold.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.facebook:hover{
background:url('/assets/site_resources/icons-lseweb_facebook-purple.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.tumblr{
background:url('/assets/site_resources/icons-lseweb_tumblr-gold.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.tumblr:hover{
background:url('/assets/site_resources/icons-lseweb_tumblr-purple.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.youtube{
background:url('/assets/site_resources/icons-lseweb_youtube-gold.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.youtube:hover{
background:url('/assets/site_resources/icons-lseweb_youtube-purple.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.flickr{
background:url('/assets/site_resources/icons-lseweb_flickr-gold.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.flickr:hover{
background:url('/assets/site_resources/icons-lseweb_flickr-purple.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.instagram{
background:url('/assets/site_resources/icons-lseweb_instagram-gold.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.instagram:hover{
background:url('/assets/site_resources/icons-lseweb_instagram-purple.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

/* Homepage */

.homepagesection{
/* border-bottom:1px solid #cccccc; */
padding-top:20px;
margin-bottom:40px;
 box-shadow: 0 -4px 0 0 #ffd061, 0 -10px 0 0 #7777bb;  

}

.homepagesection:last-child{
margin-bottom:0px;
}


.homepagesection h2, .homepagesection h3{
border-bottom:1px solid #cccccc;
padding-bottom:3px;
margin-bottom:15px;
width:345px;
max-width:100%;
}

.front-top-banner h2{margin-top:-10px; padding:8px 0; background:#77b; color:#fff; font-size:3em; font-family:"ShadowGothic-Medium", Helvetica, Arial, sans-serif !important; letter-spacing:2px; text-align:center;}
.front-top-banner h2 a{color:#fff;}

#home_event_wrapper{}
#home_event_list .event_item{display:inline-block; float:left; overflow:hidden; width:32%; height:140px; padding:1%; background-color:#eef; border-left:4px solid #77b; border-right: 4px solid #ffd061;}
#home_event_list .event_item.item1, #home_event_list .event_item.item4{margin:0 1% 1% 0;}
#home_event_list .event_item.item2, #home_event_list .event_item.item5{margin:0 1% 1% 1%;}
#home_event_list .event_item.item3, #home_event_list .event_item.item6{margin:0 0 1% 1%;}
#home_event_list .event_item dl{margin:0; font-weight:bold;}
#home_event_list .event_item dt{font-size:1.1em;}
#home_event_list .event_item .msl_event_description{display:none;}

#tumblr-front{width:100%; margin:20px 0; padding:20px; background-color:#eef; border-left:4px solid #77b; border-right: 4px solid #ffd061;}
#tumblr-front > div{display:block; width:100%; margin:0 0 20px;}
#tumblr-front > div h3{display:inline-block; margin:0;}
#tumblr-front > div span.article_date{display:block; margin:0 0 10px; font-size:14px; font-weight:bold;}

#instagram{width:100%; margin:20px 0;}
#instagram div{display:inline-block; width:48%; margin:0 2% 2% 0; vertical-align:top;}
#instagram div img{width:100%;}

#campaign img{width:100%;}

@media only screen and (max-device-width: 1200px), only screen and (max-width: 1200px) {
#home_event_list .event_item{min-width:50%;}
#home_event_list .event_item.item1, #home_event_list .event_item.item4{margin:0;}
#home_event_list .event_item.item2, #home_event_list .event_item.item5{margin:0;}
#home_event_list .event_item.item3, #home_event_list .event_item.item6{margin:0;}
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 250px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper{position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0;}
.video-wrapper iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

.homepageblog {width:100%;}

.crop{width:100%; height:200px; margin:0; float:left; overflow:hidden; }

.vidcrop{width:100%; height:300px;margin:25px 10px 10px 0;float:left;overflow:hidden; }


.homepageblog img {width:110%;}

@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {

.homepageblog img{
display:none;
}

.homepageblog li{
clear:both;
width:100%;
}
}


.homepageblog iframe {width:100%;margin:0px 30px 50px 0;float:left;}

.homepageblog ul{
list-style:none;
display:block;
margin:0;
padding:0;
}

.homepageblog li{
display:block;
width:32.3%;
float:left;
margin:0 0.5%;
/* border-bottom:1px solid #cccccc; */

}
/* .homepageblog li:last-child{
margin:10px 0 0 0;
border-bottom:none;

} */

.rss_title   {
    display: block;
    font-size: 24px;
  font-family: "HelveticaNeueLTStd_Lt", Helvetica, Arial, sans-serif;
    line-height: 1.1em;
 margin:0px 0px 8px 0;
overflow:hidden;
height:60px;
}

.rss_title a{
width:100%
}

.homepageblog p   {
    display: inline;
    font-size: 14px;
  font-family: "HelveticaNeueLTStd_Roman", Helvetica, Arial, sans-serif;
    line-height: 1.4;
    margin-right: 5px;
font-weight: 400;
}

.rss_description {
    color: #666666;
    display: block;
    line-height: 1.4;
margin:10px 0 0 0;
}

.rss_description a{
-webkit-transition: opacity 0.3s; 
transition: opacity 0.3s;
}

.rssimage:hover{opacity:0.8;}

.rss_pubdate{

font-family: "HelveticaNeueLTStd_Lt", Helvetica, Arial, sans-serif;
margin:10px 0 5px 0px;
}

.rssimage{
float:left;
margin:5px 10pcx 10px 0;
-webkit-transition: opacity 0.3s; 
transition: opacity 0.3s;

}

/* Society lists */




ul.msl_organisation_list{

margin:20px 0;}

.msl-gl-description, .msl-listingitem-description{
font-size:13px;
}

.msl-listing-category{
margin-left:0.8;
}

ul.msl_organisation_list li{
width: 31%;
margin:1%;
padding:1%;
height:150px;
float:left;
background:#eef;
}

@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {

.msl-gl-description, .msl-listingitem-description{
display:none;
}

}

.awardicon img{
width: 80px;
}

/* Whats On */

.events .msl_eventlist .msl_event3 {
border-bottom: 1px solid #CCCCCC;
margin: 0 0 5px;
padding: 0;
width:33%;
height:100px;
display:inline-block;
vertical-align:top;
}

.events .msl_eventlist .msl_event3 .msl_event_image img {
    margin: 0 auto 5px;
}

.events .msl_eventlist .msl_event3 dd.msl_event_description {
    display:none;
}

.page_events .topbanner, .page_event .topbanner{display:none;}

.event_title_info h1{font-size:5em;}
.event_date, .event_time, .event_location{font-size:2em; font-weight:bold; color:#7178b9;}
.event_image{color:#fff;}
.event_image img{width:100%; height:auto; margin-top:40px;}
.event_description{margin:40px 0;}
.event_tickets{padding:0px 16px; border-left:4px solid #7178b9;}
.event_ticket{margin:0 0 10px;}
.event_tickets select{width:10%; margin-right:10px;}
.event_tickets input{width:auto; margin-left:10px; padding:3px 10px;}
.event_footer_description{margin:40px 0; padding:40px 0; border-top:2px solid #7178b9;}
.event_footer_description p{margin:0 0 10px;}


/* EVENT CALENDAR */
.events_calendar table{width:100%;}
.msl_event_calendar{margin:30px 0; border:none; background:#eef;}
.msl_event_calendar_selected_day{color:#000 !important; background:#eef !important;}

.msl_event_calendar_title{background:#77f; font-size:20px; color:#fff;}
.msl_event_calendar_title td{padding:10px; background:#77f; font-size:20px; color:#fff;}

.msl_event_calendar th{padding:10px; text-align:center;}
.msl_event_calendar td{border:1px solid #000; vertical-align:top;}
.msl-cal-hoverbox{position:relative !important; top:auto !important; left:auto !important; background:none; margin:10px; padding:5px; font-size:1em;}
.msl-caleventitem{display:block; margin:0 0 10px; padding:5px; background:#dde; font-size:14px;}
a.msl-caleventitem:hover{color:#77b; background:#ccd;}


/* VOTE FORM */
a.votenow{display:inline-block; background:#f93; border:none; font-weight:bold;}
a.votenow:hover{background:#222; border:none; color:#f93;}

.election h3{min-height:100px;}

/* SOCIETIES */

.page_activities .topbanner{display:none;}
.page_societies h1#topbanner, .page_sports h1#topbanner{font-size:5em;}

.product_box{margin:4px;}

ul.join_list{margin:0; padding:0;}
ul.join_list input{display:block; margin:10px 0; padding:4px 8px;}
.msl-groupingattributelist{margin:0; padding:0; list-style-type:none; list-style-position:inside;}
.msl-groupingattributelist-link{display:none;}
.msl_event_image{display:inline-block; width:100px;}

.msl-gl-attributes{margin-top:-10px;}
.msl-gl-attributeset{display:inline-block;}
.msl-gl-attribute{display:inline-block;}
.msl_organisation_list li.bronze .msl-gl-attribute::after{content: "*"; margin-left:4px; color:#8C7853; font-size:50px; vertical-align:-34%; }
.msl_organisation_list li.silver .msl-gl-attribute::after{content: "*"; margin-left:4px; color:#C0C0C0; font-size:50px; vertical-align:-34%; }
.msl_organisation_list li.gold .msl-gl-attribute::after{content: "*"; margin-left:4px; color:#FFD700; font-size:50px; vertical-align:-34%; }

/* OFFICERS */

#officer_page .col-md-5{border-right:4px solid #77b;}
#officer_page img{width:100%;}
.msl-candidate-details img{float:right; width:30%;}

/* HALLS CUP */

#halls-cup-standings{width:80%; font-size:1.2em;}
#halls-cup-standings tr:nth-of-type(1){border-bottom:2px solid #eef;}
#halls-cup-standings tr td:nth-of-type(2){text-align:right;}

.halls-cup-points-cats{border-bottom:2px solid #eef;}
.halls-cup-points-info .col-md-2{border-right:2px solid #eef;}
.halls-cup-points-info .col-md-2:last-of-type{border-right:none;}


/* Forms */

.form-group {
 min-height: 40px;
 
    overflow: auto;

margin-top:10px;
margin-bottom:10px;
}

.formtypeselect{
display:block;
height:20px;
float:left;
}

.formtypeselect:hover{
colour:black;
}

.formtypeselect:active{
colour:black;
}

/* Nav Advert */

.navbanner img{
float:right;
height:90px;
width:728px;
margin:-20px 0 15px 0;
}