@@ -133,33 +133,21 @@ text-decoration: none; color: #557733;
.donate-sidebar {
background: var(--light-green) no-repeat;
position: sticky;
bottom: 0;
width: auto;
padding: 0.5rem 1rem;
margin: 2rem -0.5rem 0;
margin: 0 -1rem;
border-radius: 8px 8px 0 0;
border: 1px solid #90d468;
}
.donate-sidebar:hover {
background: #a0d870;
@media screen and (min-width: 30em) {
margin: 2rem -1rem 0;
@media screen and (max-width: 52em) {
#sidebar {
display: none;
p.footnote {
font-size: 85%;
h1 { margin-top: .75em; margin-bottom: .5em; }
h2 { margin-top: .75em; margin-bottom: .5em; }
@@ -337,30 +325,31 @@ body > header {
line-height: 1.3;
border-radius: 16px;
#container #mainContent {
max-width: 50em;
margin: 0;
margin: 0 0 2rem;
padding: 0;
background: #ffffff;
flex: 1 1 auto;
#container #sidebar {
background-color: #e6eae1;
padding: 1px 0.5rem 0.25rem;
margin-bottom: 1rem;
padding: 1px 0.5rem 2rem;
margin: 1rem -1rem 0;
#container {
display: flex;
flex: 1 0 15em;
margin-right: 1rem;
margin: 1rem 0rem 1rem 2rem;
#container #sidebar li {
text-align: center;
list-style: none;
@@ -434,12 +423,19 @@ body > header {
.column h2 a:hover { text-decoration: underline; }
#conservancyfooter {
border-top: 1px solid #ccc;
overflow: auto;
.continued {
display: block;
font-size: .9em;
font-weight: bold;