/* HS23.css Bootstrap styles -- mrp -- Hogan & Stickel, Inc. 28Dec17
palette colors: grey #cad0d4, blue #395c7f, green #b2a465, red #523f37, dark green #0e6642  
changes: https://getbootstrap.com/docs/3.3/customize/
*/
h1 { font-family: Georgia, serif;  font-size: 180%  ; color: #357 ; padding: 5% 5% 0 5% ; }
h2 { font-family: Georgia, serif;  font-size: 150%  ; color: #357 ; padding: 5% 5% 0 5% ; }
h3 { font-family: Georgia, serif;  font-size: 120%  ; color: #357 ; padding: 5% 5% 0 5% ; }
h4 { font-family: Georgia, serif;  font-size: 140%  ; color: #CDD ; padding: 1% 5% 1% 5% ; background-color: #357 ;}
h5 { font-family: Georgia, serif;  font-size: 140%  ; color: #064 ; padding: 1% 5% 1% 5% ; background-color: #BA6 ;}
p { font-family: Georgia, serif; font-size: 110% ; color: #000 ; padding: 8px 5% 0 5% ; margin: 0 ; text-indent: 1em; line-height: 24px; }
.quote { font-size: 120% ; line-height : 1.4em; color: #246 ; margin: 0 ; 	padding: 8px 5% 0 5% ; font-style: italic ; }
.hdr { font-family: Georgia, serif; font-size: 120%; color: #47A ; line-height: 24px; }
.big { font-family: Georgia, serif; font-size: 130%; color: #000 ; padding: 0 5% 0 5%; margin: 0 ; }	
.txt { font-family: Georgia, serif; font-size: 110%; color: #000 ; padding: 0 5% 0 5%; margin: 0 ; line-height: 24px;}	
.txtni { font-family: Georgia, serif; font-size: 110%; color: #000 ; padding: 0 5% 0 5%; margin: 0 ; line-height: 24px;}	
.who {font-size: 110%;	font-family: Georgia, serif;	color: #000; margin-right: 10%; text-align: right; line-height: 12px; }
.sml { font-family: Georgia, serif; font-size: 105%; color: #000 ; padding: 0 5% 0 5%; margin: 0 ; }	
.tny { font-family: Verdana,Helvetica,sans-serif; font-size: 80%; color: #000 ; padding: 0 5% 0 5%; margin: 0 ; line-height: 12px ; }	
.tnyg { font-family: Verdana,Helvetica,sans-serif; font-size: 80%; color: #666 ; padding: 0 5% 0 5%; margin: 0 ; line-height: 12px ; }	
.diags { font-family: Verdana,Helvetica,sans-serif; font-size: 70%; color : #008; }
.ips	{ font-family: Verdana,Helvetica,sans-serif; font-size: 10px ; color: #000 ; line-height: 12px ;}
.ipsu	{ font-family: Verdana,Helvetica,sans-serif; font-size: 10px ; color: #F60 ; line-height: 12px ;}
.cap { font-family: Georgia, serif; font-size: 105%; color: #000 ; padding: 0 5% 0 5%; margin: 0 ; line-height: 18px ; }
input { font-family: Verdana,Helvetica,sans-serif; font-size: 110%; color: #000 ; padding: 0 5% 0 5%; margin: 0 ; }
input.req { font-family: Verdana,Helvetica,sans-serif; font-size: 110%; color: #000 ; padding: 0 5% 0 5%; margin: 0 ; background-color: #DDA ; }
input.submit { background-color: #DDA ; }	

ul.rec { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 120% ; color: #246 ;  padding: 0; }  /* added 12Jun17 mrp */
ol.art, ul.art { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100% ; color: #000 ;  padding: 8px 15% 0 15% ; text-align:justify}  /* added 6Jan21 mrp */

.here { color: #FFF ; background-color: #BA6 ; font-size: 120% ; font-weight: bold ; line-height: 24px; }

a:link {
	color: #246;
	text-decoration: none;
	font-weight: bold;
}
a:active, a:visited {
	color: #579;
	text-decoration: none;
	font-weight : bold;
}
a:hover, a:focus  {
	color: #579;
	background-color: #BA6;
	text-decoration: none;
	font-weight : bold;
}


ul.sml { margin: 0 0 0 7% }

#logotype { margin: 3% 3% 2% 2%; }

.navbar {
	font-family: Georgia, serif;
   background-color: #47A !important;
   border-color:#CDD;
   margin: 0;
}
.navbar .navbar-nav li a{
	color: #000 !important;
}
.navbar .navbar-nav li a:hover{
	color: #fff !important;
}
.navbar .nav-item .dropdown-menu .dropdown-item:hover{
	color: #000 !important;
	background-color: #CCF !important;
	opacity: 0.5 !important;
}
.navbar-toggler{
	background-color: #FFF !important;
}
.nav {
	font-family: Georgia, serif;
   background-color: #47A !important;
   border-color:#CDD;
   margin: 0 2% 0 2%;
}
.nav a{
	color: #000 !important;
}

/*
.navbar .navbar-brand {
	color: #fff !important;
}
.navbar .navbar-brand:hover {
	color: #ff0 !important;
}

old stuff
.navbar-default {
	font-size: 130%;
   background-color: #47A;
   border-color:#CDD;
   margin: 0;
}
.navbar-default .navbar-nav > li > a {
    color: #CDD;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #CDD;
    color: #246;
}
.navbar-default .navbar-brand {
    color: #FF0;
}
*/
.btn {
background: #CCC;
color: #FF0;
display: inline-block;
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
font-family: Arial, sans-serif;
line-height: 2em;
padding: 0 3em;
text-decoration: none;
margin: 5px 0 0 20% ;
}

.green.btn {
background: linear-gradient(#6BDB55,#57B245);
text-shadow: 1px 1px 1px #57B245;
}
.blue.btn {
background: linear-gradient(#cdd,#357);
text-shadow: 1px 1px 1px #FFF;
}

.btn:hover {
box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),
inset 0 1.5em 1em rgba(255,255,255,0.3);
}

.btn:active {
box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),
inset 0 1.5em 1em rgba(0,0,0,0.3);
}

.picleft {
	float:left;
	text-align:center;
	font-size: .85em;
	line-height : 1.3em;
	color: #44522E;
	padding: 2px;
	margin:3px 4px 0px 0px;
}
.picright {
	float:right;
	text-align:center;
	font-size: .85em;
	line-height : 1.3em;
	color: #44522E;
	padding: 2px;
	margin:3px 0px 0px 4px;
}


