/*
 * html defaults
 */
body{min-height:100vh;background-color:#fff;color:#000;font-size:1.2rem;margin-right:auto !important;font-family:Lucida Grande,Helvetica,Arial,sans-serif;}
hr{margin:5px 0;border:1px solid #ccc;background-color:#fff;width:100%;}

/*
 * bootstrap over-rides	#fcfcfc;
 */
h4{font-size:18px;}
.offcanvas-start{width:225px;}
.offcanvas{background-color:rgba(250,250,250,0.85)}
.offcanvas-header{padding:1rem 0 1rem 2rem;border-width:1px;border-bottom-style:solid;}
.offcanvas-body{padding:1rem 0 0 0;}
.modal-dialog{max-width:650px;}

/*
 * menus
 */
#mnuTitle{font-weight:bold;}
.active{font-weight:bold;}
.inactive{text-indent:20px;}
.mnuBtn{position:absolute;top:2vh;left:1vw;font-size:4.2vh;}
.mnuoptn{display:block;padding:0.3rem 0;}
.mnubdr{width:30px;font-size:11px;}
ul.mnu{padding:0;margin:0;text-indent:0px;}

.mnu-icon{position:relative;width:30px;height:4px;border-radius:4px;top:0px;background-color:#333;display:block;}
.mnu-icon:before{position:absolute;width:30px;height:4px;border-radius:4px;background-color:#333;display:block;top:-7px;content:"";}
.mnu-icon:after{position:absolute;width:30px;height:4px;border-radius:4px;background-color:#333;display:block;top:7px;padding-top:2px;content:"Menu";}

/*
 * heading
 */
.tmTopHdr{text-align:center;margin:2vh 0;font-size:3.2vw;font-weight:300;text-shadow:#badce8 1px 1px 1px;}
.hdrimg{position:relative;text-align:left;top:0vh;z-index:0;}
.imgquote{font-size:2.6vw;font-family:'Inter',sans-serif;position:absolute;
	bottom:5.2vh;left:2.75vw;width:95%;font-weight:300;line-height:2.9vw;}
.imgquote{color:black;text-shadow:1px 1px white;}
 
/*
 * positioning
 */
.tmbox,.tmboxsm,.tmboxmdm,.tmboxlg{position:relative;padding:1.5vh 1.9vw;background-color:#f1f1f1;
	top:-3.8vh;font-size:2vw;font-family:'Inter';color:black;text-align:center;
	font-weight:300;margin-left:5vw;border-radius:8px;}
.tmboxsm{width:15vw;}
.tmboxmdm{width:23vw;}
.tmbox{width:32vw;}
.tmboxlg{width:40vw;}
.tmtoppos{top:-1.5vh;position:relative;}
.btntr{position:absolute;top:2px;right:2px;}
.btn-sm{padding:.1rem .3rem;font-size:.725rem;border-radius:.5rem;}

/*
 * text elements
 */
.tmtxt{font-size:17px;color:black;font-weight:300;font-family:'Inter';}
.tmmsg{font-size:15px;color:black;font-weight:300;font-family:'Inter';}
.tmmsglg{font-size:17px;color:black;font-weight:300;font-family:'Inter';}
.tmtftd{font-family:'Inter';font-weight:300;}
.tmblkhdr{background-color:#fff;}
.tminfo{font-size:13px;font-family:'Inter';color:black;padding:5px 10px 8px 10px;border-radius:0 0 8px 8px;background-color:#e1e1e1;}
ul{list-style:square;}
li{font-family:'Inter';font-weight:300;}
/*
 * links
 */
a.lnk{cursor:pointer;color:#0088cc;text-decoration:none;}
a.lnk:hover{color:#000;text-decoration:none;}
a.lnk[href^="https://"]{background:url(../imgs/Link.png) center right no-repeat;padding-right:13px;}
a.lnk:hover[href^="https://"]{background:url(../imgs/Linkb.png) center right no-repeat;padding-right:13px;}
a.mnu{cursor:pointer;color:#555;text-decoration:none;}
a.mnu:hover{color:#000;text-decoration:none;}

/*
 * images
 */
.tmrndt{border-radius:8px 8px 0 0;}

@media(max-width:1400px){
.mnuBtn{top:2.1vh;}
}
@media(max-width:1100px){
.mnuBtn{top:1.6vh;}
}

@media(max-width:800px){
.imgquote{font-size:3vw;line-height:3.2vw;}
.tmbox,.tmboxsm,.tmboxmdm{font-size:2.5vw;padding:1.1vh 2vh;top:-2.2vh;}
.tmboxsm{width:18vw;}
.tmboxmdm{width:26vw;}
.tmbox{width:40vw;}
.tmboxlg{width:43vw;}
.mnuBtn{top:0.9vh;left:-1vw;}
.mnubdr{width:24px;font-size:9px;}
.mnu-icon{position:relative;width:22px;height:2px;border-radius:4px;top:0px;background-color:#333;display:block;}
.mnu-icon:before{position:absolute;width:22px;height:2px;border-radius:4px;background-color:#333;display:block;top:-5px;content:"";}
.mnu-icon:after{position:absolute;width:22px;height:2px;border-radius:4px;background-color:#333;display:block;top:5px;padding-top:2px;content:"Menu";}
}

@media(max-width:650px){
.imgquote{font-size:2.95vw;line-height:3.1vw;}
.tmbox,.tmboxsm,.tmboxmdm{font-size:3vw;padding:1.1vh 2vh;}
.tmboxsm{width:21vw;}
.tmboxmdm{width:28vw;}
.tmbox{width:45vw;}
.tmboxlg{width:47vw;}
.mnuBtn{top:0.3vh;left:-2.5vw;}
}
@media(max-width:500px){
.imgquote{font-size:3.5vw;line-height:3.6vw;}
.mnuBtn{top:-0.1vh;left:-3vw;}
}