a,input {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, ul li, #toolbar select {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;}
.error {color:red}

.center {margin:0 auto;width:970px;}

#campaign {
	background-image:url('hero.jpg');
	position:relative;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position-y:40%;
	background-color: #888888;
	background-blend-mode: multiply;
}
#campaign .center {color:white;height:350px;}

#campaign h1 {font-size:40px;font-weight:bolder;padding:200px 0px 0px 0px;}
#campaign h2 {font-size:20px;margin-bottom:90px;padding:10px 0px}
#edge {background-color:white;border-top-left-radius:14px;border-top-right-radius:14px;font-size:11px;}
#pseudoBox, #searchBox {overflow:auto; max-width:590px;border:solid 1px rgba(0, 0, 0, 0.09); border-radius:10px; box-shadow:rgba(0, 0, 0, 0.06) 0px 2px 3px 0px;}

#sticky {position:sticky;top:0;box-shadow:rgba(0, 0, 0, 0.08) 0px 2px 6px 0px;}
#main-bg {height:auto!important}

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

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

#catswrap {
	width: 100%;
	overflow-x:hidden;
	white-space:nowrap;
	padding:0;
}
#cats {
	padding:0;margin:0;
	margin:0 auto;
}
#cats li {
	text-transform:uppercase;
	cursor:pointer;
	padding:0px 10px 12px 10px;
	margin:0 10px 0 0px;
	color:#666666;
	display:inline-block;
	white-space: nowrap;
}
#cats li, #bencmark, #sideBar, #toolbar select {font-size:14px}

.selCat {color:#111111!important;border-bottom:solid #111111 1px}
#tools {border-left:solid #D9D9D9 1px;margin-left:5px!important;padding-left:15px!important}
#tools {font-weight:normal!important;}
#main-bg, #sideBar, #sticky {background-color:#ffffff}

#benchmark, #toolbar {margin-top:14px;padding-left:10px;color:grey;}
#benchmark {height:31px;}
#toolbar {display:none}
#toolbar select {margin-right:15px; padding:5px;border:solid 1px #D9D9D9}

figure {cursor:pointer;color:rgb(200,200,200);margin:10px 0 0 0;padding:0;display:none}
svg polyline {fill:none;stroke:#00278E;stroke-width:3}
svg text {fill:transparent;cursor:pointer;width:60px;height:40px;font-size:14px;}
#hover {background-color:white;border:solid 1px grey;font-size:12px;color:black;position:absolute;z-index:1;padding:3px}

#sideBar {width:300px;margin:0;}
#sideBar h1 {font-size:24px}
.segment * {margin:10px 0}
#category {text-transform:capitalize}
.url:hover {text-decoration:underline;cursor:pointer;}

#results {width:590px;}
dl {padding:14px 6px;margin:10px 0}
dt {color:#00278E;font-size:18px;cursor:pointer}
dd {font-size:14px;}
.loc {color:#20692B;margin:6px 0}
#additional {height:51px;text-overflow: ellipsis;overflow:hidden;}
#language {text-transform:capitalize}

#main {min-height:500px;margin-bottom:100px;}

#results dl {animation:dla .4s forwards}
#header {animation:hda .6s forwards}
.segment div {animation:ada .9s forwards}
#map {animation:ima 1.1s forwards}

@keyframes dla{
	from {margin-top:40px;}
	to {margin-top:15px;}
}
@keyframes hda{
	from {margin-top:45px;}
	to {margin-top:25px;}
}
@keyframes ada{
	from {margin-top:15px;}
	to {margin-top:10px;}
}
@keyframes ima{
	from {margin-top:25px;}
	to {margin-top:10px;}
}

@media (max-width: 970px) {
	#toolbar select {outline: 0;-webkit-appearance:none;}
	#campaign {background-position-x:48%;background-size:auto 100%;}
	#campaign h1 {padding:210px 15px 0px 15px;font-size:30px;}
	#campaign h2 {padding:10px 15px 0 15px;font-size:20px;}
	#pseudoBox, #searchBox {max-width:94%;}
	#pseudoBox {margin: 0px auto;}
	#searchBox {margin: 10px auto 10px auto;}
	#search, #benchmark {width:86%;}
	#toolbar {padding-left:0; width:94%}
	#benchmark {margin:8px 0 0 0;padding:0 0 0 18px;height:auto;}
	#sideBar {display:none;width:100%;position:absolute;z-index:2;left:0;border-top-left-radius: 20px;border-top-right-radius: 20px;}
	.segment {margin:18px;color:black!important}
	#catswrap {width:100%}
	#catswrap {overflow-x:touch;}
	#cats {margin-left:16px;}
	.center, #results {width:100%;}
	#tools {display:inline!important}
	dl{margin:15px 10px;padding:8px;-webkit-tap-highlight-color: transparent;}
	#toolbar select {padding: 5px 10px}
	dl, #toolbar select {border:solid 1px rgba(0, 0, 0, 0.09); border-radius:10px; box-shadow:rgba(0, 0, 0, 0.03) 0px 2px 3px 0px;}
	.loc {margin:3px 0}
	.info {height:50px;text-overflow: ellipsis;overflow:hidden;}
	.warning {background-color:transparent;border:none;border-radius:0;box-shadow:none}
}
@media (max-width: 420px) {
	#campaign{background-size:auto 100%;}
	#campaign h1 {padding:190px 15px 0px 15px;font-size:30px;}
	.info, #additional {height:49px;}
}
@supports (-webkit-touch-callout: none) and (max-width: 420px) {
	.info, #additional {height:40px;}
}
@media (prefers-color-scheme: dark) {
	.grey-bg {background-color:#272727;}
	#main-bg,#edge, #sideBar, #sticky, #toolbar select {background-color:#1A1A1A;}
	#pseudoBox, #searchBox,#search {background-color:#444444;}
	#catswrap {border-bottom:solid 1px #404040}
	#toolbar select {border:solid 1px #404040}
	#tools {border-color:#404040}
	.selCat {border-bottom:solid 1px #505050}
	.loc {color:#61B12E}
	#search {color:#FCFCFC}
	.selCat, dt, #campaign .center, #toolbar select {color:#BBBBBB!important}
	dl strong {color:#D4D4D4}
	dd, #sideBar div {color:#727272}
	#campaign {background-color: #666666;}
}
@media (prefers-color-scheme: dark) and (max-width: 970px) {
	#sideBar {background-color:white}
	dl {background-color:#272727;}
	#sideBar div, .segment {color:black!important}
}
