/* CSS Document v:1.2 */

@charset "utf-8";
:root {
 --lightcolor:#EFCC50; /* FFD700 */  
 --darkcolor:#EFCC50;
 --opplight:#00F; /* 4DF */
 --oppdark:#00F; /* 45F */
 --oppGdark:#00F;
 --oppGlight:#4AF;
 --headTxt:#BFDFFF;
 --golden:#EFCC50; /* AE8C52 */
 --bodyTxt:#FFF;
 --linkD:#DFF;
 --linkL:#FFF;
}
body { margin:0; padding:0; background-color:#000; font-size:14px; font-size:2.5vw; font-size:calc(10px + 0.5vw); font-size:clamp(14px, 2.5vw, 28px); font-family:Lora, serif; }
div { float:none; clear:none; }
#container { display:block; overflow:hidden; }

header { text-align:left; }
table {border-collapse:collapse; border-spacing:0;}
a { text-decoration:none;}
main a, main a:visited { color:var(--darkcolor); }
main a:hover {color:var(--lightcolor); text-decoration:underline; }
main h1:first-of-type { text-align:center; display:block;}
main { padding:0 2%; line-height:150%; display:inline-block; color:var(--bodyTxt); width:96%; overflow:hidden;  }
li {margin-top:4px;}
h1 {font-size:24px; font-size:2.9vw; font-size:calc(13px + 0.7vw); font-size:clamp(24px, 2.9vw, 31px); color:var(--golden); line-height:108%; }
h2 {font-size:22px; font-size:2.8vw; font-size:calc(12px + 0.6vw); font-size:clamp(22px, 2.8vw, 29px); }
h3 {font-size:20px; font-size:2.7vw; font-size:calc(11px + 0.5vw); font-size:clamp(20px, 2.7vw, 27px); }
figure { float:left; margin:9px 15px; text-align:center; }
figcaption { clear:both; text-align:center;}
fieldset { padding:8px 0 16px 12px; margin:0; }
legend { font-weight:bold; font-size:14px; padding:0 0 8px 2px; }
small { font-size:10px; }
input, select { margin-bottom:4px; font-size:14px; width:230px; overflow:hidden; }
       select {width:auto;}
nav {display:block; width:100%; height:60px;
background-image:linear-gradient(var(--lightcolor), var(--darkcolor)); clear:both; }
#navTrigger {float:right; margin:8px; padding:5px 13px; width:40px; height:35px; cursor:pointer;
  -webkit-border-radius:5px; border-radius:5px; box-shadow:1px 1px 3px 0 rgba(0,0,0,0.55),inset 1px 1px 0 rgba(255,255,255,0.3);
  background:linear-gradient(to bottom,rgba(238,238,238,0.2) 0%,rgba(0,0,1,0.7) 100%); }
#navTrigger span {width:auto; height:5px; margin:5px 0; background-color:#EEE; display:block; border-radius:2px; opacity:0.9;}
nav ul {position:absolute; display:none; margin:57px 5px 5px 5px; right:19px; padding:0; box-shadow:-2px 2px 8px 0 #666; border-radius:0 0 10px 10px; z-index:99;}
nav li {width:270px; list-style:none; padding:5% 0 5% 5%; border:1px solid #999; overflow:hidden; margin-top:-1px; background-color:var(--golden); background-color:rgba(239,186,80,0.95);} /*170,204,221*/
nav li a, nav li a:visited {color:var(--oppGdark); font-weight:bold;}
nav li a:hover {color:var(--oppGlight);}

nav input[type=checkbox]{display:none; -webkit-appearance:none;}
nav input[type=checkbox]:checked ~ #menu{display:block;} /*Show menu when invisible checkbox is checked*/
nav ul li:last-child {border-radius:0 0 10px 10px;}

footer { display:flex; background-color:var(--lightcolor); font-size:0.6em; width:98%; padding:11px 1%; color:#00F; margin:12px 0 0 0; justify-content:space-around; align-items:flex-start; flex-wrap:wrap; }
footer section {padding-bottom:1em;}
footer section a {color:#00F; margin:0 8px; }

#copyr {clear:both; margin:8px 0 0 0; width:100%; text-align:center; color:#999; font-size:small;}
#head1 {text-align:left; margin:3px 3px 0 3px;}
#Logo {object-fit:contain; max-width:100%; max-height:100%;}
#schedule {float:right; color:var(--golden); margin:8px 3px 0 0;} #schedule img {vertical-align:middle; overflow: hidden}
#Firm { font-family:Lora, serif; float:left; line-height:0; margin:-5em 0 0 220px; font-size:larger; width:80%; line-height:normal; }
#sidenotes {width:200px; float:right; clear:none; padding:0 10px 0 20px; } #sidenotes h1 {color:white; text-align:left; margin-left:10px; word-spacing:-10px; }
#sidenotes hr {width:70%; height:1px; background:#fff; border:0; display:inline-block; padding:0; margin:0 -2px; vertical-align:super;}
#sidenotes .h1r1:before {content:open-quote; font-size:xxx-large; margin:0; padding:0; display:inline; word-spacing:-10px; vertical-align:bottom; line-height:0.4; }
#sidenotes .h1r2:after {content:close-quote; font-size:xxx-large; margin:0; padding:0; display:inline; word-spacing:-10px; vertical-align:bottom; line-height:0.4; }
#sidenotes h3 {color:#2692FF; font-size:18px; text-decoration:underline; word-spacing:normal;}
#articles { display:none; }
#articles div { color:#BFEEFF; font-size:12px; clear:both; line-height:115%; margin:15px 0; word-spacing:normal; }
#articles div b { color:#4CFFFF;}

.marginT5 {margin-top:-5em;}
.columns2 div { width:100%; float:left; font-size:smaller;}
.flexBox {display:flex; justify-content:space-around; align-items:flex-start; flex-wrap: wrap; }
.brGold b{ color:var(--golden); }
.rlink { color:var(--golden); border:1px solid gold; border-radius:25px; padding:6px 11px; line-height:normal; margin:8px; }
.rlink:hover { text-decoration:none;}
.rlinkP { width:40%; line-height:3em; white-space:nowrap; margin:1em 0; }
.yellow {color:var(--golden);}
.border td { padding:3px; border:1px solid black; margin:0;}
.f2 {display:grid; grid-template-rows:auto; grid-template-columns:20% 77%; row-gap:1%; column-gap:0.5%; margin-bottom:10%; margin-bottom:4vh; }
.f2 label {text-align:right;}
.f2 label.no {width:auto;}
input[type="submit"] {margin:20px 0;}
input.no, select.no { margin:0; width:auto; }

.sitemap tr td {border-bottom:1px dotted #CCC;}
.sitemap {margin:15px 0;width:100%;}
.sitemap tr {display:grid; border:1px solid #222; border-top:none;}
.hangindent {text-indent:-1em;}
.center {text-align:center;}
.parallax-window {min-height:100px; background:transparent; }


/* 320,480,360,640,768,800,980 */
@media screen and (max-width:350px){ /* design for smallest width */
 #navTrigger {display:block;}
 #head3 video { width:50%;}
 .rlinkP { width:40%; }
 #Logo { width:100px;}
 #Firm { margin:-60px 0 0 150px; font-size:larger;}
}

@media screen and (max-width:652px){
 #navTrigger {display:block;}
 #head3 video { width:50%;}
 .rlinkP { width:40%; }
 #Logo { width:150px;}
 #Firm { margin:-70px 0 0 160px; font-size:larger;}

}

@media screen and (min-width:721px){ /* min-width +1 after largest max-width */
 #navTrigger {display:none;}
 #menu { display:flex; margin:0.5em; padding:0; }
 nav li { border:unset; width:auto; align-self:auto; flex-grow:1; background-color:unset; list-style:none; }
 nav ul { justify-content:space-around; box-shadow:unset; left:0; } nav ul li:last-child {border-radius:unset;}
 nav ul li,nav li a { margin:0; padding:0 0.4em; }
 nav li a { font-size:16px; font-size:1.5vw; font-size:calc(14px + 0.5vw); font-size:clamp(16px, 1.6vw, 22px);
 text-align:center; width:100%; margin:0 0; padding:5px 8px; text-decoration:none; }
 #Firm {margin:-3em 0 0 220px; font-size:1.5em;}
 nav li a, nav li a:visited {color:var(--oppdark);}
 nav li a:hover {color:var(--opplight);}
.rlinkP { width:60%; }
.sitemap tr {display:table-row; border:unset;}
.columns2 div { width:47%; margin:0 1%; float:left;}

}

@media screen and (min-width:999px){
.rlinkP { width:60%; }

}