/* WebAwesome dark.css 20230121 by Dan Guenther */

@media (prefers-color-scheme: dark) {

body {
	font-weight: 300;
	background-color: #222;  /* same as dk-trans (dark) box background */
	color: #ddd;
}
body .lt-trans { color: #222; /* same as light mode ? */ }
body.blankback { background-color: rgb(51,51,51); }

a { color: white; }
a.download:hover { background-color: #444; }
a.download:hover { background-color: #444; }

ol li:before {
	color: #DDD;
	border-color: #DDD;
	background-color: #454545;
}
blockquote[alt=backset] { background-color: #444; }
strong strong { color: #f33; }
strong { color: #e54334; }
strong a { color: #e54334; }
strong a:hover { border-bottom-color: #757575 !important; }

/* use hidedk and showdk to negate display:block below
*/
.hidedk { display: none; }
.showdk { display: block; }
.hide1x { display: block; }
.hide1x.showdk { display: block; }
.hide1x.hidedk { display: none; }
.hide2x { display: block; }
.hide2x.showdk { display: block; }
.hide2x.hidedk { display: none; }
.hide3x { display: block; }
.hide3x.showdk { display: block; }
.hide3x.hidedk { display: none; }
.hide4x { display: none; }
.hide4x.showdk { display: none; }
.hide4x.hidedk { display: none; }
.show1x { display: none; }
.show1x.showdk { display: none; }
.show1x.hidedk { display: none; }
.show2x { display: none; }
.show2x.showdk { display: none; }
.show2x.hidedk { display: none; }
.show3x { display: none; }
.show3x.showdk { display: none; }
.show3x.hidedk { display: none; }
.show4x { display: block; } 
.show4x.showdk { display: block; } 
.show4x.hidedk { display: none; }

.trans {
	background-color: transparent;
}
.no-trans {
	background-color: #333;
}

.wt-trans a { color: black; }
.wt-trans a.linkbutton { color: white; }
.wt-trans a.linkbutton:hover { background-color: black; color: white; }
.wt-trans a.download:hover { background-color: #f0f0f0; }

.lt-trans { background-color: rgb(246,246,246); } /* stays light */
.lt-trans strong a { color: inherit !important; } /* negates the next line, retains red color from styles: strong a */
.lt-trans a { color: #222; }
.lt-trans h1, .lt-trans h3, .lt-trans h5 { color: #222; }

.md-trans { background-color: #666; color: white !important; }
.md-trans h3, .md-trans a, blockquote[alt=inset], .md-trans blockquote[alt=inset] { color: white; border-color: #aaa; }
.md-trans strong { color:#ed584b /* #e53424 */; font-weight: 400;}
.md-trans a.download:hover { background-color: #636363; }

.ltdk-trans blockquote[alt="backset"] { background-color: #333; color: #EEE; } /* for answer page, must be preceded by h5 (OLD) */
/* .ltdk-trans blockquote[alt="backset"] h5 { background-color: #333; color: #EEE; } /* for answer page, must be preceded by h5 (OLD) */

.dk-trans { background-color: #222; } 
.wtdk-trans { background-color: rgb(34,34,34); /*#222;*/ } /* to match new Google Forms dark mode */
.wtdk-trans code + a { color: white !important; }
.wtdk-trans code + a:hover { color: white !important; }
.ltdk-trans { background-color: rgb(24,27,30); /*#222;*/ } /* to match new Google Forms dark mode */
.ltrg-trans { background-color: #333; } /* return to regular color */
.dk-trans a.download:hover { background-color: #333; }
.wtdk-trans a.download:hover { background-color: #333; }
.ltdk-trans a.download:hover { background-color: #333; }
.ltrg-trans a.download:hover { background-color: #444; } /* return to regular color */
.dk-trans .univinfo button:hover { background-color: #393939; }
.dk-trans p.univinfo a:hover { background-color: #393939; }
.dk-trans blockquote[alt="backset"] { background-color: #333; color: white; }

.bk-trans { background-color: #050505; } /* almost black */ 
.bk-trans .univinfo button:hover { background-color: #393939; }
.bk-trans p.univinfo a:hover { background-color: #393939; }


blockquote[alt=backset] { background-color: #333;}
blockquote[alt=inset-1] a:hover {
	border-bottom: 1px dotted #666;
}

.questionbox, .questioncomp {
/*	border: 2px solid gray; 
	border-color: rgba(128,128,128,.15); */
	background-color: #333; 
	color: #EEE;
}


@media screen and (min-width:0\0) { /* hack for IE 9, 10 font rendering */
	body { font-weight: 300; }
}
h1 { color: white; }
h2 { color: white;  }
h3 { color: #fff; }
h4 { color: #eee; }
h5 { color: #eee; }
h6 { color: #ed584b /* #E53424; */ }
.lt-trans h3 { color: #555; /* inherited from styles.css */ }
.wt-trans h1 { color: black; }
.wt-trans h2 { color: black; }
.wt-trans h3 { color: black; }
.wt-trans h4 { color: black; }
.wt-trans h5 { color: black; }
.wt-trans h6 { color: black; }

@media all and (min-device-pixel-ratio: 1.5), 
       all and (-webkit-min-device-pixel-ratio: 1.5) { /* too thin on retina */
	body { font-weight: 300; }
	strong { font-weight: 400; }
}
.boxcolor { background-color: #252525; margin-bottom: -15px; }
a { color: white; }
.box a { border-bottom: 1px dotted #666; }
.box a.pic { border-bottom: none; }
.box a.subtle, .box a.subtler { border-bottom: none; }
.box a.subtle:hover { border-bottom: 1px dotted #666; }
.box a.subtler:hover { border-bottom: none; }
.box a.red-hover:hover { color: #ed584b; }

.footer {
	-webkit-box-shadow: inset 0px 1px 2px #000; 
	box-shadow: inset 0px 1px 2px #000;
	background-color: rgb(27,27,27); 
}
.footer a { border-bottom: none; }
.footer a:hover { text-decoration: underline; }
.footer p { color: white; }
#topbar {
	background: rgb(26, 26, 26);
	background: rgba(26, 26, 26, 0.97);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=97);
}
a.current, #rightmenu a span.current { border-bottom: 3px solid #bbb; }
#topbar a {
	color: #DDD;
	/* padding-left: 8px; padding-right: 8px; don't know why this was included */
}
#topbar a:hover {
 	color: #f0f0f0;
	border-bottom: 3px solid #ddd;
}
#topbar .notmobile a:hover { border-bottom: none;}
/* #topbar a.notmobile:hover { background-color: inherit; border: inherit; } */
#rightmenu a:hover { border-bottom: none; }
#rightmenu a span:hover { border-bottom-color: #ddd !important; }
#rightmenu a.notmobile:hover span { border-bottom-color: #ddd; } /* solo rightmenu item */
#mobilemenu a:hover { background-color: inherit; border-color: transparent; }
#mobilemenu { color: white; }
#submenu { background-color: rgba(36, 36, 36, 0.97); box-shadow: 0px 0px 2px #000; }
#submenu a { color: #eee; }
#submenu span { color: white; }
#submenu a:hover { background-color: rgb(75,75,75); }
#submenu a.current { background-color: #c33; }

.staffcontact a { border-bottom: none; }
.staffcontact i:hover { color: #ed584b /* #e53424 */; }

.contact .wrapper { background-color: #444; }

.contact a, .contactnext a {
	color: #DDD;
	font-weight: 300;
	border-top: 1px solid #1A1A1A !important; 
	border-bottom: none; /* negate .box a decoration */
}
.contactwrap:first-of-type a { border-top-width: 0px !important; } /* captures first .contact a link */ 
.contact .trans a, .contactnext .trans a {
	/* requires long selector .wrapper.etc because wrapper contains both no-trans and background-trans classes */
	border-top: 1px solid #3C3C3C !important;
}
.contact a:hover, .contactnext a:hover {
	background: rgb(69,69,69);
	color: white; 
}
.contact a.nohover:hover, .contactnext a.nohover:hover { background: inherit; }
.contact .trans a:hover, .contactnext .trans a:hover {
	/* requires long selector .wrapper.etc because wrapper contains both no-trans and background-trans classes */
	background: #333; 
}
.titlelink {
	color: white;
	background: rgb(51,51,51);
	background: rgba(51,51,51,0.8);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
.overlink:hover .titlelink {
	text-decoration: underline;
	background: rgba(51,51,51,1.0);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
}
.overlink:visited .titlelink {
	background: rgba(51,51,51,0.8); /* fix for webkit ontouch > visited */
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
a.overlink {
	border-bottom: none;
}
.linkbox a { /* background-color: #494949; */ }
.linkbox a:hover { /* background-color: #eee; */ color: #e33; cursor: pointer; }
.linkboxshadow { box-shadow: 0px 0px 2px #000; }
.linkboxcolor { color: gray !important; }
.item {
	background-color: inherit;
}
.scrolldown {
	background: -webkit-linear-gradient(rgba(51,51,51,0)  , rgba(51,51,51,1)  ); /*Safari 5.1-6*/
	background: -o-linear-gradient(rgba(51,51,51,0)  , rgba(51,51,51,1)  ); /*Opera 11.1-12*/
	background: -moz-linear-gradient(rgba(51,51,51,0)  , rgba(51,51,51,1)  ); /*Fx 3.6-15*/
	background: linear-gradient(rgba(51,51,51,0)  , rgba(51,51,51,1)  ); /*Standard*/
}
h5.alt-head { border-color: rgb(255,255,255,0.3); }
/* button { background-color: #404040; border-color: #111; } */
button:hover, a.linkbutton:hover { background-color: #eee; color: #222; cursor: pointer; }
form.default button:hover { background-color: #eee; color: #222; cursor: pointer; }

select {
	color: white;
}

.modal-header {
	color: white;
}

/* responsive design */
@media (max-width: 1279px) { /* narrow pc, landscape tablet, 3 box wide */
	/* use hidedk and showdk to negate display:block below
	*/
	.hide1x { display: block; }
	.hide1x.showdk { display: block; }
	.hide1x.hidedk { display: none; }
	.hide2x { display: block; }
	.hide2x.showdk { display: block; }
	.hide2x.hidedk { display: none; }
	.hide4x { display: block; }
	.hide4x.showdk { display: block; }
	.hide4x.hidedk { display: none; }
	.hide3x { display: none; }
	.hide3x.showdk { display: none; }
	.hide3x.hidedk { display: none; }
	.show1x { display: none; }
	.show1x.showdk { display: none; }
	.show1x.hidedk { display: none; }
	.show2x { display: none; }
	.show2x.showdk { display: none; }
	.show2x.hidedk { display: none; }
	.show4x { display: none; }
	.show4x.showdk { display: none; }
	.show4x.hidedk { display: none; }
	.show3x { display: block; }
	.show3x.showdk { display: block; }
	.show3x.hidedk { display: none; }
}
@media (max-width: 959px) { /* portrait tablet, 2 box wide magnified */
	/* use hidedk and showdk to negate display:block below
	*/
	.hide1x { display: block; }
	.hide1x.showdk { display: block; }
	.hide1x.hidedk { display: none; }
	.hide3x { display: block; }
	.hide3x.showdk { display: block; }
	.hide3x.hidedk { display: none; }
	.hide4x { display: block; }
	.hide4x.showdk { display: block; }
	.hide4x.hidedk { display: none; }
	.hide2x { display: none; }
	.hide2x.showdk { display: none; }
	.hide2x.hidedk { display: none; }
	.show1x { display: none; }
	.show1x.showdk { display: none; }
	.show1x.hidedk { display: none; }
	.show3x { display: none; }
	.show3x.showdk { display: none; }
	.show3x.hidedk { display: none; }
	.show4x { display: none; }
	.show4x.showdk { display: none; }
	.show4x.hidedk { display: none; }
	.show2x { display: block; }
	.show2x.showdk { display: block; }
	.show2x.hidedk { display: none; }
}
@media screen and (device-width:768px) and (-webkit-max-device-pixel-ratio: 1.5) { /* iPad 2 */
	body, h4, .form-all, .contact a, .footer blockquote { /* font-family: 'Helvetica Neue'; */ font-weight: 300; }
}
@media (max-width: 639px) { /* mobile phone, 1 box wide */
	.topbarsubblock { box-shadow: 0px 1px #444 !important; }

	/* use hidedk and showdk to negate display:block below
	*/
	.hide2x { display: block; }
	.hide2x.showdk { display: block; }
	.hide2x.hidedk { display: none; }
	.hide3x { display: block; }
	.hide3x.showdk { display: block; }
	.hide3x.hidedk { display: none; }
	.hide4x { display: block; }
	.hide4x.showdk { display: block; }
	.hide4x.hidedk { display: none; }
	.hide1x { display: none; }
	.hide1x.showdk { display: none; }
	.hide1x.hidedk { display: none; }
	.show2x { display: none; }
	.show2x.showdk { display: none; }
	.show2x.hidedk { display: none; }
	.show3x { display: none; }
	.show3x.showdk { display: none; }
	.show3x.hidedk { display: none; }
	.show4x { display: none; }
	.show4x.showdk { display: none; }
	.show4x.hidedk { display: none; }
	.show1x { display: block; }
	.show1x.showdk { display: block; }
	.show1x.hidedk { display: none; }
}
@media all and (max-width: 639px) { /* mobile phone */
	#leftmenu a { /* match topbar */ background: rgb(26, 26, 26); background: rgba(26, 26, 26, 0.98); }
	#leftmenu a:last-child { -webkit-box-shadow: 0px 1px 1px #000; box-shadow: 0px 1px 1px #000; }
	#leftmenu a:hover { border-bottom: none; }
	#leftmenu .trans { background-color: transparent; } /* counters new leftmenu background on reverse toggle */
	#rightmenu a:hover { border-bottom: none; }
	body { color: #fff; } /* to improve visibility */
}

} /* END prefers-color-scheme:dark */