/* Local CSS overrides for just this site */
@font-face {
	font-family: 'Dosis';
	src: url(/design_local/fonts/Dosis-SemiBold.ttf) format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: fallback
}

h1.schoolTitle { font-family: 'Dosis', sans-serif; color:#0d3273; font-size:3em; font-weight:600}
p.intro {line-height:1.5; width:100%; font-size:120%; margin-bottom:40px; color:#444!important}

@media screen and (min-width: 850px) {
	header.topHeader {
		align-items: left; text-align:left
	}
}
.codeInputDigit::placeholder {color:#ccc}

@media screen and (min-width: 1024px) {
	.announcements{
		width: 49%;	
	}
	.newsSection, .eventsSection {
		width: 49%;
	}
}


@media only screen and (min-width:850px) {
.mobileNav {
    display: none;
}
}

h1.schoolTitle { 		
	padding:0px;
	margin:0px;
	text-align:left!important;
	font-size:46px;
	line-height:46px;
	padding-top	:10px;
	padding-bottom:10px;	
}
@media (min-width: 768px) {
	h1.schoolTitle {
        font-size: 46px;
		padding-top	:10px;		
		padding-bottom:10px;	
		line-height:46px;		
    }
}

.qmlogo {
	margin-left:-26px;
}

@media screen and (min-width: 850px) {
	.qmlogo {
		margin-left:0px;
	}
}

.circled {
	border-radius:50%;
}

th {text-align:left; background-color:#444; color:#fff; padding:4px;}

table.programme {background-color: #CDA70A; border-spacing:1px; width:100% }
table.programme td {background-color:#fff; padding:8px}
table.programme td.programmehead {background-color:#0D3273; color:#fff}
table.programme td p {margin-top:0px; margin-bottom:0px}
table.programme td ul {margin-top:4px; margin-bottom:0px}

.x-card {
	background-color:#fff; 
	display:inline-block; 
	padding:1em; 
	width:-webkit-fill-available; 
	border:#fff 2px solid
}
.x-card:hover {
	border-color: #cea600;
	cursor: pointer;
}