@@ -2,48 +2,49 @@
img { border: 0; }
body { margin: 0; padding: 0; }
.clear { clear: both; }
.hidden { display: none; }
p, h1, h2, h3, h4, h5, h6, #mainContent ul, #mainContent ol {
/* margin-top: 1em; */
margin-bottom: 1em;
}
p {
line-height: 1.6;
html {
/* Standard colorss. */
--khaki-green: #587733;
--light-green: #afe478;
--washed-green: #daf4be;
--light-blue: #92d4d1;
--washed-blue: #ddfbfa;
--navy: #224c57;
--orange: #ec6343;
--orange-dim: #e05340;
--orange-dimmer: #ce3520;
/* Some Tachyons-like classes to apply those standard colors. */
.bg-light-blue { background: var(--light-blue); }
.bg-orange { background: var(--orange); }
.orange { color: var(--orange); }
.b--light-blue { border-color: var(--light-blue); }
.navy { color: var(--navy); }
body {
/* Native font stack as per Bootstrap 5.1. */
font-family:
system-ui,
-apple-system,
"Segoe UI",
Roboto,
"Helvetica Neue", Arial,
"Noto Sans",
"Liberation Sans",
sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: .875rem;
color: #333;
@@ -664,24 +665,31 @@ div.small-right, div.medium-right {
.breadcrumbs, .breadcrumbs a {
color: #777;
.breadcrumbs a {
padding: 0 0.5em;
.breadcrumbs a:first-child {
padding-left: 0;
.breadcrumbs span {
padding-left: 0.5em;
.press-release .date, .conservancy-blog .date {
margin-bottom: 1rem;
/* Expanding sections. */
details summary {
font-size: 1rem;
font-weight: bold;
padding: 0.5rem 0;
.conservancy-sustainer #feature-menu li.sustainer a,
.conservancy-donate #feature-menu li.donate a,
.conservancy-vizio #feature-menu li.donate a
{
background-color: var(--orange-dimmer);