/* GLOBAL */
:root{
	--coffee:rgb(79, 71, 58);
	--dull:rgb(104,102,96);
	--navy:rgb(0,51,153);
	--softnavy:rgb(43,90,167);
	--visited:#7c95bd; /* only used on sitemap */
	--grass:rgb(102,127,28);
	--softgrass:rgba(224, 232, 205, .6);
	--hue:hue-rotate(0);
}

/* SHIA GREEN OVERRIDE 
:root{
	--navy:rgb(60,76,13);
	--softnavy:rgb(102,127,28);
	--visited:rgb(166, 170, 153);
	--hue:hue-rotate(-150deg);
} */

html{height:100%;width:100%;box-sizing: border-box;overflow: auto;}
body{margin:0;padding:0;font-family:verdana,sans-serif;background:#fff;color:var(--coffee);}
*{font-family:inherit;box-sizing:inherit}
.wall{position:relative;max-width:800px;margin:0 auto;padding:1rem;}
.wall.nopad{padding:0}
.wall.sidepad{padding:0 1rem}

/* LINKS */
a{cursor:pointer;text-underline-offset:3px;}
a.link{color:var(--softnavy);}
a.link:hover{color:var(--navy);}
a.phone{font-weight:bold;white-space: nowrap}
a.underline{text-decoration: underline;} /* add underline to non-href a links */
.button{display:inline-block;font-size:16px;text-decoration:none;padding:20px 40px;text-align:center;border-radius:5px;white-space: wrap;}

/* MISC */
input[type="submit"]{cursor:pointer;}
img.fit{object-fit:cover;width:100%;}
img.fit.pad{padding:.5rem 0}

/* HEADER */
#header{position:fixed;top:0;left:0;width:100%;height:65px;background: var(--softnavy);z-index:100;}
#fixr{height:103px;}

/* LOGO */
.logo{position:relative;display:block;width:130px;height:64px; background-image:url('../img/logo.svg');background-size: 100%; background-repeat: no-repeat;
	background-size:60%;top:10px;
}

/* PHONE */
#phone{display:inline-block;position:absolute;left:50%;transform:translateX(-50%);top:20px;background: var(--softnavy);color:rgba(255, 255, 255,.6);font-size:.7rem;text-align: center;text-decoration:none;}
#phone b{display:inline-block;font-size:1.2rem;font-family:verdana;color:rgb(253, 248, 181);text-shadow: 0 1px 1px var(--navy);}


/* MENU */	
#menu{position:absolute;z-index:2;right:0;top:40px;display:block;list-style:none;margin:0;padding:0;color:#fff;font-size:16px;font-weight:normal;text-align:right;}
#menu::before{content:'MENU ☰';position:relative;top:-20px;cursor:pointer;text-shadow: 0 2px 2px var(--navy);padding:20px;}
#menu li{position:relative;display:block;padding:0 20px;margin:0;background:var(--softnavy);filter:brightness(1.1);} 
#menu li:hover{background:var(--navy);}
#menu li a{display:block;color:#fff;text-decoration:none;padding:15px 0;outline:none;white-space:nowrap;}
#menu li:not(:last-child){border-bottom:1px solid var(--softnavy);}
#menu li:first-of-type{border-radius:5px 5px 0 0;}
#menu li:last-child{border-radius:0 0 5px 5px;}
#menu.hide li{height:0;overflow:hidden;border-bottom: none;}

/* SEARCH */
#search{position:fixed;width:100%;background:var(--softnavy);top:65px;z-index:99;}
#search input{width:100%;border:none;border-radius:3px;padding:6px 18px;margin-bottom: 10px;}
#search input[type="submit"]{position:absolute;top:0;right:1rem;width:35px;color:transparent;background:url('../img/search.svg'), #ddd;background-position:center;background-size:18px;background-repeat:no-repeat;filter:var(--hue);}
#search input:focus{outline:none;}
#search input::placeholder{color:rgba(0,0,0,.5);}

/* MAIN BLOCKS */
.main{position:relative;padding:1.5rem 0;}
.main :is(h1,h2,h3){position:relative;margin:0;padding:.5rem 0;/*font-size:1.7rem;*/font-family:arial;}
.main p{position:relative;font-size:16px;line-height:1.7em;margin:.9rem 0 1.7rem;padding:0;}
.main li{padding:5px 0;line-height:1.5em;}

.blue :is(h1,h2,h3){color:var(--softnavy);}
.blue .button{background:var(--softnavy);color:#fff;}
.blue .phone{color:var(--softnavy)}

.green{background:var(--softgrass);}
.green :is(h1,h2,h3){color:var(--grass);}
.green .button{background:var(--grass);color:#fff;}
.green .phone{color:var(--grass);}

.news{background:#f1f1f1;}
.news h2{color:var(--softnavy);}
.news h3{font-size:1.17em;}

.htag{position:relative;display:block;font-size:12px; color:var(--softnavy);text-decoration:none;}


/* ABOUT-US BIO */
.bio{position:relative;padding:40px 0;width:100%;    display:flex;flex-flow:row wrap;    }
.bio .card{position:relative;background:#fff;box-shadow:0 8px 15px rgba(0,0,0,0.15);padding: 0;border-radius:12px;margin:0 auto 40px auto;white-space: normal;min-width:48%;}
.bio img{position:relative;     width:calc(100px + 15%);float:right;border-radius: 50%;margin:0;background:rgba(0,0,0,.0);padding:20px;shape-outside: circle();/*clip-path: circle();*/}
.bio h2{color: var(--accent);margin:0;padding:30px 30px 0 30px;font-size:22px;font-weight:bold;font-variant:small-caps;}
.bio .title{font-size:16px; font-weight:bold; color:var(--dull);margin:0;padding:4px 30px;font-variant:all-small-caps;}
.bio p{position:relative;font-size:16px; color:var(--dull);line-height:1.7em;margin:0;padding:25px 30px 30px 30px;text-align:left;}
.bio .card:after{content:' ';display:block;height:0;clear:both;}


/* FOOTER */
#footer{position:relative;display:block;width:100%;min-height:135px;background:#f1f1f1;color:var(--dull);font-size:14px;}
#footer .wall{padding:40px 0;}
#footer h2{color:var(--coffee);padding:0;margin:0;}
#footer ul{padding:0;margin:10px 0 20px 0;}
#footer li{list-style: none;padding:5px 0;}
#footer a{color:var(--dull)}

#footlogo{width:100px;filter:brightness(.2) sepia(1);}
#footcopy{padding:10px;}


/* FLEX STUFF */
.linkbox{display:flex;gap:20px;flex-flow:row wrap;}
.linkbox a:hover{background:var(--softgrass);color:var(--grass);}        
.boxlink{display:block;flex:1 1 300px;border:1px solid #ccc;text-align:center;padding:15px;text-decoration: none;border-radius:8px;background:#eee;color:var(--softnavy);}
.boxlink b{display:block;font-size:1.1em;padding-bottom:15px;}

.flex{display:flex;/*gap:20px;*/flex-flow:row wrap;}
.card{padding:20px;/*flex-grow:1;flex-basis:0;min-width:300px;*/flex:1 1 300px;}
.card a{text-decoration:none;}
.card a:hover{text-decoration:underline;}
.links{display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:40px 110px;}
.links a{display:inline-block;padding:10px;}

/* NEW BANNER INSERTS */
.insert{border: 1px solid;text-align: center;color:var(--softnavy);border-radius:4px;}


/* MODAL */
#modal{display:none;position:fixed; left:50%;/*top:10vw;*/ top:50%; max-width:1000px; min-width:350px; z-index:1000;transform:translateX(-50%) translateY(-50%);       animation: modal 0.6s;}
#modal:before{content:' ';position:absolute;left:-2000px;top:-2000px;height:4000px;width:4000px;background:rgba(0,0,0,.52);z-index:-1;}
#modalhtml>*{max-height:calc(100vh - 100px);overflow:auto;}
@keyframes modal{from{top:0;opacity:0;}to{top:50%;opacity:1;}}

/* POPUP */
#popup{background:#fff;color:inherit;border-radius:8px;padding:0 20px 20px;}

/* EXIT */
a.quit{font-size:0;position:absolute;top:2px;right:0;text-decoration:none;}
a.quit:before{content:'✕';position:absolute;right:4px;top:1px;font-size:24px;background:transparent;line-height:32px;width:32px;text-align:center;cursor:pointer;z-index:1;}

/* UPVOTE BUTTON */
#upvote{display: inline-block; 
    background: url(../img/upvote.svg), var(--softgrass);
    color: var(--grass); 
    background-position: top 5px center;
    background-repeat: no-repeat;
    background-size: 23px;
    min-width: 40px;
    text-align: center;
    padding: 30px 5px 5px 5px;
    margin:0 0 40px 0;
    border-radius: 4px;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.3);
    cursor: pointer;
    z-index:1;
}

/* UPVOTE FLOAT */
.wrapper{display:flex;}
.float{display:flex;float:right; height:100%;/*margin:-15px 20px 0 40px;*/   margin:0 20px -20px 40px; align-items: flex-end;shape-outside: inset(calc(100% - 100px) 0 0);}

/* TEMPLATE ENHANCEMENTS */
.aspect-ratio{position:relative;width:100%;height:0;padding-bottom:56.25%;margin-bottom:8px;}
.aspect-ratio iframe{position:absolute;width:100%;height:100%;left:0;top:0;}
.related_terms a{display:inline-block;padding:0 8px;}
.linklist{margin:40px 0 80px;color:var(--softnavy);}

/* SEARCH/BUNCH RESULTS */
.bunch{display:block;text-decoration:none;margin:40px 0;color:var(--coffee);}
.bunch :is(p, h2, h3){margin:0;padding:0;}
.bunch :is(h2){font-size:1.35em;} /*discovertec edit*/
.bunch p:after{content:'.. read more ›';color:var(--navy);white-space: nowrap;}
.bunch:hover :is(h2,h3){color:var(--navy);text-decoration-thickness:2px;text-decoration:underline;}
.paginate a{text-align:center;text-decoration:none;color:var(--softnavy);padding:10px;}
.paginate a:not([href]){color:#ccc;cursor:default;}

/* RESPONSIVE */
@media screen and (max-width:520px){
	.call .button{width:calc(100% - 10px);}
	.logo{background-size:60%;top:10px;}
}
@media screen and (max-width:340px){
	#phone{font-size:.6rem;}
	#phone b{font-size:.7rem;}
}


/* PRINT */
@media print {
    #header, #fixr, #search, #footer, #modal {display:none;}  
}