@@ -298,45 +298,44 @@ body > header {
margin-left: .5rem;
}
#progressbar {
height: 1.8em;
.fundraiser-top-text {
background: #F0FFB8;
margin-top: -.5rem;
#progressbar .ui-widget-header {
background: rgb(206, 31, 31);
.fundraiser-top-text p {
font-size: 110%;
font-style: italic;
text-align: center;
#siteprogressbar .goalText {
color: #557733;
font-size: 10pt;
#siteprogressbar .soFarText {
#siteprogressbar .progress {
background: #577632;
@media all and (max-width: 600px) {
.goalText {
font-size: 8pt;
.soFarText {
color: white;
#siteprogressbar .middle-goal {
background: #d0d0d0;
background: linear-gradient(var(--khaki-green), #84a377, var(--khaki-green));
padding-left: 0.5rem;
padding-right: 0.5rem;
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
border: 1px solid #3f4439;
#siteprogressbar .final-goal {
background: #eeeeee;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
border: 1px solid #9bac88;
border-left: none;
#fundraiser-percentage {
#siteprogressbar .progress.matched {
#siteprogressbar {
background: linear-gradient(var(--washed-green), white, var(--washed-green));
box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
line-height: 1.3;
border-radius: 16px;
#container #mainContent {
@@ -654,21 +653,6 @@ dd {
margin: 0 0 1.5em 2em;
padding: .2em .7em;
.fundraiser-top-text * {
margin: .5em auto;
max-width: 70em;
width: 95%;
/* Fallback elements created by conservancy.js when no video source is
supported. */
div.small-right, div.medium-right {