/* Local CSS overrides for just this site */




@font-face {
	font-family: 'Open Sans';
	src: url(/design_local/fonts/OpenSans-Light.ttf) format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: fallback
}
@font-face {
	font-family: 'Open Sans';
	src: url(/design_local/fonts/OpenSans-Regular.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: fallback
}

body, input, textarea, h1, h2, h3, h4, h5, h1.schoolTitle
{font-family: 'Open Sans', sans-serif;font-weight: 300;}
html {font-size:12pt; color:#000}
body {color:#000!important}
#main {font-size:100%}
h1, h2, h3 {color:#1072BD}
h3 {font-weight:400}
h4 {font-weight:bold}
h2 {font-size:2em}
h3 {font-size:1.5em}

#main {min-height: calc(100vh - 450px); };


.copyright {color:#000;}

.margin-top0 {margin-top:0px!important}

.social-list--circled .social-list__service-link {
	background-color: #124799;
}
.social-list--circled .icon, .social-list--circled .icon:hover {
	fill: #fff;
}

.buildingicon {
	background-image:url(/images/icons/building.png);
	background-position-y: 4px;
}


@media screen {
	.headerWrapper {background-color: #124799}
	.school, #schoolTitleWrapper {
    	background-color: #2f2f2f;
	}
}

@media print {
	.printLogo {margin-top:0px}
	.logoImagePrint {margin-bottom:20px; 
		margin-top:10px;}
	.printTextLogo {margin-top:10px;}
}

.footerWrapper { 
	background-color:#f6f6f6; 
	color:#000;
	border-top: 1px solid #d9d9d9 
}

header.topHeader {
	align-items: left; text-align:left;
	padding-top:0px;
	padding-bottom:2px;
	line-height:12px;
}

.logoImage {
	height:70px!important; 
	margin-top:-4px!important;
}
 
#leftMenu p {font-size:100%}

#main ul li:before {top: 9pt}
 
#footerstuff a[href], #contactstuff a[href] {color:#000!important}
#footerstuff a[href]:hover, #contactstuff a[href]:hover {color:#000!important}
#login a {color:#000!important}
#login a:hover {color:#000!important; border-bottom:0px; text-decoration:underline; text-decoration-color: #cea600!important;}

th {text-align:left; padding:10px; background-color:#ccc}

#survey td table td  {padding:10px}

@media screen and (min-width:200px) {
.mobileNav {
    float: right;
    display: block;
    margin: 7px 0 0 5%;
	margin-top:12px;
}
.logoImage {
	margin-left:0px}
}

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

.searchicon {
	margin-top: 10px;
}

.inlineImg {
	background-color:#fff; 
	color:#444;
}

.secondary-menu__nav>ul>li>a {color:#000000!important; font-weight:400}