/* WebAwesome light.css 20220217 by Dan Guenther */

/* @media (prefers-color-scheme: light) { */

body {
	font-weight: 300;
	background-color: rgb(246,246,246); /* same as lt-trans (light) box background */
	color: #222;
}
body.blankback { background-color: white; }

a { color: black; }
a.download:hover { background-color: #f0f0f0; }
	
/* button { background-color: white; border-color: #CCC; } */
a.linkbutton { color: white; }
button:hover, a.linkbutton:hover { background-color: black; cursor: pointer; }
form.default button:hover { background-color: black; cursor: pointer; }

ol li:before {
	color: #DFDFCF;
	border-color: #CCC;
	background-color: #454545;
}
blockquote[alt="inset-1"] a:hover {
	border-bottom: 1px dotted #BBB;
}
blockquote[alt="backset"] { background-color: #fafafa; }
.dk-trans blockquote[alt="backset"] { background-color: #535353; color: white; }
.bk-trans blockquote[alt="backset"] { background-color: #393939; color: white; }
.dk-trans blockquote[alt="inset"], .dk-trans blockquote[alt="inset-0"], .bk-trans blockquote[alt="inset"], .bk-trans blockquote[alt="inset-0"] { color: #ddd; }

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

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

.wt-trans { background-color: white; color: black; }


.wtdk-trans { background-color: white; } /* same in dark mode */
.lt-trans { background-color: rgb(246,246,246); } /* same in dark mode */
.ltdk-trans { background-color: rgb(246,246,246); } /* same in dark mode */
.ltrg-trans { background-color: rgb(246,246,246); } /* same in dark mode */
.wt-trans a.download:hover, .lt-trans a.download:hover, .ltdk-trans a.download:hover, .ltrg-trans a.download:hover { background-color: #e5e5e5; }

.md-trans { background-color: #d9d9d9; }

.dk-trans { background-color: #444; color: #f3f3f3; }
.dk-trans a.download:hover { background-color: #696969; }

.dk-trans h5.alt-head, .bk-trans h5.alt-head { border-color: rgba(255, 255, 255, 0.5); background-color: #555555; }
.dk-trans a, .bk-trans a { color: white !important; }
.dk-trans h1, .dk-trans h2, .dk-trans h3, .dk-trans h4, .dk-trans h5 { color: white; }
.bk-trans h1, .bk-trans h2, .bk-trans h3, .bk-trans h4, .bk-trans h5 { color: white; }
.dk-trans .modal-body, .bk-trans .modal-body { color: #222; }
.dk-trans button:hover, .bk-trans button:hover { background-color: white; color: black; }
.dk-trans strong, .bk-trans strong { color: #f33; }
.dk-trans a.linkbutton:hover, .bk-trans a.linkbutton:hover { background-color: white; color: #111; }


.bk-trans { background-color: #292929; color: #eee; }
.bk-trans a.download:hover { background-color: #404040; }
.bk-trans h1, .bk-trans h2, .bk-trans h3, .bk-trans h4, .bk-trans h5 { color: white; }

.beige { background-color: rgb(61,83,86); }

@media screen and (min-width:0\0) { /* hack for IE 9, 10 font rendering */
	body { }
}
h1 { } .title h1 { /* color: #eee; */ }
h5 { }
h6 { color: #d33 /* #ed584b */; }
@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: #d5d5c5; margin-bottom: -15px; } /* OLD #d5d5c5 */
.trans a { /* color: white; */ }
.box a { border-bottom: 1px dotted #BBB; }
.box a.pic { border-bottom: none; }
.box a.subtle, .box a.subtler { border-bottom: none; }
.box a.subtle:hover { border-bottom: 1px dotted #BBB; }
.box a.subtler:hover { border-bottom: none; }
.box a.red-hover { border-bottom: none; }
.box a.red-hover:hover { color: #E53424; }

.titlelink { border-bottom: none !important; }
.footer {
 	-webkit-box-shadow: inset 0px 0px 2px #999; 
	box-shadow: inset 0px 0px 2px #999;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=2); /* string two filters before semi-colon */
	background-color: rgb(241,241,241);
}
.footer a { border-bottom: none; }
.footer a:hover { text-decoration: underline; }
#topbar {
	background: rgb(240, 240, 240); /* dark: 15 */ 
	background: rgba(240, 240, 240, 0.98); /* dark: 240, 0.9 */
	-webkit-box-shadow: 0px 0px 2px #666;
	box-shadow: 0px 0px 2px #666;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=98)
	       progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=180, Strength=2); /* string two filters before semi-colon */
}
a.current, #rightmenu a span.current { border-bottom: 3px solid #555; } /* currently same in styles.css */
#topbar a {
	color: #4a4a4a; /* dark: white; */
}
#topbar a:hover {
	/* color: white;
	background-color: #d00;
	border: 4px #d00 solid;
	border-left: 0px; border-right: 0px; */ /* above four lines: dark */
 	color: #111;
	/* text-shadow: 2px 2px 2px #FFFFFF; */
	border-bottom: 3px #222 solid;
}
#topbar .notmobile a:hover { border-bottom: none;}
/* #topbar a.notmobile:hover { background-color: inherit; border: inherit; } */
#rightmenu a:hover { border: none; }
#rightmenu a span:hover { border-bottom-color: #222 !important; }
#mobilemenu a:hover { background-color: inherit; border-color: transparent; }
#mobilemenu { color: #4a4a4a; } /* dark: white; */
#submenu { background-color: rgb(75, 75, 75); box-shadow: 0px 0px 2px #333; }
#submenu a { color: white; }
#submenu span { color: white; }
#submenu a:hover { background-color: rgb(105,105,105); }
#submenu a.current { background-color: #d33; }

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

.contact .wrapper { background-color: rgb(246,246,246); }

.contact a, .contactnext a {
	color: #454545;
	font-weight: 300;
	border-top: 1px solid #e8e8e8;
	border-bottom: none; /* negate .box a decoration */
}
.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 #d5d5c5;
}
.contact .trans a:last-child, .contactnext .trans a:last-child {
	border-bottom: 1px solid #d5d5c5; /* bottom item on list */
}
.contact a:hover, .contactnext a:hover {
	background: rgb(245,245,245);
	color: black; 
}
.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: #f0f0ea; 
}
.titlelink {
	color: white;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.40);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}
.titlelink:hover {
	text-decoration: underline;
	background: rgba(0,0,0,0.50);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.overlink:visited .titlelink {
	background: rgba(0,0,0,.40); /* fix for webkit ontouch > visited */
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}
a.overlink {
	border-bottom: none;
}
.linkbox a { /* background-color: #f3f3f3; */ }
.linkbox a:hover { color: #E53424; /* #d33 */ cursor: pointer; }
.linkboxshadow { box-shadow: 0px 0px 2px #999; }
.linkboxcolor { color: gray !important; }
.item {
	background-color: inherit;
}
.scrolldown {
	background: -webkit-linear-gradient(rgba(245,245,245,0)  , rgba(245,245,245,1)  ); /*Safari 5.1-6*/
	background: -o-linear-gradient(rgba(245,245,245,0)  , rgba(245,245,245,1)  ); /*Opera 11.1-12*/
	background: -moz-linear-gradient(rgba(245,245,245,0)  , rgba(245,245,245,1)  ); /*Fx 3.6-15*/
	background: linear-gradient(rgba(245,245,245,0)  , rgba(245,245,245,1)  ); /*Standard*/
}


/* 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.hidedk { display: block; }
	.hide1x.showdk { display: none; } 
	.hide2x { display: block; }
	.hide2x.hidedk { display: block; }
	.hide2x.showdk { display: none; } 
	.hide4x { display: block; }
	.hide4x.hidedk { display: block; }
	.hide4x.showdk { display: none; } 
	.hide3x { display: none; }
	.hide3x.hidedk { display: none; }
	.hide3x.showdk { display: none; }
	.show1x { display: none; }
	.show1x.hidedk { display: none; }
	.show1x.showdk { display: none; }
	.show2x { display: none; }
	.show2x.hidedk { display: none; }
	.show2x.showdk { display: none; }
	.show4x { display: none; }
	.show4x.hidedk { display: none; }
	.show4x.showdk { display: none; }
	.show3x { display: block; }
	.show3x.hidedk { display: block; }
	.show3x.showdk { 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.hidedk { display: block; }
	.hide1x.showdk { display: none; } 
	.hide3x { display: block; }
	.hide3x.hidedk { display: block; }
	.hide3x.showdk { display: none; } 
	.hide4x { display: block; }
	.hide4x.hidedk { display: block; }
	.hide4x.showdk { display: none; } 
	.hide2x { display: none; }
	.hide2x.hidedk { display: none; }
	.hide2x.showdk { display: none; }
	.show1x { display: none; }
	.show1x.hidedk { display: none; }
	.show1x.showdk { display: none; }
	.show3x { display: none; }
	.show3x.hidedk { display: none; }
	.show3x.showdk { display: none; }
	.show4x { display: none; }
	.show4x.hidedk { display: none; }
	.show4x.showdk { display: none; }
	.show2x { display: block; }
	.show2x.hidedk { display: block; }
	.show2x.showdk { display: none; } 
}
@media (max-width: 639px) { /* mobile phone, 1 box wide */
	.topbarsubblock { box-shadow: 0px 1px #DDD !important; }
	
	/* use hidedk and showdk to negate display:block below
	*/
	.hide2x { display: block; }
	.hide2x.hidedk { display: block; }
	.hide2x.showdk { display: none; }
	.hide3x { display: block; }
	.hide3x.hidedk { display: block; }
	.hide3x.showdk { display: none; }
	.hide4x { display: block; }
	.hide4x.hidedk { display: block; }
	.hide4x.showdk { display: none; }
	.hide1x { display: none; }
	.hide1x.hidedk { display: none; }
	.hide1x.showdk { display: none; }
	.show2x { display: none; }
	.show2x.hidedk { display: none; }
	.show2x.showdk { display: none; }
	.show3x { display: none; }
	.show3x.hidedk { display: none; }
	.show3x.showdk { display: none; }
	.show4x { display: none; }
	.show4x.hidedk { display: none; }
	.show4x.showdk { display: none; }
	.show1x { display: block; }
	.show1x.hidedk { display: block; }
	.show1x.showdk { display: none; }
}
@media all and (max-width: 639px) { /* mobile phone (no ie fix) */
	#leftmenu a { /* match topbar */ background: rgb(240, 240, 240); background: rgba(240, 240, 240, 0.98); } /* dark: 0 or 15 */
	#leftmenu a:last-child { -webkit-box-shadow: 0px 1px 1px #999; box-shadow: 0px 1px 1px rgba(100, 100, 100, 0.5); }
	#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 { } /* no change */
}

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