body, textarea, input {font-family: SourceSansPro, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Fira Sans, sans-serif;}

.headerWrapper {
	background-color: #0d3273;
	border-bottom: 2px solid #eee;
    align-items: center;
    border-bottom: solid 2px #0d3273;
}

.SEMSheaderWrapper {
	background-color: #0d3273;
    padding-left: 1.7778rem;
    padding-right: 1.7778rem;
	align-items: center; 
	text-align:center;
}

.SEMSheader {
	display:flex;	
	margin-bottom: 0px;	
	align-items: center; 
	text-align:center;
    max-width: 82rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: -1px;
    padding-top: 1px;
}

.SEMSqmlogo {
    width: 218px;
    height: 58px;
    flex: none;
    display: block;
    margin-left: .8889rem;
    margin-right: .8889rem;
}	
	

.footerWrapper {background-color:#0d3273; 
	color:#fff;
    border-top: solid #cea600 4px;
}

.schoolTitle {font-family: Oswald,Impact,Franklin Gothic Bold,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Fira Sans,sans-serif;
    font-weight: 500;
	font-size: 2.624625rem;
	line-height: 1.142;
	padding-top: 1.7778rem;
    padding-bottom: 2rem;
	color:#0d3273;
	text-align:center}
.schoolTitle a, .schoolTitle a:visited, .schoolTitle a:hover, .schoolTitle a:active {color:#0d3273;}
.schoolTitle a:hover {
    color: #0c746a;
	color: #3D5F5B; /* AAA Compliant */
}
	
h1, .message-mini__heading {
	font-family: Oswald,Impact,Franklin Gothic Bold,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Fira Sans,sans-serif;
    font-weight: 500;
	font-size: 3.3333rem;
	line-height: 1.142;
	color:#0d3273;
}

h2 {
	font-family: SourceSansPro,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Fira Sans,sans-serif;
	font-weight:600;
	font-size: 2.33333rem;
	color: #0d3273}

h3 {
	font-family: SourceSansPro,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Fira Sans,sans-serif;
	font-weight:600;
	font-size: 1.7778rem;
	color: #393f49}

#main {font-size: 110%; }

textarea{font-size: 94%}

#main input {font-size:0.8em}
#main input {font-size:inherit} /* Made it a bit bigger */


p-dead {line-height:1.38889} /* I think it's a bit too compressed */


/* Bullet Lists */
#main ul{list-style:none}
#main ul li:before{ /* do proper hanging indented bullets */
	background-color:#9c7d00;
	border-radius:50%;
	content:"";
	display:block;
	font-size:25px;
	height:6px; 
	width:6px;
	left:-18px;
	line-height:30px;
	position:absolute;
	top:1ex;
}
#main  li{position:relative}
#main ul li ul {margin-top:10px}
#main ul li li:before{ /* do proper hanging indented bullets */
	background-color:#fff;
	border:2px solid #9c7d00; 	
	border-radius:50%;
	content:"";
	display:block;
	font-size:25px;
	height:3px; 
	width:3px;
	left:-21px;
	line-height:30px;
	position:absolute;
	top:1ex;
}

	
#sidebar {font-size: 87.5%;}	
#footerWrapper {font-size:125%}
.qmmainlogo {
	display:block;
	margin-top:0px;
	margin-bottom:9px;
	margin-left:.8889rem;
	margin-right:.8889rem;
}


/* Search */

.searchbox-icon {border:0; padding:5px; margin:0; margin-top:5px; margin-right:1px; height:28px; width:28px}
.searchbox-icon:hover, .searchbox-submit:hover{
	background: #c70151;
}
.searchbox-input {
    top: 0;
    right: 0;
    border: 2px solid #cea600;
    outline: 0;
	background-color: #fff;	
    width: 50px;
    height: 30px;
    margin: -1px;
	padding: 1px 10px 1px 10px;
	font-size:1em;
}
.searchSubmit {
	height:36px; 
	width: 36px;
	padding-top:7px;
	background-color:#0c746a;
	border:1px solid #0c746a;
	border-top:1px #0d3273 solid;
}
.searchbox-icon:hover {background-color:#0c746a;}
.searchSubmit:hover {background-color:#cea600; border-color:#cea600; border-top:1px #0d3273 solid;}
.searchicon {
	margin-top:22px;
    height: 26px;
    width: 26px;
    fill: #fff;
}
.searchicon:hover {
    fill: #cea600;
	cursor:pointer;
}


.SEMSsearchicon {
	margin-top:4px;
    height: 25px;
    width: 25px;
    fill: #fff;
}
.SEMSsearchicon:hover {
    fill: #cea600;
	cursor:pointer;
}



.mobileNav .icon {
	margin-top:4px;
    height: 26px;
    width: 26px;
    fill: #fff;
}
.mobileNav .icon:hover {
    fill: #cea600;
	cursor:pointer;
}
.mobileNav a {
	outline : none;
}


.button, .button2, .button2_grey { 
	-webkit-border-radius: 0em;
    -moz-border-radius: 0em;
    -o-border-radius: 0em;
    border-radius: 0em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    border-radius: 0;
    padding: 0.5em 1em;
    margin-bottom: 0;
	background-color: #0d3273;
	color:#fff;
}

.button2_grey {background-color:#eee; color:#444}

a, a:hover, a:visited, #main a:hover, #abstract a:hover, .secondary a:hover 
 {color:#3D5F5B; }

#schoolTitleWrapper h1 a:hover, #main a:hover, #abstract .ui-widget-content a:hover {text-decoration:underline; text-decoration-color:#cea600;}
#main a, #main a {text-decoration:underline}

.secondary a[href] { color:#3b5179; }

.bighead a[href], .button2 {background-color: #0d3273; color:#fff!important; text-decoration:none!important}
.bighead a[href]:hover {color:#fff; background-color: #0c746a; text-decoration:none!important}

.LandingBox a[href] {color: #3b5179}
.LandingBox a[href]:hover {color: #3b5179; text-decoration:none}


.eventsSection a[href], .contentCard a[href], #newsbox a[href] {color: #3D4F7B}

.button:hover, .button2:hover, .button2_grey:hover {color:#fff!important; background-color:#0c746a!important; text-decoration:none!important};


.tag a {
	padding-top:2px; 
	padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
	margin-right:10px; 
	margin-bottom:10px; 
	background-color:#0d3273;
	color:#fff;
	white-space:inherit;
	text-decoration:none!important;
}
.tag a:hover {
	background-color: #0c746a!important;
	text-decoration:none!important;
	color:#fff!important;
}
.tag a[href], .tag a:visited, .tag a.selected:hover {
	color:#fff;
	text-decoration:none!important
}
.tag a.selected {
	color:#444;
	text-decoration:none!important
}

#footerstuff a[href], #contactstuff a[href] {
    color: #fff!important;
	text-decoration:none!important;
	border-bottom: 0px none;
}
#footerstuff a[href]:hover, #contactstuff a[href]:hover {
    color: #fff!important;
	text-decoration:underline!important;
	text-decoration-color:#cea600!important;
}

/* SEMS Side Menn */


.secondary {background-color:#ffffff}

.secondary li {
	/* background-color:#f3f3f3; */
	background-color:#f6f6f6; 
	margin-bottom:1px
}
.secondary-menu__nav>ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}
.secondary-menu__nav>ul ul {
	display: none
}
.secondary-menu__nav>ul>li {
	font-size:1.25em;
	
}
.secondary-menu__nav>ul>li>a {
	white-space: nowrap;
	text-decoration: none;
	color: #393f49;
	display: block;
	position: relative;
	margin-right: 16px;
	margin-left: 16px;
	padding-top: 10px;
	padding-bottom: 4px;
	border-bottom: 4px solid transparent
}
.secondary-menu__nav>ul>li>a:hover, .secondary-menu__nav>ul>li>a:active, .secondary-menu__nav>ul>li>a .navcurrent {
	border-bottom: solid 6px #cea600
}
.secondary-menu__nav>ul>li>a .navcurrent { 
	padding-bottom:6px;
}
.secondary-menu__nav>ul>li>a:after {
	font-weight: 600;
	position: absolute;
	content: "\2715";
	right: -17px;
	top: 50%;
	font-size: 11px;
	line-height: 11px;
	display: none
}
.secondary-menu__nav>ul>li.is-active a {
	color: #0c746a;
	border-bottom-color: #cea600
}
.secondary-menu__nav>ul>li.is-active a:after {
	color: #393f49;
	display: block
}

/* TABS */

#main .tabNavigation li:before{
	background-color:transparent;
	border-radius:0%;
	content:"";
	display:inline;
	font-size:inherit;
	height:inherit; 
	left:inherit; 
	line-height:inherit;
	position:absolute;
	top:inherit;;
	width:inherit}	

ul.tabNavigation li a {
	color:#fff;
	text-decoration:none!important;
}
ul.tabNavigation li a:hover {
	background-color: #0c746a;
	border-bottom: 1px solid #0c746a;
	color:#fff!important;
}
ul.tabNavigation li a[href] {
	color:#fff;
}
ul.tabNavigation li a:visited {
	color:#fff;
}
ul.tabNavigation li a.selected {
	color:#444;
}
ul.tabNavigation li a.selected:hover {
	color:#fff;
}

.chinalogo {width:86px; height:86px; padding-left:20px}


#logo {margin-bottom:0px;}

/* Breadcrumb */

#breadcrumb {margin-left:0px}

.breadcrumblist {
    font-size: .9em;
    margin-bottom: 20px;
    padding: 2px 10px 2px 0;
}


.breadcrumblist {background-color:#fff}
.breadcrumblist a[href] {color: #393f49; border-bottom: 2px; margin-left:0px; margin-right:0px}
.breadcrumblist a[href]:hover {color: #0c746a}
.breadcrumblist a[href]:hover {
    color: #0c746a!important;
	border-bottom: solid 2px #cea600;
}

#breadcrumbmobile.breadcrumblist a[href] {margin-left:0px}

@media only screen and (min-width:1000px) {
    #copyright {
    float: right;
    width: 20%}
.social {
    float: none;
    width: 100%;
    margin-right: 0;
}
}
.social-list {
	display: flex
}
.social-list li:last-child{
    margin-right: 0px;
}
.social-list__service {
	margin-right:.8889rem
}
.social-list--circled .social-list__service-link {
	display: flex;
	background-color: #fff;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	width: 56px;
	height: 56px;
	transition: color .2s ease, background .2s ease
}
.social-list--circled .social-list__service-link:focus, .social-list--circled .social-list__service-link:hover {
	background-color: #cea600;
}
.social-list--circled .icon {
	width: 32px;
	height: 32px; 
	fill:#0c746a;
}
.social-list--circled .icon:hover {
	fill:#0c746a;
}
.social-list {
/*	margin-top: 2.2222rem; */
	flex: none
}

#toTopWrapper {
    max-width: 73.5556rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
	
#toTop {
	width:45px; 
	height:45px; 
	background-color:rgba(13,129,117,.2); 
	background-color:rgba(255,255,255,.9); 
	border:0 none; 
	border: 1px solid rgba(13,129,117,.1);
	margin:0px; 
	padding:0px; 
	bottom:20px; 
	bottom:72px;
	right:20px;
	right:32px;
}
#toTop .icon {
	width: 25px;
	height: 25px; 
	padding:10px;
	fill:#0c746a;
}
#toTop .icon:hover {
	/*fill:#fff; */
	background-color:rgba(206, 166, 0,.2);
	background-color:rgba(13,129,117,.2); 

}


.secondary li:hover {
    /* background-color: #f8f3e0; */
	background-color: #dfe0e2;
}

.secondary li.blue {
    background-color: #0d3273;
    color: #fff!important;
}
.secondary li.blue a {
    color: #fff!important;
}

li.blue div.arrow-down {
	    border-top: 5px solid #fff;
}

.foundation h3 {
  background: url(//www.qmul.ac.uk/media/site-assets/qmul-site/images/icons/courses/gears.png) no-repeat left center transparent;
  padding-left: 40px;
  background-size: 32px 27px;
}
.industry h3,
.pp h3 {
  background: url(//www.qmul.ac.uk/media/site-assets/qmul-site/images/icons/courses/industry.png) no-repeat left center transparent;
  padding-left: 40px;
  background-size: 28px 25px;
}
.year-abroad h3 {
  background: url(//www.qmul.ac.uk/media/site-assets/qmul-site/images/icons/courses/plane.png) no-repeat left center transparent;
  padding-left: 40px;
  background-size: 32px 17px;
}
  .meng h3,
  .msci h3 {
    background: url(//www.qmul.ac.uk/media/site-assets/qmul-site/images/icons/courses/msc.svg) no-repeat left center transparent;
  padding-left: 40px;
  background-size: 30px 30px;
  }
.intercalated h3 {
  background: url(//www.qmul.ac.uk/media/site-assets/qmul-site/images/icons/courses/intercalated-plus.svg) no-repeat left center transparent;
  padding-left: 40px;
  background-size: 26px 26px;
}
.additional-costs h3 {
  background: url(//www.qmul.ac.uk/media/site-assets/qmul-site/images/icons/courses/gbp.svg) no-repeat left center transparent;
  padding-left: 40px;
  background-size: 20px 23px; 
}

.contentCard {background-color:#f6f6f6; padding:1em}
.contentCard {background-color:#f3f3f3; padding:1em}
.LandingBox, .eventsbox {background-color:#f6f6f6}
.LandingBox, .eventsbox {background-color:#f3f3f3}

.student-quote blockquote {font-size:90%}




@media screen and (min-width:200px) {
	.qmlogo {margin-left:-32px}
	.search {
    	display: none;
	} 
	#breadcrumb {
    	display: none;
	}
	#breadcrumbmobile {
		font-size:100%;
		padding-top:10px;
		padding-bottom:10px;		
		border-top:#ccc 1px solid;
	}
	.breadcrumblist { margin-bottom:0px}
	.LandingBox {margin-top:20px;}
}

@media screen and (min-width:850px) {
	.qmlogo {margin-left:0px; margin-top: 1px;}
	.search {
    	display: inherit;
	}
	#breadcrumb { display:inherit}
	#breadcrumbmobile {
    	display: none;
	}
	.breadcrumblist { margin-bottom:20px}	
	.LandingBox {margin-top:10px;}	
}
@media only screen and (min-width:1024px) {
	nav.primary a {
    	padding: 3px 17px;
	}
	nav.primary li.current {
    	padding: 3px 17px;
	}
}


.stat__wrapper {
    background-color: #0c746a;
    border-color: transparent;
	    border-radius: 9999px;
    border-width: 5px;
    height: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
	text-align: center;
	width: 300px;
	color:#fff;
	height:300px;
}

.minimess {border-left:1px #666 solid;
	float:right; width:250px; margin-left:20px; margin-bottom:20px; padding:20px; background-color:#eee;}
.minimess p {font-size:1.1677777rem; line-height:1.388889}
.message-mini__heading {margin-top:0px; padding-top:0px; font-size: 2.333333rem;} 


p.intro {font-size:1.8em; font-weight:400; color:#0d3273!important;
line-height:1.38889;
width:75%
}

@media screen and (max-width: 650px) {
	p.intro {
		width:100%
	}
}