a,input,select {outline: 0;-webkit-appearance:none;}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

dt,dd,h1,h2,h5,body {margin:0;padding:0;font-family: SFNSText, 'Helvetica Neue', sans-serif}
ul li {list-style:none}
.float {width:100%;overflow:hidden;}
.left, .right {display:block}
.left {float:left;}
.right {float:right;}

.mid970, .mid1000 {margin:0 auto;}
.mid970 {width:970px;}
.mid1000 {width:1000px;}

#campaign {
	background-image:url('school.jpg');
	position:relative;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position-y:50%;
	background-color: #5D5D5D;
	background-blend-mode: multiply;
}
#campaign .mid1000 {color:white;height:350px;}

#campaign h1 {font-size:40px;font-weight:bolder;padding:200px 15px 0px 15px}
#campaign h2 {font-size:20px;margin-bottom:90px;padding:15px}

#edge {background-color:#ffffff;height:10px;border-top-left-radius: 10px;border-top-right-radius: 10px;position: absolute;bottom: 0;left: 0;width:100%;font-family:10px}

#searchBox{border:solid 1px rgba(0, 0, 0, 0.15); border-radius:10px; box-shadow:rgba(0, 0, 0, 0.06) 0px 2px 3px 0px;}

.grey-bg {background-color:#FAFAFA;}
#searchBox {margin:11px; overflow:auto; max-width:590px; }
#search{ border:0px; width:93%; padding:10px 10px; font-size:16px; }
#searchBox,#search {background-color:#FAFAF9;}

#magnify {cursor:pointer; border:0px; background:none; float:right; padding:10px;}

#catswrap {
	width: 100%;
	overflow-x:hidden;
	white-space:nowrap;
	padding:0;
	border-bottom:solid 1px #D9D9D9
}
#cats {
	padding:0;margin:0;
	margin:0 auto;
}
.cat {
	cursor:pointer;
	padding:0px 5px 12px 5px;
	margin:0 0px 0 0px;
	font-size:14px;
	color:#666666;
	font-weight:600;
	display:inline-block;
	white-space: nowrap;
}
#cat-selected {color:#111111!important;border-bottom:solid #111111 1px}
.main-bg {background-color:#ffffff}

#results {width:590px;}
dl {padding:14px;margin:10px 0}
dt {color:#00278E;font-size:18px}
dd {font-size:14px;}
.loc {color:#20692B;margin:6px 0}

#content {min-height:500px;margin-bottom:100px;}
@media (max-width: 768px) {
	#campaign h1 {padding:210px 15px 0px 15px;font-size:30px;}
	#campaign h2 {font-size:20px;}
	#searchBox {max-width:100%}
	#search {width:85%}
	#catswrap {width:100%}
	#catswrap {overflow-x:scroll;}
	#cats {margin-left:16px;}
	.mid1000, .mid970, #results {width:100%;}
	dl{margin:15px 10px;padding:8px}
	dl {border:solid 1px rgba(0, 0, 0, 0.15); border-radius:10px; box-shadow:rgba(0, 0, 0, 0.06) 0px 2px 3px 0px;}
	.loc {margin:3px 0}
}
@media (max-width: 420px) {
	#campaign{background-size:auto 100%;}
	#campaign h1 {padding:200px 15px 0px 15px;font-size:30px;}
/*
	.grey-bg,dl {background-color:#272727;}
	.main-bg,#edge {background-color:#1A1A1A;}
	#searchBox,#search {background-color:#444444;}
	#catswrap {border-bottom:solid 1px #404040}
	#cat-selected {border-bottom:solid 1px #505050}
	#magnify:before, #magnify:after {content:url('magnify-dark.png')}
	.loc {color:#61B12E}
	#search {color:#FCFCFC}
	#cat-selected, dt, h1, h2 {color:#AAAAAA!important}
	dd {color:#727272}
*/
}

@media (prefers-color-scheme: dark) {
	.grey-bg,dl {background-color:#272727;}
	.main-bg,#edge {background-color:#1A1A1A;}
	#searchBox,#search {background-color:#444444;}
	#catswrap {border-bottom:solid 1px #404040}
	#cat-selected {border-bottom:solid 1px #505050}
	#magnify:before, #magnify:after {content:url('magnify-dark.png')}
	.loc {color:#61B12E}
	#search {color:#FCFCFC}
	#cat-selected, dt, h1, h2 {color:#AAAAAA!important}
	dd {color:#727272}
}