@@ -45,49 +45,61 @@ body {
font-size: .875rem;
color: #333;
}
a {
text-decoration: none;
color: var(--navy);
transition: all .2s ease;
font-weight: bold;
a:hover { text-decoration: underline; }
input:focus {
z-index: 3;
border-color: #86b7fe;
box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
};
a.read-more {
cursor: pointer;
font-style: italic;
.btn-orange {
color: white;
background: var(--orange);
border: 1px solid var(--orange-dim);
.btn-orange:hover {
.btn-orange:hover, .btn-orange:active {
background: var(--orange-dim);
box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
.btn-orange:focus {
box-shadow: 0 0 0 .25rem var(--orange-dim);
.btn-white {
color: var(--orange);
background: white;
.btn-white:hover {
.btn-white:hover .btn-white:active {
background: #eee;
.btn-white:focus {
box-shadow: 0 0 0 .25rem #ddd;
a svg {
a:hover svg {
transform: scale(1.1);
.toggle-control {
text-decoration: none; color: #557733;
@@ -151,25 +163,25 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
#navbar-outer { background: var(--navy); }
#navbar { margin-top: 3px; max-width: 1140px; margin: 0 auto;}
#navbar ul { list-style: none; }
#navbar-clear { clear: both; }
#navbar li a {
display: block;
padding: .5em .8em .1em;
margin: 0 3px .1em 0;
border-bottom: 4px solid transparent;
#navbar li:hover a {
#navbar li:hover a, #navbar li a:focus {
border-bottom: 4px solid var(--light-green);
#navbar li { float: left; display: inline; margin-bottom: 3px; }
#mainContent {
max-width: 1140px;
margin: 0 auto;
#sidebar + #mainContent {
float: left;